@internetarchive/bookreader 5.0.0-95 → 5.0.0-96

package/BookReader/hypothesis/build/scripts/ui-playground.bundle.js

@@ -0,0 +1,711 @@
+var e,i,l,n,o,r,t,m,u,c,a,d,s,N={},h=[],b=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,f=Array.isArray;function v(e,i){for(var l in i)e[l]=i[l];return e}function p(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function g(i,l,n){var o,r,t,m={};for(t in l)"key"==t?o=l[t]:"ref"==t?r=l[t]:m[t]=l[t];if(arguments.length>2&&(m.children=arguments.length>3?e.call(arguments,2):n),"function"==typeof i&&null!=i.defaultProps)for(t in i.defaultProps)null==m[t]&&(m[t]=i.defaultProps[t]);return w(i,m,o,r,null)}function w(e,n,o,r,t){var m={type:e,props:n,key:o,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==t?++l:t,__i:-1,__u:0};return null==t&&null!=i.vnode&&i.vnode(m),m}function I(e){return e.children}function x(e,i){this.props=e,this.context=i}function y(e,i){if(null==i)return e.__?y(e.__,e.__i+1):null;for(var l;i<e.__k.length;i++)if(null!=(l=e.__k[i])&&null!=l.__e)return l.__e;return"function"==typeof e.type?y(e):null}function S(e){var i,l
+;if(null!=(e=e.__)&&null!=e.__c){for(e.__e=e.__c.base=null,i=0;i<e.__k.length;i++)if(null!=(l=e.__k[i])&&null!=l.__e){e.__e=e.__c.base=l.__e;break}return S(e)}}function k(e){(!e.__d&&(e.__d=!0)&&o.push(e)&&!C.__r++||r!=i.debounceRendering)&&((r=i.debounceRendering)||t)(C)}function C(){for(var e,l,n,r,t,u,c,a=1;o.length;)o.length>a&&o.sort(m),e=o.shift(),a=o.length,e.__d&&(n=void 0,t=(r=(l=e).__v).__e,u=[],c=[],l.__P&&((n=v({},r)).__v=r.__v+1,i.vnode&&i.vnode(n),H(l.__P,n,r,l.__n,l.__P.namespaceURI,32&r.__u?[t]:null,u,null==t?y(r):t,!!(32&r.__u),c),n.__v=r.__v,n.__.__k[n.__i]=n,P(u,n,c),n.__e!=t&&S(n)));C.__r=0}function L(e,i,l,n,o,r,t,m,u,c,a){var d,s,b,v,p,g,x=n&&n.__k||h,S=i.length;for(u=function(e,i,l,n,o){var r,t,m,u,c,a=l.length,d=a,s=0;for(e.__k=new Array(o),r=0;r<o;r++)null!=(t=i[r])&&"boolean"!=typeof t&&"function"!=typeof t?(u=r+s,(t=e.__k[r]="string"==typeof t||"number"==typeof t||"bigint"==typeof t||t.constructor==String?w(null,t,null,null,null):f(t)?w(I,{children:t
+},null,null,null):null==t.constructor&&t.__b>0?w(t.type,t.props,t.key,t.ref?t.ref:null,t.__v):t).__=e,t.__b=e.__b+1,m=null,-1!=(c=t.__i=M(t,l,u,d))&&(d--,(m=l[c])&&(m.__u|=2)),null==m||null==m.__v?(-1==c&&(o>a?s--:o<a&&s++),"function"!=typeof t.type&&(t.__u|=4)):c!=u&&(c==u-1?s--:c==u+1?s++:(c>u?s--:s++,t.__u|=4))):e.__k[r]=null;if(d)for(r=0;r<a;r++)null!=(m=l[r])&&0==(2&m.__u)&&(m.__e==n&&(n=y(m)),O(m,m));return n}(l,i,x,u,S),d=0;d<S;d++)null!=(b=l.__k[d])&&(s=-1==b.__i?N:x[b.__i]||N,b.__i=d,g=H(e,b,s,o,r,t,m,u,c,a),v=b.__e,b.ref&&s.ref!=b.ref&&(s.ref&&R(s.ref,null,b),a.push(b.ref,b.__c||v,b)),null==p&&null!=v&&(p=v),4&b.__u||s.__k===b.__k?u=_(b,u,e):"function"==typeof b.type&&void 0!==g?u=g:v&&(u=v.nextSibling),b.__u&=-7);return l.__e=p,u}function _(e,i,l){var n,o;if("function"==typeof e.type){for(n=e.__k,o=0;n&&o<n.length;o++)n[o]&&(n[o].__=e,i=_(n[o],i,l));return i}e.__e!=i&&(i&&e.type&&!l.contains(i)&&(i=y(e)),l.insertBefore(e.__e,i||null),i=e.__e);do{i=i&&i.nextSibling}while(null!=i&&8==i.nodeType)
+;return i}function A(e,i){return i=i||[],null==e||"boolean"==typeof e||(f(e)?e.some((function(e){A(e,i)})):i.push(e)),i}function M(e,i,l,n){var o,r,t=e.key,m=e.type,u=i[l];if(null===u&&null==e.key||u&&t==u.key&&m==u.type&&0==(2&u.__u))return l;if(n>(null!=u&&0==(2&u.__u)?1:0))for(o=l-1,r=l+1;o>=0||r<i.length;){if(o>=0){if((u=i[o])&&0==(2&u.__u)&&t==u.key&&m==u.type)return o;o--}if(r<i.length){if((u=i[r])&&0==(2&u.__u)&&t==u.key&&m==u.type)return r;r++}}return-1}function T(e,i,l){"-"==i[0]?e.setProperty(i,null==l?"":l):e[i]=null==l?"":"number"!=typeof l||b.test(i)?l:l+"px"}function z(e,i,l,n,o){var r;e:if("style"==i)if("string"==typeof l)e.style.cssText=l;else{if("string"==typeof n&&(e.style.cssText=n=""),n)for(i in n)l&&i in l||T(e.style,i,"");if(l)for(i in l)n&&l[i]==n[i]||T(e.style,i,l[i])}else if("o"==i[0]&&"n"==i[1])r=i!=(i=i.replace(u,"$1")),i=i.toLowerCase()in e||"onFocusOut"==i||"onFocusIn"==i?i.toLowerCase().slice(2):i.slice(2),e.l||(e.l={}),e.l[i+r]=l,l?n?l.u=n.u:(l.u=c,
+e.addEventListener(i,r?d:a,r)):e.removeEventListener(i,r?d:a,r);else{if("http://www.w3.org/2000/svg"==o)i=i.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=i&&"height"!=i&&"href"!=i&&"list"!=i&&"form"!=i&&"tabIndex"!=i&&"download"!=i&&"rowSpan"!=i&&"colSpan"!=i&&"role"!=i&&"popover"!=i&&i in e)try{e[i]=null==l?"":l;break e}catch(e){}"function"==typeof l||(null==l||!1===l&&"-"!=i[4]?e.removeAttribute(i):e.setAttribute(i,"popover"==i&&1==l?"":l))}}function D(e){return function(l){if(this.l){var n=this.l[l.type+e];if(null==l.t)l.t=c++;else if(l.t<n.u)return;return n(i.event?i.event(l):l)}}}function H(e,l,n,o,r,t,m,u,c,a){var d,s,N,h,b,g,w,y,S,k,C,_,A,M,T,z,D,H=l.type;if(null!=l.constructor)return null;128&n.__u&&(c=!!(32&n.__u),t=[u=l.__e=n.__e]),(d=i.__b)&&d(l);e:if("function"==typeof H)try{if(y=l.props,S="prototype"in H&&H.prototype.render,k=(d=H.contextType)&&o[d.__c],C=d?k?k.props.value:d.__:o,n.__c?w=(s=l.__c=n.__c).__=s.__E:(S?l.__c=s=new H(y,C):(l.__c=s=new x(y,C),s.constructor=H,
+s.render=F),k&&k.sub(s),s.props=y,s.state||(s.state={}),s.context=C,s.__n=o,N=s.__d=!0,s.__h=[],s._sb=[]),S&&null==s.__s&&(s.__s=s.state),S&&null!=H.getDerivedStateFromProps&&(s.__s==s.state&&(s.__s=v({},s.__s)),v(s.__s,H.getDerivedStateFromProps(y,s.__s))),h=s.props,b=s.state,s.__v=l,N)S&&null==H.getDerivedStateFromProps&&null!=s.componentWillMount&&s.componentWillMount(),S&&null!=s.componentDidMount&&s.__h.push(s.componentDidMount);else{if(S&&null==H.getDerivedStateFromProps&&y!==h&&null!=s.componentWillReceiveProps&&s.componentWillReceiveProps(y,C),!s.__e&&null!=s.shouldComponentUpdate&&!1===s.shouldComponentUpdate(y,s.__s,C)||l.__v==n.__v){for(l.__v!=n.__v&&(s.props=y,s.state=s.__s,s.__d=!1),l.__e=n.__e,l.__k=n.__k,l.__k.some((function(e){e&&(e.__=l)})),_=0;_<s._sb.length;_++)s.__h.push(s._sb[_]);s._sb=[],s.__h.length&&m.push(s);break e}null!=s.componentWillUpdate&&s.componentWillUpdate(y,s.__s,C),S&&null!=s.componentDidUpdate&&s.__h.push((function(){s.componentDidUpdate(h,b,g)}))}if(s.context=C,
+s.props=y,s.__P=e,s.__e=!1,A=i.__r,M=0,S){for(s.state=s.__s,s.__d=!1,A&&A(l),d=s.render(s.props,s.state,s.context),T=0;T<s._sb.length;T++)s.__h.push(s._sb[T]);s._sb=[]}else do{s.__d=!1,A&&A(l),d=s.render(s.props,s.state,s.context),s.state=s.__s}while(s.__d&&++M<25);s.state=s.__s,null!=s.getChildContext&&(o=v(v({},o),s.getChildContext())),S&&!N&&null!=s.getSnapshotBeforeUpdate&&(g=s.getSnapshotBeforeUpdate(h,b)),z=d,null!=d&&d.type===I&&null==d.key&&(z=B(d.props.children)),u=L(e,f(z)?z:[z],l,n,o,r,t,m,u,c,a),s.base=l.__e,l.__u&=-161,s.__h.length&&m.push(s),w&&(s.__E=s.__=null)}catch(e){if(l.__v=null,c||null!=t)if(e.then){for(l.__u|=c?160:128;u&&8==u.nodeType&&u.nextSibling;)u=u.nextSibling;t[t.indexOf(u)]=null,l.__e=u}else for(D=t.length;D--;)p(t[D]);else l.__e=n.__e,l.__k=n.__k;i.__e(e,l,n)}else null==t&&l.__v==n.__v?(l.__k=n.__k,l.__e=n.__e):u=l.__e=E(n.__e,l,n,o,r,t,m,c,a);return(d=i.diffed)&&d(l),128&l.__u?void 0:u}function P(e,l,n){for(var o=0;o<n.length;o++)R(n[o],n[++o],n[++o]);i.__c&&i.__c(l,e),
+e.some((function(l){try{e=l.__h,l.__h=[],e.some((function(e){e.call(l)}))}catch(e){i.__e(e,l.__v)}}))}function B(e){return"object"!=typeof e||null==e||e.__b&&e.__b>0?e:f(e)?e.map(B):v({},e)}function E(l,n,o,r,t,m,u,c,a){var d,s,h,b,v,g,w,I=o.props,x=n.props,S=n.type;if("svg"==S?t="http://www.w3.org/2000/svg":"math"==S?t="http://www.w3.org/1998/Math/MathML":t||(t="http://www.w3.org/1999/xhtml"),null!=m)for(d=0;d<m.length;d++)if((v=m[d])&&"setAttribute"in v==!!S&&(S?v.localName==S:3==v.nodeType)){l=v,m[d]=null;break}if(null==l){if(null==S)return document.createTextNode(x);l=document.createElementNS(t,S,x.is&&x),c&&(i.__m&&i.__m(n,m),c=!1),m=null}if(null==S)I===x||c&&l.data==x||(l.data=x);else{if(m=m&&e.call(l.childNodes),I=o.props||N,!c&&null!=m)for(I={},d=0;d<l.attributes.length;d++)I[(v=l.attributes[d]).name]=v.value;for(d in I)if(v=I[d],"children"==d);else if("dangerouslySetInnerHTML"==d)h=v;else if(!(d in x)){if("value"==d&&"defaultValue"in x||"checked"==d&&"defaultChecked"in x)continue;z(l,d,null,v,t)}
+for(d in x)v=x[d],"children"==d?b=v:"dangerouslySetInnerHTML"==d?s=v:"value"==d?g=v:"checked"==d?w=v:c&&"function"!=typeof v||I[d]===v||z(l,d,v,I[d],t);if(s)c||h&&(s.__html==h.__html||s.__html==l.innerHTML)||(l.innerHTML=s.__html),n.__k=[];else if(h&&(l.innerHTML=""),L("template"==n.type?l.content:l,f(b)?b:[b],n,o,r,"foreignObject"==S?"http://www.w3.org/1999/xhtml":t,m,u,m?m[0]:o.__k&&y(o,0),c,a),null!=m)for(d=m.length;d--;)p(m[d]);c||(d="value","progress"==S&&null==g?l.removeAttribute("value"):null!=g&&(g!==l[d]||"progress"==S&&!g||"option"==S&&g!=I[d])&&z(l,d,g,I[d],t),d="checked",null!=w&&w!=l[d]&&z(l,d,w,I[d],t))}return l}function R(e,l,n){try{if("function"==typeof e){var o="function"==typeof e.__u;o&&e.__u(),o&&null==l||(e.__u=e(l))}else e.current=l}catch(e){i.__e(e,n)}}function O(e,l,n){var o,r;if(i.unmount&&i.unmount(e),(o=e.ref)&&(o.current&&o.current!=e.__e||R(o,null,l)),null!=(o=e.__c)){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(e){i.__e(e,l)}o.base=o.__P=null}
+if(o=e.__k)for(r=0;r<o.length;r++)o[r]&&O(o[r],l,n||"function"!=typeof e.type);n||p(e.__e),e.__c=e.__=e.__e=void 0}function F(e,i,l){return this.constructor(e,l)}function q(l,n,o){var r,t,m;n==document&&(n=document.documentElement),i.__&&i.__(l,n),r=!1?null:n.__k,t=[],m=[],H(n,l=n.__k=g(I,null,[l]),r||N,N,n.namespaceURI,r?null:n.firstChild?e.call(n.childNodes):null,t,r?r.__e:n.firstChild,false,m),P(t,l,m)}function j(i,l,n){var o,r,t,m,u=v({},i.props);for(t in i.type&&i.type.defaultProps&&(m=i.type.defaultProps),l)"key"==t?o=l[t]:"ref"==t?r=l[t]:u[t]=null==l[t]&&null!=m?m[t]:l[t];return arguments.length>2&&(u.children=arguments.length>3?e.call(arguments,2):n),w(i.type,u,o||i.key,r||i.ref,null)}function U(e){function i(e){var l,n;return this.getChildContext||(l=new Set,(n={})[i.__c]=this,this.getChildContext=function(){return n},this.componentWillUnmount=function(){l=null},this.shouldComponentUpdate=function(e){this.props.value!=e.value&&l.forEach((function(e){e.__e=!0,k(e)}))},this.sub=function(e){l.add(e)
+;var i=e.componentWillUnmount;e.componentWillUnmount=function(){l&&l.delete(e),i&&i.call(e)}}),e.children}return i.__c="__cC"+s++,i.__=e,i.Provider=i.__l=(i.Consumer=function(e,i){return e.children(i)}).contextType=i,i}function V(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}e=h.slice,i={__e:function(e,i,l,n){for(var o,r,t;i=i.__;)if((o=i.__c)&&!o.__)try{if((r=o.constructor)&&null!=r.getDerivedStateFromError&&(o.setState(r.getDerivedStateFromError(e)),t=o.__d),null!=o.componentDidCatch&&(o.componentDidCatch(e,n||{}),t=o.__d),t)return o.__E=o}catch(i){e=i}throw e}},l=0,n=function(e){return null!=e&&null==e.constructor},x.prototype.setState=function(e,i){var l;l=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=v({},this.state),"function"==typeof e&&(e=e(v({},l),this.props)),e&&v(l,e),null!=e&&this.__v&&(i&&this._sb.push(i),k(this))},x.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),k(this))},x.prototype.render=I,o=[],
+t="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,m=function(e,i){return e.__v.__b-i.__v.__b},C.__r=0,u=/(PointerCapture)$|Capture$/i,c=0,a=D(!1),d=D(!0),s=0;var W,G={exports:{}};var $,X,K,J,Q,Y=(W||(W=1,$=G,function(){var e={}.hasOwnProperty;function i(){for(var e="",i=0;i<arguments.length;i++){var o=arguments[i];o&&(e=n(e,l(o)))}return e}function l(l){if("string"==typeof l||"number"==typeof l)return l;if("object"!=typeof l)return"";if(Array.isArray(l))return i.apply(null,l);if(l.toString!==Object.prototype.toString&&!l.toString.toString().includes("[native code]"))return l.toString();var o="";for(var r in l)e.call(l,r)&&l[r]&&(o=n(o,r));return o}function n(e,i){return i?e?e+" "+i:e+i:e}$.exports?(i.default=i,$.exports=i):window.classNames=i}()),G.exports),Z=V(Y),ee=0,ie=[],le=i,ne=le.__b,oe=le.__r,re=le.diffed,te=le.__c,me=le.unmount,ue=le.__;function ce(e,i){le.__h&&le.__h(K,e,ee||i),ee=0;var l=K.__H||(K.__H={__:[],__h:[]});return e>=l.__.length&&l.__.push({}),l.__[e]}
+function ae(e){return ee=1,function(e,i,l){var n=ce(X++,2);if(n.t=e,!n.__c&&(n.__=[Se(void 0,i),function(e){var i=n.__N?n.__N[0]:n.__[0],l=n.t(i,e);i!==l&&(n.__N=[l,n.__[1]],n.__c.setState({}))}],n.__c=K,!K.__f)){var o=function(e,i,l){if(!n.__c.__H)return!0;var o=n.__c.__H.__.filter((function(e){return!!e.__c}));if(o.every((function(e){return!e.__N})))return!r||r.call(this,e,i,l);var t=n.__c.props!==e;return o.forEach((function(e){if(e.__N){var i=e.__[0];e.__=e.__N,e.__N=void 0,i!==e.__[0]&&(t=!0)}})),r&&r.call(this,e,i,l)||t};K.__f=!0;var r=K.shouldComponentUpdate,t=K.componentWillUpdate;K.componentWillUpdate=function(e,i,l){if(this.__e){var n=r;r=void 0,o(e,i,l),r=n}t&&t.call(this,e,i,l)},K.shouldComponentUpdate=o}return n.__N||n.__}(Se,e)}function de(e,i){var l=ce(X++,3);!le.__s&&ye(l.__H,i)&&(l.__=e,l.u=i,K.__H.__h.push(l))}function se(e,i){var l=ce(X++,4);!le.__s&&ye(l.__H,i)&&(l.__=e,l.u=i,K.__h.push(l))}function Ne(e){return ee=5,he((function(){return{current:e}}),[])}function he(e,i){var l=ce(X++,7)
+;return ye(l.__H,i)&&(l.__=e(),l.__H=i,l.__h=e),l.__}function be(e,i){return ee=8,he((function(){return e}),i)}function fe(e){var i=K.context[e.__c],l=ce(X++,9);return l.c=e,i?(null==l.__&&(l.__=!0,i.sub(K)),i.props.value):e.__}function ve(){var e=ce(X++,11);if(!e.__){for(var i=K.__v;null!==i&&!i.__m&&null!==i.__;)i=i.__;var l=i.__m||(i.__m=[0,0]);e.__="P"+l[0]+"-"+l[1]++}return e.__}function pe(){for(var e;e=ie.shift();)if(e.__P&&e.__H)try{e.__H.__h.forEach(Ie),e.__H.__h.forEach(xe),e.__H.__h=[]}catch(i){e.__H.__h=[],le.__e(i,e.__v)}}le.__b=function(e){K=null,ne&&ne(e)},le.__=function(e,i){e&&i.__k&&i.__k.__m&&(e.__m=i.__k.__m),ue&&ue(e,i)},le.__r=function(e){oe&&oe(e),X=0;var i=(K=e.__c).__H;i&&(J===K?(i.__h=[],K.__h=[],i.__.forEach((function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0}))):(i.__h.forEach(Ie),i.__h.forEach(xe),i.__h=[],X=0)),J=K},le.diffed=function(e){re&&re(e);var i=e.__c;i&&i.__H&&(i.__H.__h.length&&(1!==ie.push(i)&&Q===le.requestAnimationFrame||((Q=le.requestAnimationFrame)||we)(pe)),
+i.__H.__.forEach((function(e){e.u&&(e.__H=e.u),e.u=void 0}))),J=K=null},le.__c=function(e,i){i.some((function(e){try{e.__h.forEach(Ie),e.__h=e.__h.filter((function(e){return!e.__||xe(e)}))}catch(l){i.some((function(e){e.__h&&(e.__h=[])})),i=[],le.__e(l,e.__v)}})),te&&te(e,i)},le.unmount=function(e){me&&me(e);var i,l=e.__c;l&&l.__H&&(l.__H.__.forEach((function(e){try{Ie(e)}catch(e){i=e}})),l.__H=void 0,i&&le.__e(i,l.__v))};var ge="function"==typeof requestAnimationFrame;function we(e){var i,l=function(){clearTimeout(n),ge&&cancelAnimationFrame(i),setTimeout(e)},n=setTimeout(l,100);ge&&(i=requestAnimationFrame(l))}function Ie(e){var i=K,l=e.__c;"function"==typeof l&&(e.__c=void 0,l()),K=i}function xe(e){var i=K;e.__c=e.__(),K=i}function ye(e,i){return!e||e.length!==i.length||i.some((function(i,l){return i!==e[l]}))}function Se(e,i){return"function"==typeof i?i(e):i}const ke=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement);function Ce(e,i){
+return e===i&&(0!==e||1/e==1/i)||e!=e&&i!=i}const Le=e=>{const i=Ne([e,(...e)=>i[0](...e)]).current;return se((()=>{i[0]=e})),i[1]},_e="pushState",Ae="replaceState",Me=["popstate",_e,Ae,"hashchange"],Te=e=>{for(const i of Me)addEventListener(i,e);return()=>{for(const i of Me)removeEventListener(i,e)}},ze=(e,i)=>function(e,i,l){l&&!ke&&(i=l);const n=i(),[{_instance:o},r]=ae({_instance:{_value:n,_getSnapshot:i}});return se((()=>{o._value=n,o._getSnapshot=i,Ce(o._value,i())||r({_instance:o})}),[e,n,i]),de((()=>(Ce(o._value,o._getSnapshot())||r({_instance:o}),e((()=>{Ce(o._value,o._getSnapshot())||r({_instance:o})})))),[e]),n}(Te,e,i),De=()=>location.search,He=()=>location.pathname,Pe=({ssrPath:e}={})=>ze(He,e?()=>e:He),Be=(e,{replace:i=!1,state:l=null}={})=>history[i?Ae:_e](l,"",e),Ee=Symbol.for("wouter_v3");if("undefined"!=typeof history&&void 0===window[Ee]){for(const e of[_e,Ae]){const i=history[e];history[e]=function(){const l=i.apply(this,arguments),n=new Event(e);return n.arguments=arguments,
+dispatchEvent(n),l}}Object.defineProperty(window,Ee,{value:!0})}const Re=(e="",i)=>i.toLowerCase().indexOf(e.toLowerCase())?"~"+i:i.slice(e.length)||"/",Oe=e=>{try{return decodeURI(e)}catch(i){return e}},Fe={hook:(e={})=>[Pe(e),Be],searchHook:({ssrSearch:e=""}={})=>ze(De,(()=>e)),parser:function(e,i){if(e instanceof RegExp)return{keys:!1,pattern:e};var l,n,o,r,t=[],m="",u=e.split("/");for(u[0]||u.shift();o=u.shift();)"*"===(l=o[0])?(t.push(l),m+="?"===o[1]?"(?:/(.*))?":"/(.*)"):":"===l?(n=o.indexOf("?",1),r=o.indexOf(".",1),t.push(o.substring(1,~n?n:~r?r:o.length)),m+=~n&&!~r?"(?:/([^/]+?))?":"/([^/]+?)",~r&&(m+=(~n?"?":"")+"\\"+o.substring(r))):m+="/"+o;return{keys:t,pattern:new RegExp("^"+m+(i?"(?=$|/)":"/?$"),"i")}},base:"",ssrPath:void 0,ssrSearch:void 0},qe=U(Fe),je=()=>fe(qe),Ue=U({}),Ve=e=>{const[i,l]=e.hook(e);return[Oe(Re(e.base,i)),Le(((i,n)=>l(((e,i="")=>"~"===e[0]?e.slice(1):i+e)(i,e.base),n)))]},We=()=>Ve(je()),Ge=(e,i,l,n)=>{const{pattern:o,keys:r}=e(i||"*",n),[t,...m]=o.exec(l)||[]
+;return void 0!==t?[!0,Object.fromEntries(r.map(((e,i)=>[e,m[i]]))),...n?[t]:[]]:[!1,null]},$e=e=>Ge(je().parser,e,We()[0]),Xe=({children:e,...i})=>{const l=je(),n=i.hook?Fe:l;let o=n,r=Ne({}),t=r.current,m=t;for(let e in n){const l="base"===e?n[e]+(i[e]||""):i[e]||n[e];t===m&&l!==m[e]&&(r.current=m={...m}),m[e]=l,l!==n[e]&&(o=m)}return g(qe.Provider,{value:o,children:e})},Ke=({children:e,component:i},l)=>i?g(i,{params:l}):"function"==typeof e?e(l):e,Je=({path:e,nest:i,match:l,...n})=>{const o=je(),[r]=Ve(o),[t,m,u]=l??Ge(o.parser,e,r,i);if(!t)return null;const c=u?g(Xe,{base:u},Ke(n,m)):Ke(n,m);return g(Ue.Provider,{value:m,children:c})},Qe=(e,i)=>{const l=je(),[,o]=Ve(l),{to:r,href:t=r,onClick:m,asChild:u,children:c,replace:a,state:d,...s}=e,N=Le((i=>{i.ctrlKey||i.metaKey||i.altKey||i.shiftKey||0!==i.button||(m&&m(i),i.defaultPrevented||(i.preventDefault(),o(t,e)))})),h="~"===t[0]?t.slice(1):l.base+t;return u&&n(c)?j(c,{href:h,onClick:N}):g("a",{...s,href:h,onClick:N,children:c,ref:i})
+},Ye=e=>Array.isArray(e)?[].concat(...e.map((e=>e&&e.type===I?Ye(e.props.children):Ye(e)))):[e],Ze=({children:e,location:i})=>{const l=je(),[o]=Ve(l);for(const r of Ye(e)){let e=0;if(n(r)&&(e=Ge(l.parser,r.props.path,i||o,r.props.nest))[0])return j(r,{match:e})}return null};function ei(e,i,l){return(i=function(e){var i=function(e,i){if("object"!=typeof e||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var n=l.call(e,i);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===i?String:Number)(e)}(e,"string");return"symbol"==typeof i?i:i+""}(i))in e?Object.defineProperty(e,i,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[i]=l,e}class ii{constructor(){ei(this,"_listeners",void 0),this._listeners=new Map}add(e,i,l,n){e.addEventListener(i,l,n);const o=Symbol();return this._listeners.set(o,{eventTarget:e,eventType:i,listener:l,options:n}),o}remove(e){const i=this._listeners.get(e);if(i){
+const{eventTarget:l,eventType:n,listener:o,options:r}=i;l.removeEventListener(n,o,r),this._listeners.delete(e)}}removeAll(){this._listeners.forEach((({eventTarget:e,eventType:i,listener:l,options:n})=>{e.removeEventListener(i,l,n)})),this._listeners.clear()}}function li(e){const i=Ne({callback:e,call:(...e)=>i.current.callback(...e)});return i.current.callback=e,i.current.call}function ni(e){e.focus()}function oi(e,{autofocus:i=!1,loop:l=!0,horizontal:n=!0,vertical:o=!0,selector:r="a,button",containerVisible:t=!0,focusElement:m=ni}={}){const u=Ne(null),c=li(m);de((()=>{if(!t)return()=>{};if(!e.current)throw new Error("Container ref not set");const m=e.current,a=()=>{const e=Array.from(m.querySelectorAll(r)).filter((e=>null!==e.offsetParent&&!function(e){return"boolean"==typeof e.disabled&&e.disabled}(e)));return document.activeElement===m&&e.unshift(m),e},d=(e=a(),i=-1,l=!1,n)=>{i<0&&(i=e.findIndex((e=>0===e.tabIndex)))<0&&(i=0);for(const[o,r]of e.entries())r.tabIndex=o===i?0:-1,o===i&&l&&(u.current=r,c(r,n))
+},s=a(),N=u.current?s.indexOf(u.current):0;d(s,N,i);const h=new ii;h.add(m,"focusin",(e=>{if(e.target===m&&u.current)return void c(u.current);const l=a(),n=l.indexOf(e.target);n>=0&&d(l,n,i)})),h.add(m,"keydown",(e=>{const i=a();let r=i.findIndex((e=>0===e.tabIndex)),t=!1;n&&"ArrowLeft"===e.key||o&&"ArrowUp"===e.key?(0===r?r=l?i.length-1:r:--r,t=!0):n&&"ArrowRight"===e.key||o&&"ArrowDown"===e.key?(r===i.length-1?r=l?0:r:++r,t=!0):"Home"===e.key?(r=0,t=!0):"End"===e.key&&(r=i.length-1,t=!0),t&&(d(i,r,!0,e),e.preventDefault(),e.stopPropagation())}));const b=new MutationObserver((()=>{d()}));return b.observe(m,{subtree:!0,attributes:!0,attributeFilter:["disabled"],childList:!0}),()=>{h.removeAll(),b.disconnect()}}),[i,e,c,n,l,r,o,t])}function ri(e,i,{enabled:l=!0}={}){de((()=>{if(!l)return()=>{};const n=document.body,o=new ii,r=l=>{e.current&&!l.composedPath().includes(e.current)&&i(l)};return o.add(n,"mousedown",r),o.add(n,"click",r),()=>{o.removeAll()}}),[e,l,i])}function ti(e,i,{enabled:l=!0}={}){de((()=>{
+if(!l||!e.current)return()=>{};const n=new ii;return n.add(e.current,"focusout",(l=>{const n=l;e.current&&!e.current.contains(n.relatedTarget)&&i(n)})),()=>{n.removeAll()}}),[e,l,i])}function mi(e,i,{enabled:l=!0}={}){de((()=>{if(!l)return()=>{};const n=document.body,o=new ii;return o.add(n,"keydown",(l=>{e.includes(l.key)&&i(l)})),()=>{o.removeAll()}}),[l,i,e])}const ui=new Intl.Collator(void 0,{sensitivity:"case"});function ci(e,i){return he((()=>{if(!i)return e;const{nullsLast:l=!0}=i;return[...e].sort((({[i.field]:e},{[i.field]:n})=>{const[o,r]="ascending"===i.direction?[e,n]:[n,e];return"string"==typeof o&&"string"==typeof r?ui.compare(o,r):o===r?0:null==e?l?1:-1:null==n?l?-1:1:o>r?1:-1}))}),[i,e])}function ai(e,i,l){return(i=function(e){var i=function(e,i){if("object"!=typeof e||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var n=l.call(e,i);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===i?String:Number)(e)}(e,"string")
+;return"symbol"==typeof i?i:i+""}(i))in e?Object.defineProperty(e,i,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[i]=l,e}class di{constructor(e){ai(this,"_target",void 0),ai(this,"_value",void 0),this._target=e,this._value=null}get current(){return this._value}set current(e){this._value=e,this._updateTarget()}get target(){return this._target}set target(e){e!==this._target&&(this._target=e,this._updateTarget())}_updateTarget(){const e=this._value;"function"==typeof this._target?this._target(e):this._target&&(this._target.current=e)}}function si(e){const i=Ne(new di(e));return i.current.target=e,i.current}const Ni='a,button:not([role="tab"]),input,select,textarea,[role="grid"],[role="tablist"]';var hi=0;function bi(e,l,n,o,r,t){l||(l={});var m,u,c=l;if("ref"in c)for(u in c={},l)"ref"==u?m=l[u]:c[u]=l[u];var a={type:e,props:c,key:n,ref:m,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--hi,__i:-1,__u:0,__source:r,__self:t}
+;if("function"==typeof e&&(m=e.defaultProps))for(u in m)void 0===c[u]&&(c[u]=m[u]);return i.vnode&&i.vnode(a),a}var fi="/home/runner/work/frontend-shared/frontend-shared/src/components/layout/Overlay.tsx";function vi({children:e,classes:i,elementRef:l,open:n=!0,variant:o="dark",...r}){return n?bi("div",{"data-component":"Overlay",...r,ref:l,className:Z("fixed top-0 left-0 w-full h-full z-10 flex items-center justify-center",{"bg-black/50":"dark"===o,"bg-white/50":"light"===o},i),children:e},void 0,0,{fileName:fi,lineNumber:35,columnNumber:5},this):null}const pi=U({}),gi=U({});var wi="/home/runner/work/frontend-shared/frontend-shared/src/components/data/Scroll.tsx";function Ii({children:e,classes:i,elementRef:l,variant:n="raised",...o}){const r=si(l),t=he((()=>({scrollRef:r})),[r]);return bi(gi.Provider,{value:t,children:bi("div",{"data-component":"Scroll",...o,ref:r,className:Z("min-h-0","h-full w-full overflow-auto",{"scroll-shadows":"raised"===n},i),children:e},void 0,0,{fileName:wi,lineNumber:39,
+columnNumber:7},this)},void 0,0,{fileName:wi,lineNumber:38,columnNumber:5},this)}var xi="/home/runner/work/frontend-shared/frontend-shared/src/components/layout/Card.tsx";function yi({children:e,classes:i,elementRef:l,active:n=!1,variant:o="raised",width:r="full",...t}){return bi("div",{"data-component":"Card",...t,ref:l,className:Z("rounded-lg border bg-white",{"shadow hover:shadow-md":"raised"===o,"shadow-md":n&&"raised"===o},{"w-full":"full"===r,"w-auto":"auto"===r},i),children:e},void 0,0,{fileName:xi,lineNumber:40,columnNumber:5},this)}var Si="/home/runner/work/frontend-shared/frontend-shared/src/components/layout/CardActions.tsx";function ki({children:e,classes:i,elementRef:l,...n}){return bi("div",{"data-component":"CardActions",...n,className:Z("flex items-center justify-end space-x-3",i),ref:l,children:e},void 0,0,{fileName:Si,lineNumber:21,columnNumber:5},this)}var Ci="/home/runner/work/frontend-shared/frontend-shared/src/components/layout/CardContent.tsx"
+;function Li({children:e,classes:i,elementRef:l,size:n="md",...o}){return bi("div",{"data-component":"CardContent",...o,ref:l,className:Z({"p-3 space-y-4":"md"===n,"p-2 space-y-3":"sm"===n,"p-4 space-y-6":"lg"===n},i),children:e},void 0,0,{fileName:Ci,lineNumber:29,columnNumber:5},this)}var _i="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Annotate.tsx";var Ai="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/ArrowDown.tsx";function Mi(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ArrowDownIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Ai,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M8 2a1 1 0 0 1 .993.883L9 3v7.585l2.293-2.292a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 .083 1.32l-.083.094-4 4a1 1 0 0 1-1.32.083l-.094-.083-4-4a1 1 0 0 1 1.32-1.497l.094.083L7 10.585V3a1 1 0 0 1 1-1"},void 0,0,{fileName:Ai,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Ai,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Ai,lineNumber:11,columnNumber:5},this)}var Ti="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/ArrowLeft.tsx";function zi(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ArrowLeftIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Ti,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M7.707 3.293a1 1 0 0 1 .083 1.32l-.083.094L5.415 7H13a1 1 0 0 1 .117 1.993L13 9H5.415l2.292 2.293a1 1 0 0 1 .083 1.32l-.083.094a1 1 0 0 1-1.32.083l-.094-.083-4-4a1 1 0 0 1-.083-1.32l.083-.094 4-4a1 1 0 0 1 1.414 0"},void 0,0,{fileName:Ti,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Ti,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Ti,lineNumber:11,columnNumber:5},this)}var Di="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/ArrowRight.tsx";function Hi(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ArrowRightIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Di,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"m9.613 3.21.094.083 4 4a1 1 0 0 1 .083 1.32l-.083.094-4 4a1 1 0 0 1-1.497-1.32l.083-.094L10.585 9H3a1 1 0 0 1-.117-1.993L3 7h7.585L8.293 4.707a1 1 0 0 1-.083-1.32l.083-.094a1 1 0 0 1 1.32-.083"},void 0,0,{fileName:Di,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Di,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Di,lineNumber:11,columnNumber:5},this)}var Pi="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/ArrowUp.tsx";function Bi(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ArrowUpIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Pi,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"m8.613 2.21.094.083 4 4a1 1 0 0 1-1.32 1.497l-.094-.083L9 5.415V13a1 1 0 0 1-1.993.117L7 13V5.415L4.707 7.707a1 1 0 0 1-1.32.083l-.094-.083a1 1 0 0 1-.083-1.32l.083-.094 4-4a1 1 0 0 1 1.32-.083"},void 0,0,{
+fileName:Pi,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Pi,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Pi,lineNumber:11,columnNumber:5},this)}var Ei="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Bell.tsx";var Ri="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/BellFilled.tsx";var Oi="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Bookmark.tsx";var Fi="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/BookmarkFilled.tsx";var qi="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Cancel.tsx";function ji(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CancelIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:qi,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"m12.322 5.085-.08.087-2.828 2.827 2.829 2.83a1 1 0 0 1-1.32 1.497l-.095-.083L8 9.414l-2.828 2.829c-.915.914-2.272-.388-1.494-1.328l.08-.087L6.584 8 3.757 5.172a1 1 0 0 1 1.32-1.498l.095.083L8 6.585l2.828-2.828c.886-.885 2.188.309 1.56 1.239z"},void 0,0,{fileName:qi,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:qi,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:qi,lineNumber:11,columnNumber:5},this)}var Ui="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/CaretDown.tsx";var Vi="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/CaretLeft.tsx";var Wi="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/CaretRight.tsx";var Gi="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/CaretUp.tsx";var $i="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Caution.tsx";function Xi(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16",
+"data-component":"CautionIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:$i,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M8 0c.767 0 1.432.455 1.794 1.148l5.917 11.326c.386.738.36 1.573.071 2.23-.286.651-.926 1.296-1.864 1.296H2.082c-.938 0-1.578-.645-1.864-1.295a2.6 2.6 0 0 1 .07-2.23L6.207 1.147C6.568.455 7.233 0 8 0m0 2.038-.021.036L2.06 13.4a.6.6 0 0 0-.012.5.3.3 0 0 0 .062.1H13.89a.3.3 0 0 0 .061-.1.6.6 0 0 0-.012-.5L8.02 2.074zm5.874 11.972q0 0 .01-.006-.01.007-.01.006m-11.748 0q0 .002-.01-.006z"},void 0,0,{fileName:$i,lineNumber:22,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M8 5a1 1 0 0 1 1 1v3a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1M9 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0"},void 0,0,{fileName:$i,lineNumber:26,columnNumber:9},this)]},void 0,0,{fileName:$i,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:$i,lineNumber:11,columnNumber:5},this)}
+var Ki="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/CautionFilled.tsx";var Ji="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/CcStd.tsx";var Qi="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/CcStdFilled.tsx";var Yi="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/CcZero.tsx";var Zi="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/CcZeroFilled.tsx";var el="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Check.tsx";function il(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CheckIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:el,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M12.18 2.427a1 1 0 0 1 1.705 1.04l-.066.106-7 10a1 1 0 0 1-1.606.045l-.07-.104-3-5A1 1 0 0 1 3.792 7.39l.065.097 2.207 3.677z"},void 0,0,{fileName:el,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:el,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:el,lineNumber:11,columnNumber:5},this)}var ll="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/CheckAll.tsx";var nl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Checkbox.tsx";function ol(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CheckboxIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:nl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M0 2.5A2.5 2.5 0 0 1 2.5 0h11A2.5 2.5 0 0 1 16 2.5v11a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 13.5zM2.5 1A1.5 1.5 0 0 0 1 2.5v11A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-11A1.5 1.5 0 0 0 13.5 1z","clip-rule":"evenodd"},void 0,0,{fileName:nl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:nl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:nl,lineNumber:11,columnNumber:5},this)}var rl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/CheckboxChecked.tsx";var tl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/CheckboxCheckedFilled.tsx";function ml(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CheckboxCheckedFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:tl,lineNumber:23,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm10.18 3.636a.75.75 0 0 0-1.044.184l-4.588 6.552-1.655-2.758-.05-.072a.75.75 0 0 0-1.236.844l2.25 3.75.053.078a.75.75 0 0 0 1.204-.034l5.25-7.5.05-.08a.75.75 0 0 0-.234-.964","clip-rule":"evenodd"},void 0,0,{fileName:tl,lineNumber:24,columnNumber:9},this)]},void 0,0,{fileName:tl,lineNumber:22,columnNumber:7},this)},void 0,0,{fileName:tl,lineNumber:13,columnNumber:5},this)}var ul="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Clock.tsx";var cl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/ClockFilled.tsx";var al="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Code.tsx";function dl(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CodeIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:al,lineNumber:21,
+columnNumber:9},this),bi("path",{fill:"currentColor",d:"M12.707 4.293a1 1 0 1 0-1.414 1.414L13.586 8l-2.293 2.293a1 1 0 0 0 1.414 1.414l3-3a1 1 0 0 0 0-1.414zm-9.414 0a1 1 0 0 1 1.414 1.414L2.414 8l2.293 2.293a1 1 0 1 1-1.414 1.414l-3-3a1 1 0 0 1 0-1.414z","clip-rule":"evenodd"},void 0,0,{fileName:al,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:al,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:al,lineNumber:11,columnNumber:5},this)}var sl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Collapse.tsx";var Nl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Contrast.tsx";var hl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Copy.tsx";function bl(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CopyIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:hl,lineNumber:21,
+columnNumber:9},this),bi("path",{fill:"currentColor",d:"M15 0a1 1 0 0 1 .993.883L16 1v10a1 1 0 0 1-.883.993L15 12H7a1 1 0 0 1-.993-.883L6 11V1a1 1 0 0 1 .883-.993L7 0zM4 4a1 1 0 0 1 .117 1.993L4 6H2v8h7a1 1 0 0 1 .993.883L10 15a1 1 0 0 1-.883.993L9 16H1a1 1 0 0 1-.993-.883L0 15V5a1 1 0 0 1 .883-.993L1 4zm4-2h6v8H8z"},void 0,0,{fileName:hl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:hl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:hl,lineNumber:11,columnNumber:5},this)}var fl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/CopyFilled.tsx";var vl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/DottedCircle.tsx";var pl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Download.tsx";var gl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Edit.tsx";function wl(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16",
+"data-component":"EditIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:gl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M14.613.21a1 1 0 0 0-1.32.083l-1 1-.083.094a1 1 0 0 0 .083 1.32l1 1 .094.083a1 1 0 0 0 1.32-.083l1-1 .083-.094a1 1 0 0 0-.083-1.32l-1-1zm-3 3a1 1 0 0 0-1.32.083l-9 9-.072.08a1 1 0 0 0-.115.18l-1 2-.044.1c-.316.827.559 1.655 1.385 1.241l2-1 .093-.053a1 1 0 0 0 .167-.134l9-9 .083-.094a1 1 0 0 0-.083-1.32l-1-1z"},void 0,0,{fileName:gl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:gl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:gl,lineNumber:11,columnNumber:5},this)}var Il="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/EditorLatex.tsx";var xl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/EditorQuote.tsx";var yl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/EditorTextBold.tsx"
+;var Sl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/EditorTextItalic.tsx";var kl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Ellipsis.tsx";function Cl(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"EllipsisIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:kl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M2 6a2 2 0 1 1 0 4 2 2 0 0 1 0-4m6 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m8 2a2 2 0 1 0-4 0 2 2 0 0 0 4 0"},void 0,0,{fileName:kl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:kl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:kl,lineNumber:11,columnNumber:5},this)}var Ll="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/EllipsisVertical.tsx";var _l="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Email.tsx"
+;function Al(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"EmailIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:_l,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M16 12a2 2 0 0 1-1.85 1.995L14 14H2a2 2 0 0 1-1.995-1.85L0 12V4a2 2 0 0 1 1.85-1.995L2 2h12a2 2 0 0 1 1.995 1.85l.005.138zm-2-6.058L8.581 9.814a1 1 0 0 1-1.055.067l-.107-.067L2 5.943V12h12zM2.721 4h10.558L8 7.771z"},void 0,0,{fileName:_l,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:_l,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:_l,lineNumber:11,columnNumber:5},this)}var Ml="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/EmailFilled.tsx";var Tl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Expand.tsx";var zl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/External.tsx"
+;var Dl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/FileCode.tsx";var Hl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/FileCodeFilled.tsx";var Pl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/FileGeneric.tsx";var Bl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/FileGenericFilled.tsx";var El="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/FileImage.tsx";function Rl(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"FileImageIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:El,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M12.685.144A.5.5 0 0 0 12.333 0H1.5a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5V2.643a.5.5 0 0 0-.148-.356zM2 1h9v2.5a.5.5 0 0 0 .5.5H14v11H2zm7.541 4.122.055.069 3.333 5.143a.432.432 0 0 1-.266.658l-.08.008H9.23a.93.93 0 0 0-.076-.98l-1.79-2.456 1.54-2.373a.41.41 0 0 1 .637-.069m-3.29 1.764-.062-.068a.41.41 0 0 0-.605.068l-2.5 3.428-.04.067c-.135.275.056.619.373.619h5l.076-.007a.432.432 0 0 0 .257-.679z"},void 0,0,{fileName:El,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:El,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:El,lineNumber:11,columnNumber:5},this)}var Ol="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/FileImageFilled.tsx";var Fl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/FilePdf.tsx";var ql="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/FilePdfFilled.tsx";var jl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Filter.tsx"
+;var Ul="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/FilterClear.tsx";var Vl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Flag.tsx";var Wl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/FlagFilled.tsx";var Gl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Flashcard.tsx";var $l="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Folder.tsx";var Xl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/FolderFilled.tsx";var Kl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/FolderOpen.tsx";var Jl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/FolderOpenFilled.tsx";var Ql="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Globe.tsx";var Yl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/GlobeLock.tsx"
+;var Zl="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/GoogleDrive.tsx";var en="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Graph.tsx";var ln="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Grid.tsx";var nn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Groups.tsx";var on="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/GroupsFilled.tsx";var rn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Help.tsx";var tn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Hide.tsx";function mn(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"HideIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:tn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"m1.613.21.094.083 14 14a1 1 0 0 1-1.32 1.497l-.094-.083-14-14A1 1 0 0 1 1.613.21m.583 4.845a1 1 0 0 1 .292 1.384C2.165 6.935 2 7.46 2 8c0 2.123 2.628 4 6 4q.33 0 .657-.024a1 1 0 0 1 .147 1.994Q8.405 14 8 14c-4.36 0-8-2.6-8-6 0-.937.283-1.84.812-2.653a1 1 0 0 1 1.384-.292M16 8c0-3.4-3.64-6-8-6q-.405 0-.804.03a1 1 0 1 0 .147 1.994Q7.668 4 8 4c3.372 0 6 1.877 6 4 0 .539-.165 1.065-.488 1.561a1 1 0 1 0 1.676 1.092C15.718 9.84 16 8.937 16 8"},void 0,0,{fileName:tn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:tn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:tn,lineNumber:11,columnNumber:5},this)}var un="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/HideFilled.tsx";var cn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Highlight.tsx";var an="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Image.tsx";function dn(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",
+viewBox:"0 0 16 16","data-component":"ImageIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:an,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M15.995 1.85A2 2 0 0 0 14 0H2l-.15.005A2 2 0 0 0 0 2v12l.005.15A2 2 0 0 0 2 16h12l.15-.005A2 2 0 0 0 16 14V2zM2 2h12v12H2zm7.541 3.122.055.069 3.333 5.143a.432.432 0 0 1-.266.658l-.08.008H9.23a.93.93 0 0 0-.076-.98l-1.79-2.456 1.54-2.373a.41.41 0 0 1 .637-.069m-3.29 1.764-.062-.068a.41.41 0 0 0-.605.068l-2.5 3.428-.04.067c-.135.275.056.619.373.619h5l.076-.007a.432.432 0 0 0 .257-.679z"},void 0,0,{fileName:an,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:an,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:an,lineNumber:11,columnNumber:5},this)}var sn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/ImageFilled.tsx";var Nn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Info.tsx"
+;var hn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Leave.tsx";var bn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/LeaveFilled.tsx";var fn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Link.tsx";var vn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/List.tsx";var pn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/ListOrdered.tsx";var gn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/ListUnordered.tsx";var wn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Lock.tsx";var In="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/LockFilled.tsx";var xn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Logo.tsx";function yn(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"LogoIcon",...e,children:bi("g",{
+"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:xn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M13.83 0C14.476 0 15 .53 15 1.185V12.69c0 .654-.524 1.185-1.17 1.185H9.75L8 16l-1.75-2.125H2.17c-.646 0-1.17-.53-1.17-1.185V1.186C1 .53 1.524 0 2.17 0z"},void 0,0,{fileName:xn,lineNumber:22,columnNumber:9},this),bi("path",{fill:"#fff",d:"M4.785 2.133h-1.71v9.6h1.71V8.735c0-1.522.473-1.754.905-1.793l.228-.009.17.003c.51.02.979.15.979 1.199v3.598h1.71V7.598c0-1.865-1.152-2.463-2.29-2.463l-.39.003c-.753.017-.822.154-1.312 1.197zM11.889 9.6c-.573 0-1.037.477-1.037 1.067 0 .589.464 1.066 1.037 1.066s1.037-.477 1.037-1.066S12.462 9.6 11.889 9.6"},void 0,0,{fileName:xn,lineNumber:26,columnNumber:9},this)]},void 0,0,{fileName:xn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:xn,lineNumber:11,columnNumber:5},this)}var Sn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Logout.tsx"
+;var kn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Mention.tsx";var Cn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/MenuCollapse.tsx";function Ln(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","data-component":"MenuCollapseIcon",...e,children:bi("path",{fill:"currentColor",d:"m8.54 4.205 6.23 5.87a.69.69 0 0 1 0 1.03l-.72.68a.8.8 0 0 1-1.09 0L8 7.135l-4.96 4.65a.8.8 0 0 1-1.09 0l-.73-.69a.69.69 0 0 1 0-1.02l6.24-5.87a.8.8 0 0 1 1.08 0"},void 0,0,{fileName:Cn,lineNumber:18,columnNumber:7},this)},void 0,0,{fileName:Cn,lineNumber:11,columnNumber:5},this)}var _n="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/MenuExpand.tsx";function An(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16","data-component":"MenuExpandIcon",...e,children:bi("path",{fill:"currentColor",
+d:"M7.456 11.788 1.226 5.92a.695.695 0 0 1 0-1.025l.726-.684a.804.804 0 0 1 1.087-.001L8 8.861l4.961-4.65a.804.804 0 0 1 1.087.001l.727.684c.3.283.3.742 0 1.025l-6.23 5.867a.804.804 0 0 1-1.09 0z"},void 0,0,{fileName:_n,lineNumber:19,columnNumber:7},this)},void 0,0,{fileName:_n,lineNumber:11,columnNumber:5},this)}var Mn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Minus.tsx";var Tn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Note.tsx";var zn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/NoteFilled.tsx";var Dn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/OneDrive.tsx";var Hn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Orderable.tsx";function Pn(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"OrderableIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",
+d:"M0 0h16v16H0z"},void 0,0,{fileName:Hn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M4.293 5.293a1 1 0 0 0 1.414 1.414L8 4.414l2.293 2.293a1 1 0 1 0 1.414-1.414l-3-3a1 1 0 0 0-1.414 0zm0 5.414a1 1 0 0 1 1.414-1.414L8 11.586l2.293-2.293a1 1 0 1 1 1.414 1.414l-3 3a1 1 0 0 1-1.414 0z"},void 0,0,{fileName:Hn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Hn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Hn,lineNumber:11,columnNumber:5},this)}var Bn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Pause.tsx";var En="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Pending.tsx";var Rn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Pin.tsx";var On="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/PinFilled.tsx";var Fn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Plus.tsx"
+;var qn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/PointerDown.tsx";var jn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/PointerUp.tsx";var Un="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Preview.tsx";var Vn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/PreviewFilled.tsx";var Wn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Profile.tsx";function Gn(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ProfileIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Wn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M8 0a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 9c4.36 0 8 2.6 8 6a1 1 0 0 1-1.993.117L14 15c0-2.123-2.628-4-6-4s-6 1.877-6 4a1 1 0 1 1-2 0c0-3.4 3.64-6 8-6M6 4a2 2 0 1 1 4 0 2 2 0 0 1-4 0"},void 0,0,{fileName:Wn,
+lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Wn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Wn,lineNumber:11,columnNumber:5},this)}var $n="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/ProfileFilled.tsx";var Xn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Radio.tsx";function Kn(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"RadioIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Xn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8","clip-rule":"evenodd"},void 0,0,{fileName:Xn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Xn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Xn,lineNumber:11,columnNumber:5},this)}
+var Jn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/RadioChecked.tsx";function Qn(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"RadioCheckedIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Jn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8","clip-rule":"evenodd"},void 0,0,{fileName:Jn,lineNumber:22,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M14 8A6 6 0 1 1 2 8a6 6 0 0 1 12 0"},void 0,0,{fileName:Jn,lineNumber:27,columnNumber:9},this)]},void 0,0,{fileName:Jn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Jn,lineNumber:11,columnNumber:5},this)}var Yn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Redo.tsx"
+;var Zn="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Refresh.tsx";var eo="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Reply.tsx";function io(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ReplyIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:eo,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M7.707.293a1 1 0 0 1 .083 1.32l-.083.094L5.415 4H8a6 6 0 0 1 0 12 1 1 0 1 1 0-2 4 4 0 0 0 0-8H5.415l2.292 2.293a1 1 0 0 1 .083 1.32l-.083.094a1 1 0 0 1-1.32.083l-.094-.083-4-4a1 1 0 0 1-.083-1.32l.083-.094 4-4a1 1 0 0 1 1.414 0"},void 0,0,{fileName:eo,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:eo,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:eo,lineNumber:11,columnNumber:5},this)}
+var lo="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Restricted.tsx";var no="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/School.tsx";var oo="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/SchoolFilled.tsx";var ro="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Search.tsx";var to="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Selection.tsx";var mo="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Settings.tsx";function uo(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"SettingsIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:mo,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M3 1c1.312 0 2.427.842 2.835 2.015l.048-.008L6 3h9a1 1 0 0 1 .117 1.993L15 5H6q-.085 0-.166-.014A3 3 0 1 1 3 1m13 11a3 3 0 0 0-5.834-.986A1 1 0 0 0 10 11H1l-.117.007A1 1 0 0 0 1 13h9l.117-.007.048-.008A3.001 3.001 0 0 0 16 12m-4 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0M2 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0"},void 0,0,{fileName:mo,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:mo,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:mo,lineNumber:11,columnNumber:5},this)}var co="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Share.tsx";function ao(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ShareIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:co,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M8.707.293 8.613.21 8.51.14a1 1 0 0 0-1.218.153l-4 4-.083.094a1 1 0 0 0 .083 1.32l.094.083a1 1 0 0 0 1.32-.083L7 3.415V11l.007.117A1 1 0 0 0 9 11V3.415l2.293 2.292.094.083a1 1 0 0 0 1.32-1.497zm7.286 9.59A1 1 0 0 0 15 9l-.117.007A1 1 0 0 0 14 10v4H2v-4l-.007-.117A1 1 0 0 0 0 10v5l.007.117A1 1 0 0 0 1 16h14l.117-.007A1 1 0 0 0 16 15v-5z"},void 0,0,{fileName:co,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:co,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:co,lineNumber:11,columnNumber:5},this)}var so="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Show.tsx";function No(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ShowIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:so,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M8 2c4.36 0 8 2.6 8 6s-3.64 6-8 6-8-2.6-8-6 3.64-6 8-6m0 2C4.628 4 2 5.877 2 8s2.628 4 6 4 6-1.877 6-4-2.628-4-6-4m2 4a2 2 0 1 0-4 0 2 2 0 0 0 4 0"},void 0,0,{fileName:so,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:so,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:so,lineNumber:11,columnNumber:5},this)}var ho="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/ShowFilled.tsx";var bo="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/SocialFacebook.tsx";var fo="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/SocialTwitter.tsx";var vo="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Sort.tsx";var po="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/SpinnerCircle.tsx";var go="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/SpinnerSpokes.tsx";function wo(e){return bi("svg",{width:"16",height:"16",viewBox:"0 0 64 64","data-component":"SpinnerSpokesIcon",...e,
+children:bi("g",{stroke:"currentColor","stroke-linecap":"round","stroke-width":"6",children:[bi("path",{d:"M32 16V4",children:bi("animate",{attributeName:"stroke-opacity",dur:"750ms",repeatCount:"indefinite",values:"0;1;.8;.65;.45;.3;.15;0"},void 0,0,{fileName:go,lineNumber:20,columnNumber:11},this)},void 0,0,{fileName:go,lineNumber:19,columnNumber:9},this),bi("path",{d:"m43.314 20.686 8.485-8.485",children:bi("animate",{attributeName:"stroke-opacity",dur:"750ms",repeatCount:"indefinite",values:".15;0;1;.8;.65;.45;.3;.15"},void 0,0,{fileName:go,lineNumber:28,columnNumber:11},this)},void 0,0,{fileName:go,lineNumber:27,columnNumber:9},this),bi("path",{d:"M48 32h12",children:bi("animate",{attributeName:"stroke-opacity",dur:"750ms",repeatCount:"indefinite",values:".3;.15;0;1;.8;.65;.45;.3"},void 0,0,{fileName:go,lineNumber:36,columnNumber:11},this)},void 0,0,{fileName:go,lineNumber:35,columnNumber:9},this),bi("path",{d:"m43.314 43.314 8.485 8.485",children:bi("animate",{attributeName:"stroke-opacity",dur:"750ms",
+repeatCount:"indefinite",values:".45;.3;.15;0;1;.85;.65;.45"},void 0,0,{fileName:go,lineNumber:44,columnNumber:11},this)},void 0,0,{fileName:go,lineNumber:43,columnNumber:9},this),bi("path",{d:"M32 48v12",children:bi("animate",{attributeName:"stroke-opacity",dur:"750ms",repeatCount:"indefinite",values:".65;.45;.3;.15;0;1;.8;.65;"},void 0,0,{fileName:go,lineNumber:52,columnNumber:11},this)},void 0,0,{fileName:go,lineNumber:51,columnNumber:9},this),bi("path",{d:"m20.686 43.314-8.485 8.485",children:bi("animate",{attributeName:"stroke-opacity",dur:"750ms",repeatCount:"indefinite",values:".8;.65;.45;.3;.15;0;1;.8"},void 0,0,{fileName:go,lineNumber:60,columnNumber:11},this)},void 0,0,{fileName:go,lineNumber:59,columnNumber:9},this),bi("path",{d:"M16 32H4",children:bi("animate",{attributeName:"stroke-opacity",dur:"750ms",repeatCount:"indefinite",values:"1;.85;.6;.45;.3;.15;0;1;"},void 0,0,{fileName:go,lineNumber:68,columnNumber:11},this)},void 0,0,{fileName:go,lineNumber:67,columnNumber:9},this),bi("path",{
+d:"m20.686 20.686-8.485-8.485",children:bi("animate",{attributeName:"stroke-opacity",dur:"750ms",repeatCount:"indefinite",values:"0;1;.8;.65;.45;.3;.15;0"},void 0,0,{fileName:go,lineNumber:76,columnNumber:11},this)},void 0,0,{fileName:go,lineNumber:75,columnNumber:9},this)]},void 0,0,{fileName:go,lineNumber:18,columnNumber:7},this)},void 0,0,{fileName:go,lineNumber:11,columnNumber:5},this)}var Io="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Tag.tsx";var xo="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/TagFilled.tsx";var yo="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Theme.tsx";var So="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/Trash.tsx";var ko="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/TrashFilled.tsx";var Co="/home/runner/work/frontend-shared/frontend-shared/src/components/icons/VitalSource.tsx";var Lo=Object.freeze({__proto__:null,AnnotateIcon:function(e){
+return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"AnnotateIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:_i,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M14 0a2 2 0 0 1 2 2v13a1 1 0 0 1-1.555.832l-4.262-1.757A1 1 0 0 0 9.802 14H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm-2.109 3.5h-.484l-.14.006-.122.018a.7.7 0 0 0-.2.071l-.076.054-.108.1-.097.1-1.632 1.999-.091.12-.084.129a2.6 2.6 0 0 0-.291.722l-.03.142-.027.218-.009.223v2.646l.01.086.027.08a.54.54 0 0 0 .236.236l.067.028.07.017.074.005h2.907l.074-.005.094-.025a.5.5 0 0 0 .169-.108.5.5 0 0 0 .082-.096l.029-.051.027-.081.01-.086V7.336l-.006-.073-.018-.068a.44.44 0 0 0-.124-.178.6.6 0 0 0-.103-.074l-.055-.026-.087-.024-.092-.009h-.579l-.057-.006-.054-.017a.3.3 0 0 1-.096-.07.2.2 0 0 1-.045-.078l-.004-.04.01-.043.022-.043 1.311-2.227.047-.09.037-.106a.5.5 0 0 0-.06-.394.53.53 0 0 0-.255-.22l-.084-.028-.092-.016zm-5.924 0h-.424l-.121.006-.108.018a.6.6 0 0 0-.174.071l-.067.054-.095.1-.084.1-1.429 1.999-.08.12-.096.174a2.8 2.8 0 0 0-.232.677l-.025.142-.024.218L3 7.402v2.646l.008.086.024.08a.5.5 0 0 0 .097.148q.052.055.11.088l.058.028.062.017.065.005h2.543l.065-.005.082-.025a.515.515 0 0 0 .22-.204l.025-.051.024-.081.008-.086V7.336l-.005-.073-.023-.09a.487.487 0 0 0-.191-.23l-.048-.026-.076-.024-.08-.009H5.46l-.05-.006-.047-.017a.3.3 0 0 1-.084-.07.2.2 0 0 1-.04-.078l-.003-.04.008-.043.02-.043L6.411 4.36l.04-.09.033-.106a.55.55 0 0 0-.053-.394.5.5 0 0 0-.222-.22l-.074-.028-.08-.016z"
+},void 0,0,{fileName:_i,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:_i,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:_i,lineNumber:11,columnNumber:5},this)},ArrowDownIcon:Mi,ArrowLeftIcon:zi,ArrowRightIcon:Hi,ArrowUpIcon:Bi,BellFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"BellFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Ri,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M9.873 1.298a2 2 0 0 0-3.746 0A6 6 0 0 0 2 7v2.5H1a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2h-1V7c0-2.66-1.73-4.915-4.127-5.702M10.13 12.5a.27.27 0 0 0-.25.185 2 2 0 0 1-3.76 0 .27.27 0 0 0-.25-.185H4.313a.237.237 0 0 0-.238.28 4.001 4.001 0 0 0 7.848 0 .237.237 0 0 0-.238-.28z"},void 0,0,{fileName:Ri,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Ri,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Ri,
+lineNumber:11,columnNumber:5},this)},BellIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"BellIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Ei,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M8 0a2 2 0 0 1 1.873 1.298A6 6 0 0 1 14 7v2.5h1a1 1 0 1 1 0 2H1a1 1 0 1 1 0-2h1V7c0-2.66 1.73-4.915 4.127-5.702A2 2 0 0 1 8 0m0 3a4 4 0 0 0-4 4v2a.5.5 0 0 0 .5.5h7A.5.5 0 0 0 12 9V7a4 4 0 0 0-4-4","clip-rule":"evenodd"},void 0,0,{fileName:Ei,lineNumber:22,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M9.88 12.685a.27.27 0 0 1 .25-.185h1.556c.15 0 .267.132.238.28a4.001 4.001 0 0 1-7.848 0 .237.237 0 0 1 .238-.28H5.87c.114 0 .212.078.251.185a2 2 0 0 0 3.76 0"},void 0,0,{fileName:Ei,lineNumber:27,columnNumber:9},this)]},void 0,0,{fileName:Ei,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Ei,lineNumber:11,
+columnNumber:5},this)},BookmarkFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"BookmarkFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Fi,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M13 0a1 1 0 0 1 .993.883L14 1v14a1 1 0 0 1-1.534.846l-.09-.065L8 12.28l-4.375 3.5a1 1 0 0 1-1.6-.556l-.02-.112L2 15V1a1 1 0 0 1 .883-.993L3 0z"},void 0,0,{fileName:Fi,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Fi,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Fi,lineNumber:11,columnNumber:5},this)},BookmarkIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"BookmarkIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Oi,lineNumber:21,
+columnNumber:9},this),bi("path",{fill:"currentColor",d:"M3 0h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1.625.78L8 12.28l-4.375 3.5a1 1 0 0 1-1.62-.668L2 15V1a1 1 0 0 1 1-1m9 12.92V2H4v10.919l3.375-2.7a1 1 0 0 1 1.147-.072l.103.072z"},void 0,0,{fileName:Oi,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Oi,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Oi,lineNumber:11,columnNumber:5},this)},CancelIcon:ji,CaretDownIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CaretDownIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Ui,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M3.293 5.293a1 1 0 0 1 1.32-.083l.094.083L8 8.585l3.293-3.292a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 .083 1.32l-.083.094-4 4a1 1 0 0 1-1.32.083l-.094-.083-4-4a1 1 0 0 1 0-1.414"},void 0,0,{fileName:Ui,lineNumber:22,columnNumber:9},this)]
+},void 0,0,{fileName:Ui,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Ui,lineNumber:11,columnNumber:5},this)},CaretLeftIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CaretLeftIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Vi,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M9.293 3.293a1 1 0 0 1 1.497 1.32l-.083.094L7.415 8l3.292 3.293a1 1 0 0 1 .083 1.32l-.083.094a1 1 0 0 1-1.32.083l-.094-.083-4-4a1 1 0 0 1-.083-1.32l.083-.094z"},void 0,0,{fileName:Vi,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Vi,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Vi,lineNumber:11,columnNumber:5},this)},CaretRightIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CaretRightIcon",...e,children:bi("g",{
+"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Wi,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M5.293 3.293a1 1 0 0 1 1.32-.083l.094.083 4 4a1 1 0 0 1 .083 1.32l-.083.094-4 4a1 1 0 0 1-1.497-1.32l.083-.094L8.585 8 5.293 4.707a1 1 0 0 1-.083-1.32z"},void 0,0,{fileName:Wi,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Wi,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Wi,lineNumber:11,columnNumber:5},this)},CaretUpIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CaretUpIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Gi,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M7.293 5.293a1 1 0 0 1 1.32-.083l.094.083 4 4a1 1 0 0 1-1.32 1.497l-.094-.083L8 7.415l-3.293 3.292a1 1 0 0 1-1.32.083l-.094-.083a1 1 0 0 1-.083-1.32l.083-.094z"
+},void 0,0,{fileName:Gi,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Gi,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Gi,lineNumber:11,columnNumber:5},this)},CautionFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CautionFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Ki,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M9.794 1.148C9.432.455 8.767 0 8 0S6.568.455 6.206 1.148L.29 12.474a2.6 2.6 0 0 0-.071 2.23C.504 15.356 1.144 16 2.082 16h11.836c.938 0 1.578-.645 1.864-1.295a2.6 2.6 0 0 0-.07-2.23zM9 6a1 1 0 1 0-2 0v3a1 1 0 0 0 2 0zm-1 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2"},void 0,0,{fileName:Ki,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Ki,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Ki,lineNumber:11,columnNumber:5},this)},CautionIcon:Xi,
+CcStdFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CcStdFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Qi,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M7.985 0q3.357 0 5.715 2.343a7.7 7.7 0 0 1 1.714 2.579Q15.999 6.37 16 8a8.2 8.2 0 0 1-.578 3.078 7.35 7.35 0 0 1-1.708 2.536 8.2 8.2 0 0 1-2.657 1.772Q9.572 16 7.986 16a7.8 7.8 0 0 1-3.036-.607 8.05 8.05 0 0 1-2.6-1.757A7.846 7.846 0 0 1 0 8q0-1.586.607-3.05A8 8 0 0 1 2.371 2.33Q4.657 0 7.985 0m-2.2 5.515q-1.014 0-1.678.672-.665.67-.665 1.814 0 1.17.657 1.828t1.73.657q.671 0 1.228-.335.477-.288.776-.76l.095-.162-.985-.5q-.287.686-.986.686-.53 0-.8-.386Q4.884 8.643 4.884 8q0-1.415 1.072-1.415a.991.991 0 0 1 .814.509l.071.134 1.072-.557q-.643-1.157-2.129-1.157m2.95.672q.665-.672 1.679-.672 1.486 0 2.114 1.157l-1.057.557-.072-.134a1 1 0 0 0-.35-.366 1 1 0 0 0-.478-.143Q9.5 6.586 9.5 8.001q0 .642.272 1.028.27.386.8.386.7 0 .985-.686l1 .5-.115.189q-.306.453-.77.733a2.3 2.3 0 0 1-1.214.335q-1.086 0-1.735-.657-.65-.657-.65-1.828-.001-1.143.664-1.814"},void 0,0,{fileName:Qi,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Qi,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Qi,lineNumber:11,
+columnNumber:5},this)},CcStdIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CcStdIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Ji,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M13.7 2.343Q11.342 0 7.985 0 4.657 0 2.371 2.329A8 8 0 0 0 .607 4.95 7.9 7.9 0 0 0 0 8a7.85 7.85 0 0 0 2.35 5.636 8.05 8.05 0 0 0 2.6 1.757A7.8 7.8 0 0 0 7.986 16a8 8 0 0 0 3.071-.614q1.486-.615 2.657-1.772a7.35 7.35 0 0 0 1.707-2.536A8.2 8.2 0 0 0 16 8a8.15 8.15 0 0 0-.586-3.078A7.7 7.7 0 0 0 13.7 2.343M3.4 3.357q1.872-1.914 4.614-1.914 2.714 0 4.644 1.929a6.4 6.4 0 0 1 1.413 2.114q.486 1.185.486 2.515 0 2.757-1.871 4.586a6.9 6.9 0 0 1-2.178 1.443q-1.209.5-2.494.5a6.4 6.4 0 0 1-2.485-.493 6.6 6.6 0 0 1-2.13-1.43 6.6 6.6 0 0 1-1.45-2.128A6.3 6.3 0 0 1 1.444 8q0-1.299.507-2.493a6.9 6.9 0 0 1 1.45-2.15m4.514 3.315-1.072.557q-.171-.357-.42-.5a.95.95 0 0 0-.465-.143q-1.072 0-1.072 1.415 0 .642.271 1.028.272.386.8.386.7 0 .987-.686l.985.5a2.35 2.35 0 0 1-2.1 1.257q-1.07 0-1.729-.657-.657-.657-.657-1.828 0-1.143.665-1.814.664-.672 1.678-.672 1.486 0 2.13 1.157m3.557.557 1.057-.557q-.628-1.157-2.114-1.157-1.015 0-1.678.672Q8.07 6.857 8.07 8q0 1.17.65 1.828t1.736.657q.657 0 1.214-.335.557-.336.885-.922l-1-.5q-.285.686-.985.686-.53 0-.8-.386Q9.5 8.643 9.499 8q0-1.415 1.072-1.415.228 0 .479.143.25.143.421.5"
+},void 0,0,{fileName:Ji,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Ji,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Ji,lineNumber:11,columnNumber:5},this)},CcZeroFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CcZeroFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Zi,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M13.703 2.342C12.131.78 10.221 0 7.983 0Q4.655-.002 2.37 2.325A8.1 8.1 0 0 0 .6 4.958Q0 6.415 0 8q0 1.6.6 3.042.6 1.444 1.741 2.599a8.3 8.3 0 0 0 2.6 1.76q1.457.6 3.042.599a8 8 0 0 0 3.076-.617 8.2 8.2 0 0 0 2.655-1.77 7.3 7.3 0 0 0 1.703-2.526A8.1 8.1 0 0 0 16 8a8.1 8.1 0 0 0-.582-3.076 7.7 7.7 0 0 0-1.715-2.582M4.71 7.46C4.82 5.485 5.581 3.395 8 3.395c2.641 0 3.305 2.492 3.305 4.605S10.641 12.605 8 12.605c-2.348 0-3.134-1.969-3.28-3.89l-.02-.36L4.695 8l.007-.355zm4.608-.838.04.249q.034.25.048.49l.011.23.007.516-.008.363-.015.267-.026.279-.04.283c-.136.802-.478 1.57-1.333 1.57q-.108 0-.204-.015l-.093-.02-.135-.043c-.28-.12-.463-.327-.274-.682l.056-.092zM8.297 5.17A1.2 1.2 0 0 0 8 5.13c-.855 0-1.198.769-1.334 1.57l-.04.283-.026.279-.015.266-.006.249v.413c.002.201.01.433.033.674l.027.244 1.759-3.232.05-.102c.11-.264.018-.458-.151-.604"},void 0,0,{fileName:Zi,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Zi,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Zi,lineNumber:11,columnNumber:5
+},this)},CcZeroIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CcZeroIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Yi,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M7.983 0c2.238 0 4.148.78 5.72 2.342a7.7 7.7 0 0 1 1.715 2.582c.39.962.582 1.99.582 3.076a8.1 8.1 0 0 1-.583 3.087 7.3 7.3 0 0 1-1.703 2.526 8.2 8.2 0 0 1-2.655 1.77Q9.572 16 7.983 16a7.9 7.9 0 0 1-3.042-.6 8.3 8.3 0 0 1-2.6-1.759A8.1 8.1 0 0 1 .6 11.042 7.8 7.8 0 0 1 0 8q0-1.585.6-3.042a8.1 8.1 0 0 1 1.77-2.633C3.893.772 5.764 0 7.983 0m.034 1.44Q5.272 1.44 3.4 3.355a7 7 0 0 0-1.457 2.157 6.387 6.387 0 0 0 0 4.969 6.83 6.83 0 0 0 3.585 3.558q1.186.486 2.488.487a6.4 6.4 0 0 0 2.482-.498 6.9 6.9 0 0 0 2.185-1.446C13.93 11.364 14.56 9.839 14.56 8a6.6 6.6 0 0 0-.487-2.515 6.4 6.4 0 0 0-1.418-2.118Q10.73 1.439 8.017 1.44M11.305 8c0-2.113-.664-4.605-3.305-4.605-2.495 0-3.226 2.223-3.3 4.25L4.695 8c0 2.113.665 4.605 3.306 4.605S11.305 10.113 11.305 8M9.316 6.622 7.35 10.017c-.274.412-.083.645.219.774l.135.044q.137.033.297.034c1.358 0 1.422-1.938 1.422-2.869l-.007-.409a7 7 0 0 0-.06-.72zM6.58 7.778c.015-.985.163-2.646 1.421-2.646.107 0 .205.016.297.039.19.164.283.39.1.705L6.64 9.11l-.027-.244A10 10 0 0 1 6.577 8z"
+},void 0,0,{fileName:Yi,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Yi,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Yi,lineNumber:11,columnNumber:5},this)},CheckAllIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CheckAllIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:ll,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M15.58 2.332a1 1 0 0 1 .235 1.394l-7 9.853a1 1 0 0 1-1.672-.065l-3-5a1 1 0 1 1 1.714-1.028l2.214 3.688 6.114-8.606a1 1 0 0 1 1.394-.236M.486 7.143a1 1 0 0 1 1.371.343l3 5a1 1 0 1 1-1.715 1.028l-3-5a1 1 0 0 1 .344-1.371"},void 0,0,{fileName:ll,lineNumber:22,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M11.6 2.2a1 1 0 0 1 .2 1.4l-3 4a1 1 0 1 1-1.6-1.2l3-4a1 1 0 0 1 1.4-.2"},void 0,0,{fileName:ll,lineNumber:26,columnNumber:9},this)]},void 0,0,{fileName:ll,lineNumber:20,
+columnNumber:7},this)},void 0,0,{fileName:ll,lineNumber:11,columnNumber:5},this)},CheckIcon:il,CheckboxCheckedFilledIcon:ml,CheckboxCheckedIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CheckboxCheckedIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:rl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M0 2.5A2.5 2.5 0 0 1 2.5 0h11A2.5 2.5 0 0 1 16 2.5v11a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 13.5zM2.5 1A1.5 1.5 0 0 0 1 2.5v11A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-11A1.5 1.5 0 0 0 13.5 1z","clip-rule":"evenodd"},void 0,0,{fileName:rl,lineNumber:22,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M11.136 3.82a.75.75 0 0 1 1.278.78l-.05.08-5.25 7.5a.75.75 0 0 1-1.204.034l-.053-.078-2.25-3.75a.75.75 0 0 1 1.237-.844l.05.072 1.654 2.758z"},void 0,0,{fileName:rl,lineNumber:27,columnNumber:9},this)]
+},void 0,0,{fileName:rl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:rl,lineNumber:11,columnNumber:5},this)},CheckboxIcon:ol,ClockFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ClockFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:cl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M16 8c0-4.052-3.948-8-8-8S0 3.948 0 8s3.948 8 8 8 8-3.948 8-8M9 4a1 1 0 1 0-2 0v4a1 1 0 0 0 .445.832l3 2a1 1 0 0 0 1.11-1.664L9 7.465z"},void 0,0,{fileName:cl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:cl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:cl,lineNumber:11,columnNumber:5},this)},ClockIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ClockIcon",...e,children:bi("g",{
+"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:ul,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M8 0c4.052 0 8 3.948 8 8s-3.948 8-8 8-8-3.948-8-8 3.948-8 8-8m0 2C5.052 2 2 5.052 2 8s3.052 6 6 6 6-3.052 6-6-3.052-6-6-6"},void 0,0,{fileName:ul,lineNumber:22,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M8 3a1 1 0 0 1 1 1v3.465l2.555 1.703a1 1 0 0 1-1.11 1.664l-3-2A1 1 0 0 1 7 8V4a1 1 0 0 1 1-1"},void 0,0,{fileName:ul,lineNumber:26,columnNumber:9},this)]},void 0,0,{fileName:ul,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:ul,lineNumber:11,columnNumber:5},this)},CodeIcon:dl,CollapseIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CollapseIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:sl,lineNumber:21,columnNumber:9},this),bi("path",{
+fill:"currentColor",d:"M15.79 1.613a1 1 0 0 0-1.497-1.32L11 3.584V2l-.007-.117A1 1 0 0 0 9 2v4l.007.117A1 1 0 0 0 10 7h4l.117-.007A1 1 0 0 0 15 6l-.007-.117A1 1 0 0 0 14 5h-1.586l3.293-3.293zm-8.797 8.27A1 1 0 0 0 6 9H2l-.117.007A1 1 0 0 0 1 10l.007.117A1 1 0 0 0 2 11h1.584L.293 14.293l-.083.094a1 1 0 0 0 1.497 1.32L5 12.414V14l.007.117A1 1 0 0 0 7 14v-4z"},void 0,0,{fileName:sl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:sl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:sl,lineNumber:11,columnNumber:5},this)},ContrastIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ContrastIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Nl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M16 8c0-4.052-3.948-8-8-8S0 3.948 0 8s3.948 8 8 8 8-3.948 8-8m-2 0c0 2.948-3.052 6-6 6V2l.201.005C11.085 2.139 14 5.119 14 8"
+},void 0,0,{fileName:Nl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Nl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Nl,lineNumber:11,columnNumber:5},this)},CopyFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"CopyFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:fl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M15.993.883A1 1 0 0 0 15 0H7l-.117.007A1 1 0 0 0 6 1v10l.007.117A1 1 0 0 0 7 12h8l.117-.007A1 1 0 0 0 16 11V1zM.007 15.117A1 1 0 0 0 1 16h8l.117-.007A1 1 0 0 0 10 15v-1a1 1 0 0 0-1-1H5V5a1 1 0 0 0-1-1H1l-.117.007A1 1 0 0 0 0 5v10z"},void 0,0,{fileName:fl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:fl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:fl,lineNumber:11,columnNumber:5},this)},CopyIcon:bl,DottedCircleIcon:function(e){return bi("svg",{
+xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16","data-component":"DottedCircleIcon",...e,children:bi("path",{fill:"currentColor","fill-rule":"evenodd",
+d:"M6.956.068a8 8 0 0 1 2.088 0 .889.889 0 1 1-.23 1.762 6.3 6.3 0 0 0-1.628 0 .889.889 0 0 1-.23-1.762m4.668 1.748a.89.89 0 0 1 1.247-.163c.554.426 1.05.922 1.476 1.476a.889.889 0 0 1-1.41 1.083 6.3 6.3 0 0 0-1.15-1.15.89.89 0 0 1-.163-1.246m-7.248 0c.299.39.226.948-.164 1.247a6.3 6.3 0 0 0-1.15 1.15.889.889 0 0 1-1.409-1.084A8 8 0 0 1 3.13 1.653a.89.89 0 0 1 1.247.163m10.56 4.374a.89.89 0 0 1 .996.766 8 8 0 0 1 0 2.088.889.889 0 1 1-1.762-.23 6.3 6.3 0 0 0 0-1.628.89.89 0 0 1 .766-.996m-13.872 0c.487.063.83.51.766.996a6.3 6.3 0 0 0 0 1.628.889.889 0 0 1-1.762.23 8 8 0 0 1 0-2.088.89.89 0 0 1 .996-.766m13.12 5.434c.389.3.462.857.163 1.247a8 8 0 0 1-1.476 1.476.889.889 0 0 1-1.084-1.41 6.3 6.3 0 0 0 1.15-1.15.89.89 0 0 1 1.247-.163m-12.368 0a.89.89 0 0 1 1.247.163c.331.432.718.819 1.15 1.15a.889.889 0 0 1-1.084 1.41 8 8 0 0 1-1.476-1.476.89.89 0 0 1 .163-1.247m4.374 3.312a.89.89 0 0 1 .996-.766 6.3 6.3 0 0 0 1.628 0 .889.889 0 1 1 .23 1.762 8 8 0 0 1-2.088 0 .89.89 0 0 1-.766-.996","clip-rule":"evenodd"
+},void 0,0,{fileName:vl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:vl,lineNumber:11,columnNumber:5},this)},DownloadIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"DownloadIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:pl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"m8.707 11.707-.094.083-.102.07a1 1 0 0 1-1.218-.153l-4-4-.083-.094a1 1 0 0 1 .083-1.32l.094-.083a1 1 0 0 1 1.32.083L7 8.585V1l.007-.117A1 1 0 0 1 9 1v7.585l2.293-2.292.094-.083a1 1 0 0 1 1.32 1.497zm7.286-1.824A1 1 0 0 0 15 9l-.117.007A1 1 0 0 0 14 10v4H2v-4l-.007-.117A1 1 0 0 0 0 10v5l.007.117A1 1 0 0 0 1 16h14l.117-.007A1 1 0 0 0 16 15v-5z"},void 0,0,{fileName:pl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:pl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:pl,lineNumber:11,columnNumber:5},this)},EditIcon:wl,
+EditorLatexIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"EditorLatexIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Il,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M13.392 16q.237 0 .423-.108.185-.109.185-.248v-1.778q0-.149-.185-.252a.85.85 0 0 0-.423-.104H6.85q-.207 0-.267-.083-.06-.082 0-.152l5.533-5.101q.238-.21.193-.378a.75.75 0 0 0-.193-.325L6.88 2.707q-.06-.07-.007-.143.05-.075.289-.074h6.17a.8.8 0 0 0 .416-.108q.178-.109.178-.248V.356q0-.139-.178-.248A.8.8 0 0 0 13.333 0H2.904q-.238 0-.423.108-.185.109-.185.248v1.943q0 .192.11.326l.171.204 5.31 4.815q.06.07.075.178a.22.22 0 0 1-.074.195l-5.622 5.154a8 8 0 0 0-.163.2.5.5 0 0 0-.104.33v1.943q0 .139.185.248a.8.8 0 0 0 .423.108z"},void 0,0,{fileName:Il,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Il,lineNumber:20,columnNumber:7},this)
+},void 0,0,{fileName:Il,lineNumber:11,columnNumber:5},this)},EditorQuoteIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"EditorQuoteIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:xl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M3.538 13.745Q3.27 14 2.7 14h-.754q-.57 0-.827-.463-.258-.463.037-1.011l2.04-3.817q.111-.19-.027-.35a.41.41 0 0 0-.322-.16h-.9a.73.73 0 0 1-.525-.227.74.74 0 0 1-.23-.548v-4.65q0-.3.23-.538A.71.71 0 0 1 1.947 2H6.47q.293 0 .524.236.23.236.23.539V7.31a4.7 4.7 0 0 1-.23 1.474 4.1 4.1 0 0 1-.598 1.19l-2.408 3.251q-.184.265-.45.52m7.776 0q-.267.255-.818.255h-.754q-.57 0-.836-.463-.267-.463.045-1.011l2.023-3.817q.11-.19-.019-.35a.39.39 0 0 0-.312-.16h-.901a.73.73 0 0 1-.524-.227.74.74 0 0 1-.23-.548v-4.65q0-.3.22-.538A.7.7 0 0 1 9.743 2h4.504q.294 0 .524.236t.23.539V7.31a4.9 4.9 0 0 1-.22 1.474q-.222.7-.607 1.19l-2.409 3.251q-.183.265-.45.52"},void 0,0,{fileName:xl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:xl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:xl,lineNumber:11,columnNumber:5},this)},EditorTextBoldIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"EditorTextBoldIcon",...e,
+children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:yl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M8.661 16q1.207 0 2.193-.351a5 5 0 0 0 1.69-.993q.706-.642 1.081-1.557t.375-2.03q0-.435-.114-.893a4 4 0 0 0-.325-.87 4 4 0 0 0-.495-.754 4.4 4.4 0 0 0-.604-.597q-.255-.19 0-.412.572-.503.953-1.311.382-.81.382-1.568 0-.96-.395-1.813a4.6 4.6 0 0 0-1.08-1.484q-.687-.63-1.627-.999A5.5 5.5 0 0 0 8.66 0h-6.14a.53.53 0 0 0-.362.14A.42.42 0 0 0 2 .456v15.086q0 .178.159.318.16.139.362.139zm-.127-9.852H5.826q-.255 0-.254-.223V3.437q0-.235.254-.235h2.708q.673 0 1.195.435.52.435.521 1.027 0 .591-.521 1.038a1.78 1.78 0 0 1-1.195.446m-2.708 6.65h2.708q.84 0 1.335-.525.495-.524.495-1.205 0-.658-.495-1.188-.496-.53-1.335-.53H5.826q-.255 0-.254.234v2.99q0 .224.254.224"},void 0,0,{fileName:yl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:yl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:yl,lineNumber:11,columnNumber:5},this)},
+EditorTextItalicIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"EditorTextItalicIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Sl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M10.61 16q.18 0 .329-.14a.63.63 0 0 0 .191-.317l.457-2.176a.35.35 0 0 0-.063-.313.34.34 0 0 0-.277-.133H8.845q-.213-.012-.17-.235l1.892-9.372q.053-.223.266-.223H13a.5.5 0 0 0 .335-.14.6.6 0 0 0 .196-.318L13.99.457a.5.5 0 0 0 .011-.1.34.34 0 0 0-.085-.223.34.34 0 0 0-.276-.134H5.805a.5.5 0 0 0-.335.14.62.62 0 0 0-.196.317l-.457 2.176a.35.35 0 0 0 .069.318q.111.14.281.14h2.18q.212 0 .17.223l-1.893 9.372q-.042.235-.255.235H2.967a.5.5 0 0 0-.324.133.6.6 0 0 0-.197.313l-.435 2.175a.5.5 0 0 0-.011.101q0 .123.074.223.107.134.266.134z"},void 0,0,{fileName:Sl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Sl,lineNumber:20,columnNumber:7
+},this)},void 0,0,{fileName:Sl,lineNumber:11,columnNumber:5},this)},EllipsisIcon:Cl,EllipsisVerticalIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"EllipsisVerticalIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Ll,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M10 2a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0m-2 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4"},void 0,0,{fileName:Ll,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Ll,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Ll,lineNumber:11,columnNumber:5},this)},EmailFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"EmailFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"
+},void 0,0,{fileName:Ml,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M15.538 2.721A2 2 0 0 0 14 2H2l-.183.008a2 2 0 0 0-1.355.713L8 8.375zM7.7 9.4.031 3.647Q.001 3.82 0 4v8l.005.15A2 2 0 0 0 2 14h12l.15-.005A2 2 0 0 0 16 12V4l-.008-.178-.023-.174L8.3 9.4l-.08.049a.5.5 0 0 1-.44 0z"},void 0,0,{fileName:Ml,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Ml,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Ml,lineNumber:11,columnNumber:5},this)},EmailIcon:Al,ExpandIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ExpandIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Tl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M15.993.883A1 1 0 0 0 15 0h-4l-.117.007A1 1 0 0 0 10 1l.007.117A1 1 0 0 0 11 2h1.584L9.293 5.293l-.083.094a1 1 0 0 0 1.497 1.32L14 3.414V5l.007.117A1 1 0 0 0 16 5V1zm-9.203 9.73a1 1 0 0 0-1.497-1.32L2 12.584V11l-.007-.117A1 1 0 0 0 0 11v4l.007.117A1 1 0 0 0 1 16h4l.117-.007A1 1 0 0 0 6 15l-.007-.117A1 1 0 0 0 5 14H3.414l3.293-3.293z"},void 0,0,{fileName:Tl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Tl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Tl,lineNumber:11,columnNumber:5},this)},ExternalIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ExternalIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:zl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M13 2a1 1 0 0 1 .993.883L14 3v6a1 1 0 0 1-1.993.117L12 9V5.414l-8.293 8.293a1 1 0 0 1-1.497-1.32l.083-.094L10.584 4H7a1 1 0 0 1-.993-.883L6 3a1 1 0 0 1 .883-.993L7 2z"},void 0,0,{fileName:zl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:zl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:zl,lineNumber:11,columnNumber:5},this)},FileCodeFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"FileCodeFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Hl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M11 0v3.5a.5.5 0 0 0 .41.492L11.5 4H15v11.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V.5a.5.5 0 0 1 .5-.5zM6.53 5.47a.75.75 0 0 1 .073.976l-.073.084L5.061 8l1.47 1.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073-2-2a.75.75 0 0 1-.073-.976l.073-.084 2-2a.75.75 0 0 1 1.06 0m2.94 0a.75.75 0 0 1 .976-.073l.084.073 2 2 .073.084a.75.75 0 0 1 .007.882l-.08.094-2 2-.084.073a.75.75 0 0 1-.882.007l-.094-.08-.073-.084a.75.75 0 0 1-.007-.882l.08-.094L10.939 8l-1.47-1.47-.072-.084a.75.75 0 0 1 .073-.976"},void 0,0,{fileName:Hl,lineNumber:22,columnNumber:9},this),bi("path",{fill:"currentColor",d:"m12.685.144 2.167 2.143a.5.5 0 0 1 .148.356V3h-2.75a.25.25 0 0 1-.25-.25V0h.333a.5.5 0 0 1 .352.144"},void 0,0,{fileName:Hl,lineNumber:26,columnNumber:9},this)]},void 0,0,{fileName:Hl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Hl,lineNumber:11,columnNumber:5},this)},FileCodeIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",
+viewBox:"0 0 16 16","data-component":"FileCodeIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Dl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M12.685.144A.5.5 0 0 0 12.333 0H1.5a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5V2.643a.5.5 0 0 0-.148-.356zM2 1h9v2.5a.5.5 0 0 0 .5.5H14v11H2zm4.53 4.47a.75.75 0 0 1 .073.976l-.073.084L5.061 8l1.47 1.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073-2-2a.75.75 0 0 1-.073-.976l.073-.084 2-2a.75.75 0 0 1 1.06 0m4 0-.084-.073a.75.75 0 0 0-1.049 1.05l.073.083L10.939 8l-1.47 1.47-.08.094a.75.75 0 0 0 .008.882l.073.084.094.08a.75.75 0 0 0 .882-.007l.084-.073 2-2 .08-.094a.75.75 0 0 0-.007-.882l-.073-.084z"},void 0,0,{fileName:Dl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Dl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Dl,lineNumber:11,columnNumber:5},this)},FileGenericFilledIcon:function(e){return bi("svg",{
+xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"FileGenericFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Bl,lineNumber:23,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M11 0v3.5a.5.5 0 0 0 .41.492L11.5 4H15v11.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V.5a.5.5 0 0 1 .5-.5zM4.75 5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5zm0 2.75a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5zM4 11.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75"},void 0,0,{fileName:Bl,lineNumber:24,columnNumber:9},this),bi("path",{fill:"currentColor",d:"m12.685.144 2.167 2.143a.5.5 0 0 1 .148.356V3h-2.75a.25.25 0 0 1-.25-.25V0h.333a.5.5 0 0 1 .352.144"},void 0,0,{fileName:Bl,lineNumber:28,columnNumber:9},this)]},void 0,0,{fileName:Bl,lineNumber:22,columnNumber:7},this)},void 0,0,{fileName:Bl,lineNumber:13,columnNumber:5},this)},FileGenericIcon:function(e){
+return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"FileGenericIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Pl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M12.333 0a.5.5 0 0 1 .352.144l2.167 2.143a.5.5 0 0 1 .148.356V15.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V.5a.5.5 0 0 1 .5-.5zM11 1H2v14h12V4h-2.5a.5.5 0 0 1-.5-.5zM8 11.25a.75.75 0 0 0-.75-.75h-2.5a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 .75-.75m3.25-3.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5zm.75-2a.75.75 0 0 0-.75-.75h-6.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 .75-.75"},void 0,0,{fileName:Pl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Pl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Pl,lineNumber:11,columnNumber:5},this)},FileImageFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",
+viewBox:"0 0 16 16","data-component":"FileImageFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Ol,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M11 3.5V0H1.5a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5V4h-3.5l-.09-.008A.5.5 0 0 1 11 3.5M8.958 5.122a.41.41 0 0 1 .583 0l.055.069 3.333 5.143.039.073a.43.43 0 0 1-.305.585l-.08.008H9.23l.044-.1a.93.93 0 0 0-.12-.88l-1.79-2.456 1.54-2.373zM6.19 6.818a.41.41 0 0 0-.544 0l-.061.068-2.5 3.428-.04.067a.432.432 0 0 0 .297.612l.076.007h5l.076-.007c.27-.05.42-.36.297-.612l-.04-.067-2.5-3.428zM12.685.144A.5.5 0 0 0 12.333 0H12v2.75c0 .138.112.25.25.25H15v-.357a.5.5 0 0 0-.148-.356z"},void 0,0,{fileName:Ol,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Ol,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Ol,lineNumber:11,columnNumber:5},this)},FileImageIcon:Rl,FilePdfFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",
+width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"FilePdfFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:ql,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M11 0v3.5a.5.5 0 0 0 .41.492L11.5 4H15v11.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V.5a.5.5 0 0 1 .5-.5zM7.449 3c-.408 0-1.089.32-1.089 1.279 0 .821.091 1.552.68 2.511l-.15.394-.182.445q-.098.234-.212.485c-.108.273-.233.53-.355.78q-.123.252-.234.499c-.94.325-1.518.688-1.895.99l-.187.159-.153.143-.124.123c-.686.73-.583 1.281-.456 1.555l.048.09.098.126c.156.187.41.421.809.421a1 1 0 0 0 .21-.028l.243-.063.111-.051.071-.042.083-.057.093-.075.106-.098.119-.124.064-.073.138-.169.152-.203.167-.242.088-.136.189-.305q.098-.165.204-.352l.22-.403q.114-.214.237-.456c.363-.137.77-.228 1.225-.32a22 22 0 0 1 1.587-.228l.178.185.32.322c.694.682 1.05.887 1.498 1 .182.091.363.091.5.091.68 0 .997-.41 1.088-.639.09-.274.181-.959-.5-1.37-.457-.25-1.18-.425-2.102-.452l-.256-.004h-.363l-.103-.11-.222-.256a4 4 0 0 0-.129-.137l-.195-.216-.348-.4a12 12 0 0 1-.681-.89c.332-.838.445-1.355.482-1.77l.013-.218.004-.204C8.492 3.274 7.72 3 7.449 3m-2.428 8.01.205-.339c-.413.224-.67.425-.85.589l-.193.188c-.212.213-.259.37-.27.473l-.002.074.09.046h-.045l.029.023c.017.011.04.023.062.023 0 .045.045.045.09 0l.023-.007.039-.022.057-.044.035-.032.086-.085.105-.12.126-.16.148-.205.17-.254zm5.603-1.389c.314.018.568.062.766.113l.212.063.087.03.186.08.065.034.065.06c.05.051.101.122.07.214 0 .045-.09.09-.271.09l-.042-.006-.118-.032a.4.4 0 0 0-.067-.007c-.17-.034-.315-.094-.606-.334l-.218-.188zM7.84 7.901l-.164-.198v.046l-.243.571-.075.205-.13.268a2 2 0 0 0-.097.234h.046l-.09.046.249-.063c.079-.017.158-.028.25-.028q.135-.018.263-.042l.495-.1.239-.04-.208-.242-.19-.23zm-.391-3.988c.09.046.227.229.227.64l-.002.167a3.2 3.2 0 0 1-.18.928c-.181-.548-.226-.913-.181-1.324q0-.342.136-.41M12.685.144A.5.5 0 0 0 12.333 0H12v2.75c0 .138.112.25.25.25H15v-.357a.5.5 0 0 0-.148-.356z"
+},void 0,0,{fileName:ql,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:ql,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:ql,lineNumber:11,columnNumber:5},this)},FilePdfIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"FilePdfIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Fl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M12.333 0a.5.5 0 0 1 .352.144l2.167 2.143a.5.5 0 0 1 .148.356V15.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V.5a.5.5 0 0 1 .5-.5zM11 1H2v14h12V4h-2.5a.5.5 0 0 1-.5-.5zM8.538 4.507C8.492 3.274 7.72 3 7.449 3c-.408 0-1.089.32-1.089 1.279 0 .821.091 1.552.68 2.511l-.15.394-.182.445q-.098.234-.212.485c-.108.273-.233.53-.355.78q-.123.252-.234.499c-.94.325-1.518.688-1.895.99l-.187.159-.08.073-.197.193c-.686.73-.583 1.281-.456 1.555l.048.09.098.126c.156.187.41.421.809.421a1 1 0 0 0 .21-.028l.243-.063.111-.051.071-.042.083-.057.093-.075.106-.098.058-.059.125-.138.138-.169.152-.203.082-.116.173-.262.093-.147.196-.328.104-.182.22-.403q.114-.214.237-.456c.363-.137.77-.228 1.225-.32a22 22 0 0 1 1.587-.228l.178.185.32.322c.694.682 1.05.887 1.498 1 .182.091.363.091.5.091.68 0 .997-.41 1.088-.639.09-.274.181-.959-.5-1.37-.498-.274-1.315-.456-2.358-.456h-.363a3 3 0 0 1-.103-.11l-.222-.256-.129-.137-.195-.216-.348-.4a12 12 0 0 1-.681-.89c.332-.838.445-1.355.482-1.77l.013-.218zM5.226 10.67c-.413.224-.67.425-.85.589l-.193.188c-.212.213-.259.37-.27.473l-.002.074.09.046h-.045l.029.023c.017.011.04.023.062.023 0 .045.045.045.09 0l.023-.007.039-.022.057-.044.075-.07.096-.103.116-.139.137-.181.076-.109.17-.254.194-.31q.052-.084.106-.177m5.642-.831-.244-.219c.314.018.568.062.766.113l.212.063.087.03.136.057.115.057.065.06c.05.051.101.122.07.214 0 .045-.09.09-.271.09a.2.2 0 0 1-.042-.006l-.118-.032-.067-.007c-.19-.038-.347-.107-.709-.42M7.676 7.703v.046l-.243.571a4 4 0 0 0-.075.205l-.13.268a2 2 0 0 0-.097.234h.046l-.09.046.249-.063c.079-.017.158-.028.25-.028l.263-.042.495-.1.239-.04a15 15 0 0 1-.398-.472L7.84 7.9zm-.363-3.379q0-.342.136-.41c.09.045.227.228.227.639v.08l-.007.183a3.3 3.3 0 0 1-.175.832c-.181-.548-.226-.913-.181-1.324"
+},void 0,0,{fileName:Fl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Fl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Fl,lineNumber:11,columnNumber:5},this)},FilterClearIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"FilterClearIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Ul,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"m8.4 12 1.428 2H5a1 1 0 0 1-.117-1.993L5 12zM11.172 9H13l.117-.007A1 1 0 0 0 13 7H9.744zM4.828 7l1.428 2H3a1 1 0 0 1-.117-1.993L3 7zM7.6 4H15l.117-.007A1 1 0 0 0 15 2H6.172zM1.268 2q.048.083.105.162L2.685 4H1a1 1 0 0 1-.117-1.993L1 2zM13.581 15.814a1 1 0 0 0 .233-1.395l-10-14A1 1 0 1 0 2.186 1.58l10 14a1 1 0 0 0 1.395.233"},void 0,0,{fileName:Ul,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Ul,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Ul,
+lineNumber:11,columnNumber:5},this)},FilterIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"FilterIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:jl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M16 3a1 1 0 0 0-1-1H1l-.117.007A1 1 0 0 0 1 4h14l.117-.007A1 1 0 0 0 16 3m-3 4a1 1 0 0 1 .117 1.993L13 9H3a1 1 0 0 1-.117-1.993L3 7zm-2 5a1 1 0 0 1 .117 1.993L11 14H5a1 1 0 0 1-.117-1.993L5 12z"},void 0,0,{fileName:jl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:jl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:jl,lineNumber:11,columnNumber:5},this)},FlagFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"FlagFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",
+d:"M0 0h16v16H0z"},void 0,0,{fileName:Wl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M2 1a1 1 0 0 1 .883-.993L3 0h12c.852 0 1.297.986.783 1.623l-.076.084L12.415 5l3.292 3.293c.575.575.253 1.523-.485 1.684l-.108.017L15 10H4v5a1 1 0 0 1-1.993.117L2 15z"},void 0,0,{fileName:Wl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Wl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Wl,lineNumber:11,columnNumber:5},this)},FlagIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"FlagIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Vl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M2.883.007A1 1 0 0 0 2 1v14l.007.117A1 1 0 0 0 4 15v-5h11l.114-.006.108-.017c.738-.16 1.06-1.109.485-1.684L12.415 5l3.292-3.293.076-.084C16.297.986 15.853 0 15 0H3zM4 2h8.584l-2.291 2.293-.083.094-.07.102a1 1 0 0 0 .153 1.218L12.585 8H4z"},void 0,0,{fileName:Vl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Vl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Vl,lineNumber:11,columnNumber:5},this)},FlashcardIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"FlashcardIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Gl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M0 4.5a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0z"},void 0,0,{fileName:Gl,lineNumber:22,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M0 11.5a.5.5 0 0 0 1 0v-7a.5.5 0 0 0-1 0zM15 4.5a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0z"},void 0,0,{fileName:Gl,
+lineNumber:23,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M15 11.5a.5.5 0 0 0 1 0v-7a.5.5 0 0 0-1 0zM2 5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm10 .5a.5.5 0 0 0-.5-.5h-7a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5z"},void 0,0,{fileName:Gl,lineNumber:27,columnNumber:9},this)]},void 0,0,{fileName:Gl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Gl,lineNumber:11,columnNumber:5},this)},FolderFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"FolderFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Xl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M1.356 1.007A1.5 1.5 0 0 0 0 2.5V4h16v-.5l-.007-.144A1.5 1.5 0 0 0 14.5 2H5.915A1.5 1.5 0 0 0 4.5 1h-3zM16 13.5V5H0v8.5l.007.145A1.5 1.5 0 0 0 1.5 15h13l.145-.007A1.5 1.5 0 0 0 16 13.5"},void 0,0,{fileName:Xl,
+lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Xl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Xl,lineNumber:11,columnNumber:5},this)},FolderIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"FolderIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:$l,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M4.5 1a1.5 1.5 0 0 1 1.339.823l.056.125.018.052H14.5a1.5 1.5 0 0 1 1.473 1.215l.02.14L16 3.5v10a1.5 1.5 0 0 1-1.355 1.493L14.5 15h-13a1.5 1.5 0 0 1-1.493-1.355L0 13.5v-11a1.5 1.5 0 0 1 1.356-1.493L1.5 1zM15 5H1v8.5a.5.5 0 0 0 .41.492L1.5 14h13a.5.5 0 0 0 .492-.41L15 13.5zM1.5 2h3l.09.008a.5.5 0 0 1 .402.402l.016.18A.5.5 0 0 0 5.5 3h9l.09.008A.5.5 0 0 1 15 3.5V4H1V2.5l.008-.09A.5.5 0 0 1 1.5 2"},void 0,0,{fileName:$l,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:$l,lineNumber:20,columnNumber:7
+},this)},void 0,0,{fileName:$l,lineNumber:11,columnNumber:5},this)},FolderOpenFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"FolderOpenFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Jl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M6.895 1.948A1.5 1.5 0 0 0 5.5 1h-3l-.144.007A1.5 1.5 0 0 0 1 2.5L.999 4.133a1.5 1.5 0 0 0-.873 1.533l.877 7.89.006.135C1.08 14.405 1.72 15 2.5 15h11l.145-.007A1.5 1.5 0 0 0 15 13.5l.874-7.834.006-.083.003-.083A1.5 1.5 0 0 0 15 4.133L15 3.5l-.007-.144A1.5 1.5 0 0 0 13.5 2H6.913zM2.5 2h3l.09.008A.5.5 0 0 1 6 2.5l.008.09A.5.5 0 0 0 6.5 3h7l.09.008A.5.5 0 0 1 14 3.5V4H2V2.5l.008-.09A.5.5 0 0 1 2.5 2"},void 0,0,{fileName:Jl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Jl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Jl,lineNumber:11,columnNumber:5},this)
+},FolderOpenIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"FolderOpenIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Kl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M5.5 1a1.5 1.5 0 0 1 1.339.823l.056.125.018.052H13.5a1.5 1.5 0 0 1 1.473 1.215l.02.14L15 3.5l.001.633c.477.217.82.677.874 1.228l.008.153-.005.096L15 13.5a1.5 1.5 0 0 1-1.356 1.493L13.5 15h-11c-.78 0-1.42-.595-1.49-1.31l-.007-.135-.877-7.89A1.5 1.5 0 0 1 1 4.136V2.5a1.5 1.5 0 0 1 1.356-1.493L2.5 1zM1.593 5l-.031.003a.5.5 0 0 0-.444.462l.002.09L2 13.5a.5.5 0 0 0 .41.492L2.5 14h11c.245 0 .45-.177.494-.449l.009-.106.878-7.904.002-.041a.5.5 0 0 0-.41-.492L14.383 5zM2.5 2h3l.09.008A.5.5 0 0 1 6 2.5l.008.09A.5.5 0 0 0 6.5 3h7l.09.008.085.023A.5.5 0 0 1 14 3.5V4H2V2.5l.008-.09A.5.5 0 0 1 2.5 2"},void 0,0,{fileName:Kl,lineNumber:22,columnNumber:9},this)]
+},void 0,0,{fileName:Kl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Kl,lineNumber:11,columnNumber:5},this)},GlobeIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"GlobeIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Ql,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0m-8.86 2.516a23 23 0 0 1 1.72.002c-.093.809-.232 1.543-.407 2.157l-.06.198-.073.222a5 5 0 0 1-.229.55L8 13.81l-.078-.138-.078-.16a6 6 0 0 1-.297-.836 13.7 13.7 0 0 1-.407-2.16m-4.06.604-.17.058a6.02 6.02 0 0 0 2.8 2.37 12.6 12.6 0 0 1-.467-2.03l-.054-.383-.054-.451a13 13 0 0 0-1.807.36zm7.731.016.055-.452.323.046c.741.115 1.39.268 1.902.447a6.02 6.02 0 0 1-2.8 2.37c.228-.693.402-1.508.52-2.411M2.146 6.673l-.001.012a6 6 0 0 0 .003 2.643c.781-.285 1.761-.504 2.86-.645l-.006-.38v-.606l.006-.378c-1.099-.141-2.079-.36-2.862-.646m11.578.046.129-.046Q13.999 7.314 14 8q-.002.687-.146 1.328c-.783-.285-1.763-.504-2.862-.645l.006-.38L11 8q0-.305-.006-.603l-.002-.078c1.039-.134 1.972-.337 2.732-.6m-4.73.762-.259.01a26 26 0 0 1-1.73-.009L7 8q0 .262.006.52a24 24 0 0 1 1.988 0L9 8zM7.922 2.33l.077-.14.08.14.077.16c.102.227.203.508.297.835.175.614.314 1.349.407 2.16a23 23 0 0 1-1.72-.002c.093-.81.232-1.544.407-2.158a5.6 5.6 0 0 1 .375-.995m-2.212.123-.045.019a6.02 6.02 0 0 0-2.756 2.351c.584.206 1.348.376 2.225.494l.055-.453c.118-.903.292-1.718.52-2.411m4.63.157-.05-.158.265.118a6.03 6.03 0 0 1 2.537 2.254c-.585.205-1.35.375-2.227.494l-.054-.454-.058-.411a13 13 0 0 0-.412-1.843"
+},void 0,0,{fileName:Ql,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Ql,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Ql,lineNumber:11,columnNumber:5},this)},GlobeLockIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"GlobeLockIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Yl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M15.372 10.303c-.07-1.663-.816-2.364-2.497-2.364-1.726 0-2.5.774-2.5 2.5v.312c0 .173.14.313.313.313h.624c.173 0 .313-.14.313-.313v-.312l.003-.11c.057-.985.248-1.14 1.247-1.14 1.036 0 1.25.214 1.25 1.25v.312c0 .173.14.313.313.313h.624c.173 0 .313-.14.313-.313v-.312zm.624 1.938a.625.625 0 0 0-.621-.552h-5l-.073.004a.625.625 0 0 0-.552.62v3.75l.004.074c.036.31.3.552.621.552h5l.073-.004c.31-.036.552-.3.552-.621v-3.75z"},void 0,0,{fileName:Yl,lineNumber:22,columnNumber:9
+},this),bi("path",{fill:"currentColor",
+d:"M8.342 16.682a8 8 0 1 1 7.582-9.105 3 3 0 0 0-.166-.17c-.807-.762-1.871-.968-2.883-.968-1.053 0-2.148.233-2.958 1.042-.81.81-1.042 1.905-1.042 2.958v.369a2 2 0 0 0-.308.388 21 21 0 0 0-1.427.009c.093.81.232 1.545.407 2.159.094.327.195.608.297.835l.078.16.078.139c.053-.106.198.61.25.476v1.133l.01.16.004.043q.023.192.078.372M2.91 11.867l.17-.059.248-.075a13 13 0 0 1 1.807-.36l.054.451.054.382a12.6 12.6 0 0 0 .467 2.03 6.02 6.02 0 0 1-2.8-2.37m-.765-4.493.001-.012c.783.285 1.763.504 2.862.645l-.006.379v.606l.006.38c-1.099.14-2.079.36-2.86.645a6 6 0 0 1-.003-2.643m6.59.806.26-.01.005.519-.006.52a26 26 0 0 0-1.988 0A24 24 0 0 1 7 8.69l.006-.518a26 26 0 0 0 1.73.009M8 2.879l-.077.14a5.6 5.6 0 0 0-.375.995 14 14 0 0 0-.408 2.158q.425.019.861.018.436 0 .86-.016a13.7 13.7 0 0 0-.407-2.16 6 6 0 0 0-.297-.835l-.078-.16zm-2.334.281.045-.019c-.23.694-.403 1.51-.521 2.412l-.055.453c-.877-.118-1.641-.288-2.225-.494A6.02 6.02 0 0 1 5.665 3.16m4.625-.019.05.158c.17.548.308 1.168.413 1.843l.058.411.054.453c.877-.118 1.642-.288 2.226-.493a6.03 6.03 0 0 0-2.536-2.254z"
+},void 0,0,{fileName:Yl,lineNumber:26,columnNumber:9},this)]},void 0,0,{fileName:Yl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Yl,lineNumber:11,columnNumber:5},this)},GoogleDriveIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"GoogleDriveIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Zl,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"m15.539 9.51-4.872-8.44H5.333l4.872 8.44zM4.87 1.87 0 10.31l2.667 4.62 4.871-8.44zm1.387 8.44L3.59 14.93h9.742L16 10.31z"},void 0,0,{fileName:Zl,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Zl,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Zl,lineNumber:11,columnNumber:5},this)},GraphIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"GraphIcon",...e,
+children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:en,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M14 0a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V2a2 2 0 0 0-2-2M6 6a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0zM0 10a2 2 0 1 1 4 0v4a2 2 0 1 1-4 0z"},void 0,0,{fileName:en,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:en,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:en,lineNumber:11,columnNumber:5},this)},GridIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"GridIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:ln,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M1 2a1 1 0 0 1 1-1h4.5a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zM8.5 2a1 1 0 0 1 1-1H14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H9.5a1 1 0 0 1-1-1zM1 7a1 1 0 0 1 1-1h4.5a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zM8.5 7a1 1 0 0 1 1-1H14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H9.5a1 1 0 0 1-1-1zM1 12a1 1 0 0 1 1-1h4.5a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zM8.5 12a1 1 0 0 1 1-1H14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H9.5a1 1 0 0 1-1-1z"},void 0,0,{fileName:ln,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:ln,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:ln,lineNumber:11,columnNumber:5},this)},GroupsFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"GroupsFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:on,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M11.429 6.857a3.429 3.429 0 1 1-6.858 0 3.429 3.429 0 0 1 6.858 0M3.429 4.571a2.286 2.286 0 1 0 0-4.571 2.286 2.286 0 0 0 0 4.571M12.571 4.571a2.286 2.286 0 1 0 0-4.57 2.286 2.286 0 0 0 0 4.57M4.571 11.429a2.286 2.286 0 0 0-2.285 2.285v1.143c0 .631.511 1.143 1.143 1.143h9.142c.632 0 1.143-.512 1.143-1.143v-1.143a2.286 2.286 0 0 0-2.285-2.285zM4.976 10.286H1.143A1.143 1.143 0 0 1 0 9.143V8a2.286 2.286 0 0 1 2.286-2.286h1.287a4.58 4.58 0 0 0 1.403 4.572M11.024 10.286h3.833c.631 0 1.143-.512 1.143-1.143V8a2.286 2.286 0 0 0-2.286-2.286h-1.287a4.58 4.58 0 0 1-1.403 4.572"},void 0,0,{fileName:on,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:on,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:on,lineNumber:11,columnNumber:5},this)},GroupsIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"GroupsIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"
+},void 0,0,{fileName:nn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M2 14a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v1a1 1 0 1 1-2 0v-1a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v1a1 1 0 1 1-2 0zM0 8a2.5 2.5 0 0 1 2.5-2.5H3a1 1 0 0 1 0 2h-.5A.5.5 0 0 0 2 8v1.5a1 1 0 1 1-2 0zM16 8a2.5 2.5 0 0 0-2.5-2.5H13a1 1 0 1 0 0 2h.5a.5.5 0 0 1 .5.5v1.5a1 1 0 1 0 2 0zM8 8.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m0 2a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7M12.5 4.25a2 2 0 1 0 0-4 2 2 0 0 0 0 4M3.5 4.25a2 2 0 1 0 0-4 2 2 0 0 0 0 4"},void 0,0,{fileName:nn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:nn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:nn,lineNumber:11,columnNumber:5},this)},HelpIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"HelpIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:rn,lineNumber:21,columnNumber:9
+},this),bi("path",{fill:"currentColor",d:"M13 4.5C13 1.983 10.734 0 8 0S3 1.983 3 4.5a1 1 0 0 0 2 0C5 3.151 6.316 2 8 2s3 1.151 3 2.5S9.684 7 8 7a1 1 0 0 0-1 1v1.5l.007.117A1 1 0 0 0 9 9.5v-.59c2.265-.415 4-2.208 4-4.41M10 14a2 2 0 1 0-4 0 2 2 0 0 0 4 0"},void 0,0,{fileName:rn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:rn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:rn,lineNumber:11,columnNumber:5},this)},HideFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"HideFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:un,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"m1.613.21.094.083 14 14a1 1 0 0 1-1.32 1.497l-.094-.083-14-14A1 1 0 0 1 1.613.21m-.038 4.195 3.43 3.429L5 8a3 3 0 0 0 3 3l.166-.006 2.631 2.632C9.923 13.87 8.98 14 8 14c-4.36 0-8-2.6-8-6 0-1.367.588-2.604 1.575-3.596M16 8c0-3.4-3.64-6-8-6-.98 0-1.924.131-2.798.374l2.631 2.631L8 5a3 3 0 0 1 3 3l-.005.166 3.43 3.43C15.412 10.604 16 9.365 16 8"},void 0,0,{fileName:un,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:un,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:un,lineNumber:11,columnNumber:5},this)},HideIcon:mn,HighlightIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"HighlightIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:cn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M13 1a1 1 0 0 0-1-1h-2l-.117.007a1 1 0 0 0-.75 1.493A1 1 0 0 0 9 2v6l.009.134a1 1 0 0 0 .125.365.996.996 0 0 0 .374 1.37A1 1 0 0 0 9.5 10v2l.006.114c.087.814 1.098 1.196 1.701.593l1-1 .087-.099A1 1 0 0 0 12.5 11l.001-1.134a1 1 0 0 0 .365-1.366A1 1 0 0 0 13 8V2l-.009-.134a1 1 0 0 0-.125-.365A1 1 0 0 0 13 1m0 14a1 1 0 0 0-1-1H1l-.117.007A1 1 0 0 0 1 16h11l.117-.007A1 1 0 0 0 13 15"},void 0,0,{fileName:cn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:cn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:cn,lineNumber:11,columnNumber:5},this)},ImageFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ImageFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:sn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M2 0h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2m7.541 5.122.055.069 3.333 5.143a.432.432 0 0 1-.266.658l-.08.008H9.23a.93.93 0 0 0-.076-.98l-1.79-2.456 1.54-2.373a.41.41 0 0 1 .637-.069M6.19 6.818l.061.068 2.5 3.428c.19.261.038.625-.257.68L8.417 11h-5c-.317 0-.508-.344-.373-.619l.04-.067 2.5-3.428a.41.41 0 0 1 .605-.068"},void 0,0,{fileName:sn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:sn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:sn,lineNumber:11,columnNumber:5},this)},ImageIcon:dn,InfoIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"InfoIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Nn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16M8 5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M8 7a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0V8a1 1 0 0 0-1-1"
+},void 0,0,{fileName:Nn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Nn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Nn,lineNumber:11,columnNumber:5},this)},LeaveFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"LeaveFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:bn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M0 8c0-4.052 3.948-8 8-8s8 3.948 8 8-3.948 8-8 8-8-3.948-8-8m6.613-2.79a1 1 0 0 0-1.226 0l-.094.083-.083.094a1 1 0 0 0 0 1.226l.083.094L6.585 8 5.293 9.293l-.083.094a1 1 0 0 0 .083 1.32l.094.083a1 1 0 0 0 1.32-.083L8 9.415l1.293 1.292.094.083a1 1 0 0 0 1.32-1.497L9.415 8l1.292-1.293.083-.094A1 1 0 0 0 9.387 5.21l-.094.083L8 6.585 6.707 5.293z"},void 0,0,{fileName:bn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:bn,lineNumber:20,columnNumber:7},this)},void 0,0,{
+fileName:bn,lineNumber:11,columnNumber:5},this)},LeaveIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"LeaveIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:hn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M8 0c4.052 0 8 3.948 8 8s-3.948 8-8 8-8-3.948-8-8 3.948-8 8-8m0 2C5.052 2 2 5.052 2 8s3.052 6 6 6 6-3.052 6-6-3.052-6-6-6m2.707 4.707.08-.087c.778-.94-.58-2.241-1.494-1.327L8 6.585 6.707 5.293l-.094-.083a1 1 0 0 0-1.32 1.497L6.585 8 5.293 9.293l-.08.087c-.778.94.58 2.241 1.494 1.327L8 9.415l1.293 1.292.094.083a1 1 0 0 0 1.32-1.497L9.415 8z"},void 0,0,{fileName:hn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:hn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:hn,lineNumber:11,columnNumber:5},this)},LinkIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",
+"aria-hidden":"true",viewBox:"0 0 16 16","data-component":"LinkIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:fn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M15.004 6.108c1.412-1.466 1.29-3.735-.152-5.073-1.45-1.346-3.88-1.415-5.406 0l-.09.095L8.3 2.404l-.074.101a1 1 0 0 0 .205 1.307l.102.074a1 1 0 0 0 1.306-.205l1.005-1.211.091-.076c.748-.573 1.896-.507 2.558.107.66.613.694 1.645 0 2.29l-.08.082-3.077 3.592c-.805.723-1.856.713-2.655-.028a1 1 0 0 0-1.36 1.466c1.576 1.463 3.83 1.463 5.406 0l.06-.06 3.118-3.638zM9.733 7.51a1 1 0 0 0-.053-1.413c-1.576-1.463-3.83-1.463-5.406 0l-.08.082-3.099 3.615-.099.098c-1.412 1.466-1.29 3.735.152 5.073 1.45 1.346 3.88 1.415 5.406 0l.09-.095L7.7 13.596l.074-.101a1 1 0 0 0-.205-1.307l-.102-.074a1 1 0 0 0-1.306.205l-1.006 1.21-.09.077c-.748.573-1.896.507-2.558-.107a1.544 1.544 0 0 1 0-2.29l.08-.082 3.077-3.592c.805-.723 1.856-.713 2.655.028a1 1 0 0 0 1.413-.053"},void 0,0,{
+fileName:fn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:fn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:fn,lineNumber:11,columnNumber:5},this)},ListIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ListIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:vn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M16 3a1 1 0 0 0-1-1H1l-.117.007A1 1 0 0 0 1 4h14l.117-.007A1 1 0 0 0 16 3m-1 4a1 1 0 0 1 .117 1.993L15 9H1a1 1 0 0 1-.117-1.993L1 7zm0 5a1 1 0 0 1 .117 1.993L15 14H1a1 1 0 0 1-.117-1.993L1 12z"},void 0,0,{fileName:vn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:vn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:vn,lineNumber:11,columnNumber:5},this)},ListOrderedIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",
+viewBox:"0 0 16 16","data-component":"ListOrderedIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:pn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"m3.237 0 .052.008q.066.015.12.061a.25.25 0 0 1 .083.132l.006.052-.004 3.167.744.001.051.007a.3.3 0 0 1 .119.058q.067.054.086.132l.006.053-.001.595-.01.05a.278.278 0 0 1-.197.176l-.07.008H1.29l-.051-.008a.3.3 0 0 1-.12-.061.25.25 0 0 1-.084-.132l-.006-.052.001-.596.01-.05a.25.25 0 0 1 .077-.113.3.3 0 0 1 .12-.06l.069-.008.932.002.003-1.959-.796.629-.068.037a.3.3 0 0 1-.196-.002.25.25 0 0 1-.172-.179L1 1.881v-.587l.007-.089.015-.075a.35.35 0 0 1 .073-.132l.06-.059.83-.758.04-.036A1 1 0 0 1 2.139.07a.5.5 0 0 1 .183-.062L2.428 0zm-.46 5.5q.351 0 .66.101.311.102.544.288t.372.437q.14.256.14.551 0 .284-.145.542-.105.185-.258.34l-.108.1L2.71 8.932l1.52.001.053.006q.066.015.12.056.071.054.091.132l.007.054-.002.59-.01.05a.25.25 0 0 1-.083.113.3.3 0 0 1-.121.059L4.216 10H1.27l-.053-.007a.3.3 0 0 1-.122-.059.25.25 0 0 1-.089-.132L1 9.748v-.711l.004-.05a.3.3 0 0 1 .04-.115l.034-.043.035-.033L3.04 7.167l.036-.036a1 1 0 0 0 .08-.114.3.3 0 0 0 .055-.145.27.27 0 0 0-.099-.21q-.1-.093-.303-.094-.244 0-.369.093a.24.24 0 0 0-.103.147l-.006.064-.002.123-.01.052a.25.25 0 0 1-.084.112.3.3 0 0 1-.12.058l-.069.008h-.726l-.053-.007a.3.3 0 0 1-.121-.059.25.25 0 0 1-.09-.132l-.006-.054V6.87l.01-.137q.026-.216.135-.407.14-.25.379-.437.236-.185.544-.287.309-.1.658-.101m.617 6.103a2 2 0 0 0-.646-.103q-.34 0-.645.103a1.7 1.7 0 0 0-.533.286 1.5 1.5 0 0 0-.366.43q-.105.19-.132.402l-.008.135v.097l.006.052q.02.076.087.131a.3.3 0 0 0 .12.059l.052.006.712.001.067-.007a.3.3 0 0 0 .119-.059.25.25 0 0 0 .081-.111l.01-.051.002-.11.006-.065a.24.24 0 0 1 .098-.148q.12-.09.324-.09.212 0 .329.09c.07.053.103.12.103.213a.26.26 0 0 1-.104.222.45.45 0 0 1-.224.086l-.112.006h-.077l-.069.008a.3.3 0 0 0-.12.06.25.25 0 0 0-.079.111l-.01.05-.001.57.006.053q.02.077.087.132a.3.3 0 0 0 .12.058l.051.007h.1l.114.007a.54.54 0 0 1 .262.095c.08.06.12.14.12.253a.29.29 0 0 1-.12.252.6.6 0 0 1-.376.102q-.247-.001-.378-.101a.28.28 0 0 1-.112-.186l-.005-.077v-.047l-.006-.054a.24.24 0 0 0-.09-.133.3.3 0 0 0-.118-.056l-.051-.006-.708-.001-.07.007a.3.3 0 0 0-.12.06.25.25 0 0 0-.079.112l-.01.05-.001.078.009.148q.027.22.132.418.14.259.382.45.24.187.555.294.316.108.67.108t.67-.107.555-.296q.243-.19.384-.449.143-.264.143-.566 0-.28-.14-.538l-.075-.122-.057-.075a1 1 0 0 0-.131-.134l-.047-.035.063-.061q.11-.122.189-.269.123-.228.124-.484 0-.29-.134-.543a1.4 1.4 0 0 0-.364-.432 1.8 1.8 0 0 0-.534-.286M16 14a1 1 0 0 0-1-1H7l-.117.007A1 1 0 0 0 7 15h8l.117-.007A1 1 0 0 0 16 14m0-6a1 1 0 0 0-1-1H7l-.117.007A1 1 0 0 0 7 9h8l.117-.007A1 1 0 0 0 16 8m0-6a1 1 0 0 0-1-1H7l-.117.007A1 1 0 0 0 7 3h8l.117-.007A1 1 0 0 0 16 2"
+},void 0,0,{fileName:pn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:pn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:pn,lineNumber:11,columnNumber:5},this)},ListUnorderedIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ListUnorderedIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:gn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M2 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m0 6a2 2 0 1 1 0 4 2 2 0 0 1 0-4m2 8a2 2 0 1 0-4 0 2 2 0 0 0 4 0m12 0a1 1 0 0 0-1-1H7l-.117.007A1 1 0 0 0 7 15h8l.117-.007A1 1 0 0 0 16 14m0-6a1 1 0 0 0-1-1H7l-.117.007A1 1 0 0 0 7 9h8l.117-.007A1 1 0 0 0 16 8m0-6a1 1 0 0 0-1-1H7l-.117.007A1 1 0 0 0 7 3h8l.117-.007A1 1 0 0 0 16 2"},void 0,0,{fileName:gn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:gn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:gn,lineNumber:11,
+columnNumber:5},this)},LockFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"LockFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:In,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M11.995 4.783C11.882 2.123 10.69 1 8 1 5.239 1 4 2.239 4 5v.5a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V5l.005-.176C6.096 3.249 6.402 3 8 3c1.657 0 2 .343 2 2v.5a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V5zm.998 3.1A1 1 0 0 0 12 7H4l-.117.007A1 1 0 0 0 3 8v6l.007.117A1 1 0 0 0 4 15h8l.117-.007A1 1 0 0 0 13 14V8z"},void 0,0,{fileName:In,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:In,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:In,lineNumber:11,columnNumber:5},this)},LockIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16",
+"data-component":"LockIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:wn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M11.995 4.783C11.882 2.123 10.69 1 8 1 5.239 1 4 2.239 4 5v.5a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V5l.005-.176C6.096 3.249 6.402 3 8 3c1.657 0 2 .343 2 2v.5a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V5zM5.5 9a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zM4 7a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1z"},void 0,0,{fileName:wn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:wn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:wn,lineNumber:11,columnNumber:5},this)},LogoIcon:yn,LogoutIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"LogoutIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{
+fileName:Sn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M10 1a1 1 0 0 0-1-1H1L.883.007A1 1 0 0 0 0 1v14l.007.117A1 1 0 0 0 1 16h8l.117-.007A1 1 0 0 0 10 15l-.007-.117A1 1 0 0 0 9 14H1.999V2H9l.117-.007A1 1 0 0 0 10 1m1.707 2.293-.094-.083a1 1 0 0 0-1.32.083l-.083.094a1 1 0 0 0 .083 1.32L12.585 7H5l-.117.007A1 1 0 0 0 5 9h7.585l-2.292 2.293-.083.094a1 1 0 0 0 1.497 1.32l4-4 .083-.094a1 1 0 0 0-.083-1.32z"},void 0,0,{fileName:Sn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Sn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Sn,lineNumber:11,columnNumber:5},this)},MentionIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"MentionIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:kn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M8.195 16q-1.95 0-3.47-.53-1.522-.523-2.574-1.54-1.05-1.01-1.601-2.47T0 8.137q0-1.838.55-3.335.555-1.497 1.62-2.568Q3.232 1.156 4.767.578 6.307 0 8.275 0q1.821 0 3.251.53 1.436.529 2.433 1.509a6.4 6.4 0 0 1 1.521 2.319q.526 1.338.52 2.963a9.5 9.5 0 0 1-.196 2.057 5.1 5.1 0 0 1-.635 1.638q-.428.694-1.125 1.101-.697.402-1.687.457-.708.055-1.149-.104-.44-.158-.672-.469a1.7 1.7 0 0 1-.293-.736h-.074q-.146.366-.574.663a3.4 3.4 0 0 1-1.045.457 4.2 4.2 0 0 1-1.302.116 3.9 3.9 0 0 1-1.369-.335 3.5 3.5 0 0 1-1.143-.846q-.495-.554-.782-1.37-.28-.815-.287-1.886.006-1.058.3-1.844.299-.786.788-1.32.494-.537 1.1-.84a3.9 3.9 0 0 1 1.216-.39q.69-.105 1.308 0 .617.103 1.039.335.427.23.531.499h.086v-.682h1.913v5.94q.006.42.19.651a.6.6 0 0 0 .494.231q.423 0 .703-.37.287-.372.428-1.139.147-.766.147-1.954 0-1.144-.306-2.008-.3-.87-.843-1.479a4.4 4.4 0 0 0-1.253-.998 5.8 5.8 0 0 0-1.552-.56 8.2 8.2 0 0 0-1.712-.176q-1.521 0-2.658.462-1.137.458-1.895 1.284a5.4 5.4 0 0 0-1.136 1.942 7.7 7.7 0 0 0-.38 2.416q.008 1.442.404 2.556.403 1.108 1.186 1.862.782.755 1.93 1.145 1.15.39 2.641.389.703 0 1.375-.104.672-.097 1.216-.243.544-.14.874-.274l.605 1.765q-.385.219-1.045.408-.654.195-1.479.31Q9.063 16 8.195 16m-.28-5.502q.745 0 1.185-.286.446-.285.636-.846.195-.566.183-1.393-.006-.731-.19-1.236a1.4 1.4 0 0 0-.617-.773q-.434-.267-1.21-.268-.678 0-1.155.287a1.87 1.87 0 0 0-.721.803q-.245.51-.25 1.205.005.645.207 1.223.202.573.666.931.465.354 1.265.353"
+},void 0,0,{fileName:kn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:kn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:kn,lineNumber:11,columnNumber:5},this)},MenuCollapseIcon:Ln,MenuExpandIcon:An,MinusIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"MinusIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Mn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M14 8a1 1 0 0 0-1-1H3l-.117.007A1 1 0 0 0 3 9h10l.117-.007A1 1 0 0 0 14 8"},void 0,0,{fileName:Mn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Mn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Mn,lineNumber:11,columnNumber:5},this)},NoteFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"NoteFilledIcon",...e,
+children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:zn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M15.995 1.85A2 2 0 0 0 14 0H2l-.15.005A2 2 0 0 0 0 2v12l.005.15A2 2 0 0 0 2 16h3a1 1 0 0 0 1-1V9a1 1 0 0 1 1-1h8a1 1 0 0 0 1-1V2zM16 9.25a.25.25 0 0 0-.25-.25H8a1 1 0 0 0-1 1v5.75c0 .138.112.25.25.25z"},void 0,0,{fileName:zn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:zn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:zn,lineNumber:11,columnNumber:5},this)},NoteIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"NoteIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Tn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M14 0a2 2 0 0 1 1.995 1.85L16 2v7a1 1 0 0 1-.31.724l-.09.076-8 6a1 1 0 0 1-.471.192L7 16H2a2 2 0 0 1-1.995-1.85L0 14V2A2 2 0 0 1 1.85.005L2 0zm0 2H2v12h4V9a1 1 0 0 1 .883-.993L7 8h7zm-6 8h4l-4 3z"},void 0,0,{fileName:Tn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Tn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Tn,lineNumber:11,columnNumber:5},this)},OneDriveIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"OneDriveIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Dn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M5.14 8.277a3.574 3.574 0 0 1 6.057-1.608c.293-.098.599-.155.908-.168v-.104c0-1.985-1.476-3.595-3.295-3.595-1.3 0-2.415.83-2.95 2.024a2.4 2.4 0 0 0-1.355-.428c-1.427 0-2.583 1.261-2.583 2.818 0 .167.019.33.045.49C.866 7.814.004 8.94.004 10.169q.002.017.003.036c0 .01-.007.022-.007.033 0 .492.171.941.449 1.304a2.1 2.1 0 0 0 1.71.856h1.01a2.86 2.86 0 0 1-.32-1.291 2.895 2.895 0 0 1 2.292-2.83m9.165 1.544c-.02 0-.04.005-.06.006.005-.059.017-.117.017-.177a2.13 2.13 0 0 0-2.13-2.13c-.451 0-.89.145-1.251.412a2.575 2.575 0 0 0-4.1-.61 2.6 2.6 0 0 0-.758 1.83c0 .018.005.034.005.052a2 2 0 0 0-.287-.029 1.93 1.93 0 0 0-1.892 2.321 2.09 2.09 0 0 0 2.052 1.702h8.561v-.016a1.684 1.684 0 0 0-.157-3.361"},void 0,0,{fileName:Dn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Dn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Dn,lineNumber:11,columnNumber:5},this)},OrderableIcon:Pn,PauseIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",
+viewBox:"0 0 16 16","data-component":"PauseIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Bn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M4.5 2C3.672 2 3 2.504 3 3.125v9.75C3 13.496 3.672 14 4.5 14S6 13.496 6 12.875v-9.75C6 2.504 5.328 2 4.5 2M11.5 2c-.828 0-1.5.504-1.5 1.125v9.75c0 .621.672 1.125 1.5 1.125s1.5-.504 1.5-1.125v-9.75C13 2.504 12.328 2 11.5 2"},void 0,0,{fileName:Bn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Bn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Bn,lineNumber:11,columnNumber:5},this)},PendingIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"PendingIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:En,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M6.956.068a8 8 0 0 1 2.088 0 .889.889 0 1 1-.23 1.762 6.3 6.3 0 0 0-1.628 0 .889.889 0 0 1-.23-1.762m4.668 1.748a.89.89 0 0 1 1.247-.163c.554.426 1.05.922 1.476 1.476a.889.889 0 0 1-1.41 1.083 6.3 6.3 0 0 0-1.15-1.15.89.89 0 0 1-.163-1.246m-7.248 0c.299.39.226.948-.164 1.247a6.3 6.3 0 0 0-1.15 1.15.889.889 0 0 1-1.409-1.084A8 8 0 0 1 3.13 1.653a.89.89 0 0 1 1.247.163m10.56 4.374a.89.89 0 0 1 .996.766 8 8 0 0 1 0 2.088.889.889 0 1 1-1.762-.23 6.3 6.3 0 0 0 0-1.628.89.89 0 0 1 .766-.996m-13.872 0c.487.063.83.51.766.996a6.3 6.3 0 0 0 0 1.628.889.889 0 0 1-1.762.23 8 8 0 0 1 0-2.088.89.89 0 0 1 .996-.766m13.12 5.434c.389.3.462.857.163 1.247a8 8 0 0 1-1.476 1.476.889.889 0 0 1-1.084-1.41 6.3 6.3 0 0 0 1.15-1.15.89.89 0 0 1 1.247-.163m-12.368 0a.89.89 0 0 1 1.247.163c.331.432.718.819 1.15 1.15a.889.889 0 0 1-1.084 1.41 8 8 0 0 1-1.476-1.476.89.89 0 0 1 .163-1.247m4.374 3.312a.89.89 0 0 1 .996-.766 6.3 6.3 0 0 0 1.628 0 .889.889 0 1 1 .23 1.762 8 8 0 0 1-2.088 0 .89.89 0 0 1-.766-.996","clip-rule":"evenodd"
+},void 0,0,{fileName:En,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:En,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:En,lineNumber:11,columnNumber:5},this)},PinFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"PinFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:On,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M4 0a1 1 0 0 0 0 2 .5.5 0 0 1 .5.5v.146a.5.5 0 0 1-.053.224L3.106 5.553A1 1 0 0 0 3 6v3a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6a1 1 0 0 0-.106-.447L11.553 2.87a.5.5 0 0 1-.053-.224V2.5A.5.5 0 0 1 12 2a1 1 0 1 0 0-2zM9.043 11h-2l.075 4.024a1 1 0 1 0 2-.047z"},void 0,0,{fileName:On,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:On,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:On,lineNumber:11,columnNumber:5},this)},PinIcon:function(e){return bi("svg",{
+xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"PinIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Rn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M3 1a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2 .5.5 0 0 0-.5.5v.146a.5.5 0 0 0 .053.224l1.341 2.683c.07.139.106.292.106.447v3a1 1 0 0 1-1 1H9.024l.093 4.977a1 1 0 0 1-2 .046L7.024 10H4a1 1 0 0 1-1-1V6a1 1 0 0 1 .106-.447L4.447 2.87a.5.5 0 0 0 .053-.224V2.5A.5.5 0 0 0 4 2a1 1 0 0 1-1-1m4 1a.5.5 0 0 0-.5.5V3a1 1 0 0 1-.106.447L5.053 6.13A.5.5 0 0 0 5 6.355V7.5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5V6.354a.5.5 0 0 0-.053-.224L9.606 3.448A1 1 0 0 1 9.5 3v-.5A.5.5 0 0 0 9 2z","clip-rule":"evenodd"},void 0,0,{fileName:Rn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Rn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Rn,lineNumber:11,columnNumber:5},this)},PlusIcon:function(e){return bi("svg",{
+xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"PlusIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Fn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M8.993 2.867 9 3v3.999L13 7a1 1 0 0 1 .117 1.993L13 9H9v4c0 1.287-1.864 1.332-1.993.133L7 13V9H3a1 1 0 0 1-.117-1.993L3 7h4V3c0-1.287 1.864-1.332 1.993-.133"},void 0,0,{fileName:Fn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Fn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Fn,lineNumber:11,columnNumber:5},this)},PointerDownIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"9","data-component":"PointerDownIcon",...e,children:bi("path",{stroke:"currentColor",d:"m15.5 0-7 8-8-8"},void 0,0,{fileName:qn,lineNumber:18,columnNumber:7},this)},void 0,0,{fileName:qn,lineNumber:11,columnNumber:5},this)},PointerUpIcon:function(e){return bi("svg",{
+xmlns:"http://www.w3.org/2000/svg",width:"16",height:"9","data-component":"PointerUpIcon",...e,children:bi("path",{stroke:"currentColor",d:"m.5 9 7-8 8 8"},void 0,0,{fileName:jn,lineNumber:18,columnNumber:7},this)},void 0,0,{fileName:jn,lineNumber:11,columnNumber:5},this)},PreviewFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"PreviewFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Vn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0M6.006 4.89A1 1 0 0 1 7.6 4.2l4 3 .1.085a1 1 0 0 1-.1 1.515l-4 3-.092.061A1 1 0 0 1 6 11V5z"},void 0,0,{fileName:Vn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Vn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Vn,lineNumber:11,columnNumber:5},this)},PreviewIcon:function(e){return bi("svg",{
+xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"PreviewIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Un,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m0 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2m-.492 2.138A1 1 0 0 0 6 5v6l.006.11a1 1 0 0 0 1.594.69l4-3 .1-.085a1 1 0 0 0-.1-1.515l-4-3z"},void 0,0,{fileName:Un,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Un,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Un,lineNumber:11,columnNumber:5},this)},ProfileFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ProfileFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:$n,lineNumber:21,columnNumber:9},this),bi("path",{
+fill:"currentColor",d:"M12 4a4 4 0 1 0-8 0 4 4 0 0 0 8 0m4 11c0-3.4-3.64-6-8-6s-8 2.6-8 6a1 1 0 0 0 1 1h14l.117-.007A1 1 0 0 0 16 15"},void 0,0,{fileName:$n,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:$n,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:$n,lineNumber:11,columnNumber:5},this)},ProfileIcon:Gn,RadioCheckedIcon:Qn,RadioIcon:Kn,RedoIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"RedoIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Yn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M3.717 5.42c-.206.34-.558.58-.955.58H2.63c-.67 0-1.148-.648-.837-1.24A7 7 0 0 1 8 1a7 7 0 0 1 6 3.393V3a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h1.584a5.001 5.001 0 0 0-8.867-.58M2 13v-1.392A7 7 0 0 0 8 15a7 7 0 0 0 6.206-3.76c.31-.592-.168-1.24-.837-1.24h-.13c-.398 0-.75.24-.956.58A5.001 5.001 0 0 1 3.416 10H5a1 1 0 0 0 0-2H1a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0"},void 0,0,{fileName:Yn,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Yn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Yn,lineNumber:11,columnNumber:5},this)},RefreshIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"RefreshIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Zn,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M8 0a1 1 0 0 1 .993.883L9 1v7.585l1.293-1.292a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 .083 1.32l-.083.094-3 3a1 1 0 0 1-1.32.083l-.094-.083-3-3a1 1 0 0 1 1.32-1.497l.094.083L7 8.585V1a1 1 0 0 1 1-1"},void 0,0,{fileName:Zn,lineNumber:22,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M4.82 1.683a1 1 0 0 1-.248 1.392 6 6 0 1 0 6.856 0 1 1 0 0 1 1.144-1.64 8 8 0 1 1-9.144 0 1 1 0 0 1 1.392.248","clip-rule":"evenodd"},void 0,0,{fileName:Zn,lineNumber:26,columnNumber:9},this)]},void 0,0,{fileName:Zn,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Zn,lineNumber:11,columnNumber:5},this)},ReplyIcon:io,RestrictedIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"RestrictedIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:lo,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M8 0c1.682 0 3.346.68 4.717 1.766l.08.063.285.241.31.285.128.125.16.165.243.265.311.373C15.32 4.653 16 6.318 16 8c0 4.052-3.948 8-8 8-1.682 0-3.346-.68-4.717-1.766l-.056-.044a9 9 0 0 1-.322-.272l-.131-.118-.167-.156-.132-.13-.152-.156-.253-.276-.304-.365C.68 11.347 0 9.682 0 8c0-4.052 3.948-8 8-8m4.765 4.651L4.65 12.765C5.654 13.523 6.835 14 8 14c2.948 0 6-3.052 6-6 0-1.165-.477-2.346-1.235-3.349M2 8c0-2.948 3.052-6 6-6 1.165 0 2.347.477 3.35 1.236L3.236 11.35C2.476 10.347 2 9.165 2 8"},void 0,0,{fileName:lo,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:lo,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:lo,lineNumber:11,columnNumber:5},this)},SchoolFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"SchoolFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:oo,lineNumber:21,columnNumber:9},this),bi("path",{
+fill:"currentColor",d:"M7.504 1.132a1 1 0 0 1 .992 0l6.983 3.99A1 1 0 0 1 16 6v6a1 1 0 1 1-2 0V7.723l-5.504 3.145a1 1 0 0 1-.992 0l-7-4a1 1 0 0 1 0-1.736z"},void 0,0,{fileName:oo,lineNumber:22,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M2.5 11V8.585l4.756 2.717a1.5 1.5 0 0 0 1.488 0L13.5 8.585V11a4 4 0 0 1-4 4h-3a4 4 0 0 1-4-4"},void 0,0,{fileName:oo,lineNumber:26,columnNumber:9},this)]},void 0,0,{fileName:oo,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:oo,lineNumber:11,columnNumber:5},this)},SchoolIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"SchoolIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:no,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M7.504 1.132a1 1 0 0 1 .992 0l6.983 3.99A1 1 0 0 1 16 6v6a1 1 0 1 1-2 0V7.723l-.5.286V11a4 4 0 0 1-4 4h-3a4 4 0 0 1-4-4V8.009L.504 6.869a1 1 0 0 1 0-1.737zM4.5 9.152V11a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V9.152l-3.004 1.716a1 1 0 0 1-.992 0zM3.016 6 8 8.848 12.984 6 8 3.152z"},void 0,0,{fileName:no,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:no,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:no,lineNumber:11,columnNumber:5},this)},SearchIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"SearchIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:ro,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M12 6a6 6 0 1 0-2.525 4.892l4.818 4.815.094.083a1 1 0 0 0 1.32-1.497L10.89 9.474A5.97 5.97 0 0 0 12 6M2 6a4 4 0 1 1 6.961 2.69l-.15.155-.16.152A3.98 3.98 0 0 1 6 10a4 4 0 0 1-4-4"},void 0,0,{fileName:ro,
+lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:ro,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:ro,lineNumber:11,columnNumber:5},this)},SelectionIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"SelectionIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:to,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M2.5 0h-1A1.5 1.5 0 0 0 0 1.5v1a1.5 1.5 0 0 0 1 1.415v8.17A1.5 1.5 0 0 0 0 13.5v1A1.5 1.5 0 0 0 1.5 16h1a1.5 1.5 0 0 0 1.415-1h8.17a1.5 1.5 0 0 0 1.415 1h1a1.5 1.5 0 0 0 1.5-1.5v-1a1.5 1.5 0 0 0-1-1.415v-8.17A1.5 1.5 0 0 0 16 2.5v-1A1.5 1.5 0 0 0 14.5 0h-1a1.5 1.5 0 0 0-1.415 1h-8.17A1.5 1.5 0 0 0 2.5 0m9.585 13c.151-.426.489-.764.915-.915v-8.17A1.5 1.5 0 0 1 12.085 3h-8.17c-.151.426-.489.764-.915.915v8.17c.426.151.764.489.915.915zM1 1.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zM1.5 13a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM13 1.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm.5 11.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z","clip-rule":"evenodd"},void 0,0,{fileName:to,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:to,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:to,lineNumber:11,columnNumber:5},this)},SettingsIcon:uo,ShareIcon:ao,ShowFilledIcon:function(e){
+return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ShowFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:ho,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M16 8c0-3.4-3.64-6-8-6S0 4.6 0 8s3.64 6 8 6 8-2.6 8-6M5 8a3 3 0 1 1 6 0 3 3 0 0 1-6 0"},void 0,0,{fileName:ho,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:ho,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:ho,lineNumber:11,columnNumber:5},this)},ShowIcon:No,SocialFacebookIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"SocialFacebookIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:bo,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M15.999 8.049c0-4.445-3.582-8.049-8-8.049S0 3.604 0 8.049C0 12.066 2.925 15.396 6.75 16v-5.624H4.717V8.049H6.75V6.276c0-2.018 1.195-3.132 3.022-3.132.875 0 1.79.157 1.79.157v1.981h-1.008c-.994 0-1.304.62-1.304 1.257v1.51h2.219l-.355 2.327H9.25V16c3.825-.604 6.75-3.934 6.75-7.951z","clip-rule":"evenodd"},void 0,0,{fileName:bo,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:bo,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:bo,lineNumber:11,columnNumber:5},this)},SocialTwitterIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"SocialTwitterIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:fo,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M15.969 3.049c-.59.259-1.22.436-1.884.516a3.3 3.3 0 0 0 1.442-1.815c-.634.37-1.336.64-2.084.79a3.28 3.28 0 0 0-5.59 2.988 9.3 9.3 0 0 1-6.76-3.418C.799 2.61.646 3.18.65 3.76c0 1.14.58 2.142 1.459 2.73a3.3 3.3 0 0 1-1.485-.41v.04a3.28 3.28 0 0 0 2.63 3.218 3.3 3.3 0 0 1-1.474.057 3.29 3.29 0 0 0 3.069 2.278A6.58 6.58 0 0 1 .78 13.076q-.39 0-.78-.044a9.33 9.33 0 0 0 5.038 1.472c6.036 0 9.332-4.997 9.332-9.323 0-.14 0-.28-.01-.42a6.6 6.6 0 0 0 1.64-1.7z","clip-rule":"evenodd"},void 0,0,{fileName:fo,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:fo,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:fo,lineNumber:11,columnNumber:5},this)},SortIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"SortIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:vo,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M4.707.293 4.613.21a1 1 0 0 0-1.32.083l-3 3-.083.094a1 1 0 0 0 .083 1.32l.094.083a1 1 0 0 0 1.32-.083L3 3.415V8a1 1 0 1 0 2 0V3.415l1.293 1.292.094.083a1 1 0 0 0 1.32-1.497zM13 8a1 1 0 1 0-2 0v4.585l-1.293-1.292-.094-.083a1 1 0 0 0-1.32 1.497l3 3 .094.083a1 1 0 0 0 1.32-.083l3-3 .083-.094a1 1 0 0 0-.083-1.32l-.094-.083a1 1 0 0 0-1.32.083L13 12.585z"},void 0,0,{fileName:vo,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:vo,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:vo,lineNumber:11,columnNumber:5},this)},SpinnerCircleIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 38 38","data-component":"SpinnerCircleIcon",...e,children:bi("g",{fill:"none","fill-rule":"evenodd",transform:"translate(1 1)",children:[bi("path",{stroke:"currentColor","stroke-width":"2",d:"M36 18c0-9.94-8.06-18-18-18",children:bi("animateTransform",{attributeName:"transform",dur:"0.9s",from:"0 18 18",repeatCount:"indefinite",to:"360 18 18",type:"rotate"},void 0,0,{
+fileName:po,lineNumber:25,columnNumber:11},this)},void 0,0,{fileName:po,lineNumber:20,columnNumber:9},this),bi("circle",{cx:"36",cy:"18",r:"1",fill:"#fff",children:bi("animateTransform",{attributeName:"transform",dur:"0.9s",from:"0 18 18",repeatCount:"indefinite",to:"360 18 18",type:"rotate"},void 0,0,{fileName:po,lineNumber:35,columnNumber:11},this)},void 0,0,{fileName:po,lineNumber:34,columnNumber:9},this)]},void 0,0,{fileName:po,lineNumber:19,columnNumber:7},this)},void 0,0,{fileName:po,lineNumber:11,columnNumber:5},this)},SpinnerSpokesIcon:wo,TagFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"TagFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:xo,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M7.563.174A1 1 0 0 0 7 0H1L.883.007A1 1 0 0 0 0 1v6l.007.121a1 1 0 0 0 .329.626l9 8 .098.078a1 1 0 0 0 1.38-.244l5-7 .067-.107a1 1 0 0 0-.223-1.227l-8-7zM3 5a2 2 0 1 1 4 0 2 2 0 0 1-4 0"},void 0,0,{fileName:xo,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:xo,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:xo,lineNumber:11,columnNumber:5},this)},TagIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"TagIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Io,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M7 0a1 1 0 0 1 .563.174l.096.073 8 7a1 1 0 0 1 .222 1.227l-.067.107-5 7a1 1 0 0 1-1.38.244l-.098-.078-9-8a1 1 0 0 1-.329-.626L0 7V1A1 1 0 0 1 .883.007L1 0zm-.376 2H2v4.551l7.833 6.962 3.826-5.358zM7 5a2 2 0 1 0-4 0 2 2 0 0 0 4 0"},void 0,0,{fileName:Io,lineNumber:22,columnNumber:9},this)]},void 0,0,{
+fileName:Io,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Io,lineNumber:11,columnNumber:5},this)},ThemeIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"ThemeIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:yo,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M8.993.883A1 1 0 0 0 7 1v2l.007.117A1 1 0 0 0 9 3V1zm4.742 2.787a1 1 0 0 0-1.492-1.327l-1.415 1.414-.077.088a1 1 0 0 0 1.492 1.327l1.414-1.415zM8 5c1.552 0 3 1.448 3 3s-1.448 3-3 3-3-1.448-3-3 1.448-3 3-3m-2.828 5.828a1 1 0 0 1 .077 1.327l-.077.088-1.415 1.414a1 1 0 0 1-1.492-1.327l.078-.087 1.414-1.415a1 1 0 0 1 1.415 0M8 12a1 1 0 0 1 .993.883L9 13v2a1 1 0 0 1-1.993.117L7 15v-2a1 1 0 0 1 1-1m4.243-1.172-.088-.077a1 1 0 0 0-1.327 1.492l1.415 1.414.087.078a1 1 0 0 0 1.327-1.492zM16 8a1 1 0 0 0-1-1h-2l-.117.007A1 1 0 0 0 13 9h2l.117-.007A1 1 0 0 0 16 8M3 7a1 1 0 0 1 .117 1.993L3 9H1a1 1 0 0 1-.117-1.993L1 7zm.67-4.735.087.078 1.415 1.414A1 1 0 0 1 3.845 5.25l-.088-.077-1.414-1.415A1 1 0 0 1 3.67 2.265"},void 0,0,{fileName:yo,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:yo,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:yo,lineNumber:11,columnNumber:5},this)},TrashFilledIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",
+viewBox:"0 0 16 16","data-component":"TrashFilledIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:ko,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",d:"M16 1a1 1 0 0 0-1-1H1a1 1 0 1 0 0 2h14a1 1 0 0 0 1-1m-1.003 4.08A1 1 0 0 0 14 4H2l-.116.007a1 1 0 0 0-.865 1.19l2 10 .03.113A1 1 0 0 0 4 16h8l.118-.007a1 1 0 0 0 .863-.797l2-10z"},void 0,0,{fileName:ko,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:ko,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:ko,lineNumber:11,columnNumber:5},this)},TrashIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"TrashIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:So,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M16 1a1 1 0 0 0-1-1H1a1 1 0 1 0 0 2h14a1 1 0 0 0 1-1M14 4H2a1 1 0 0 0-.98 1.196l2 10A1 1 0 0 0 4 16h8a1 1 0 0 0 .98-.804l2-10A1 1 0 0 0 14 4m-1.22 2-1.6 8H4.819l-1.6-8z"},void 0,0,{fileName:So,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:So,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:So,lineNumber:11,columnNumber:5},this)},VitalSourceIcon:function(e){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16","aria-hidden":"true",viewBox:"0 0 16 16","data-component":"VitalSourceIcon",...e,children:bi("g",{"fill-rule":"evenodd",children:[bi("path",{fill:"none",d:"M0 0h16v16H0z"},void 0,0,{fileName:Co,lineNumber:21,columnNumber:9},this),bi("path",{fill:"currentColor",
+d:"M16 0H0v16h16zm-5.055 3.968.085-.014 1.681.28-.16.47c-.452 1.32-.926 2.707-1.422 3.98a82 82 0 0 1-1.978 4.65H7.496a86 86 0 0 1-1.979-4.65A204 204 0 0 1 3.29 2.666l2.026.337.42 1.161c.234.64.47 1.287.585 1.624q.336.986.686 1.968.332.94.685 1.873.315.838.673 1.66.342-.822.658-1.654.356-.931.692-1.872.354-.985.694-1.975c.121-.355.206-.667.29-.977.074-.273.148-.545.247-.844","clip-rule":"evenodd"},void 0,0,{fileName:Co,lineNumber:22,columnNumber:9},this)]},void 0,0,{fileName:Co,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:Co,lineNumber:11,columnNumber:5},this)}}),_o="/home/runner/work/frontend-shared/frontend-shared/src/components/input/Button.tsx";function Ao({children:e,classes:i,elementRef:l,expanded:n,pressed:o,title:r,icon:t,size:m="md",variant:u="secondary",unstyled:c=!1,role:a,...d}){const s=!c,N=s&&"custom"!==u,h=s&&"custom"!==m,b={"aria-label":r};return"tab"===a?b["aria-selected"]=o:(b["aria-pressed"]=o,b["aria-expanded"]=n),bi("button",{role:null!=a?a:"button","data-component":"Button",
+type:"button",...b,...d,className:Z({"focus-visible-ring transition-colors whitespace-nowrap flex items-center":s},N&&{"font-semibold rounded":!0,"text-grey-7 bg-grey-1 enabled:hover:text-grey-9 enabled:hover:bg-grey-2 aria-pressed:text-grey-9 aria-expanded:text-grey-9":"secondary"===u,"text-grey-1 bg-grey-7 enabled:hover:bg-grey-8 disabled:text-grey-4":"primary"===u},h&&{"p-2 gap-x-2":"md"===m,"p-1 gap-x-1":"xs"===m,"p-1.5 gap-x-1.5":"sm"===m,"p-2.5 gap-x-1.5":"lg"===m},i),ref:l,title:r,children:[t&&bi(t,{className:"w-em h-em"},void 0,0,{fileName:_o,lineNumber:120,columnNumber:16},this),e]},void 0,0,{fileName:_o,lineNumber:89,columnNumber:5},this)}var Mo="/home/runner/work/frontend-shared/frontend-shared/src/components/input/InputGroup.tsx";const To=Z("input-group:border input-group:rounded-none","input-group:first:rounded-l input-group:last:rounded-r","input-group:ml-[-1px] input-group:first:ml-0","focus:z-1");function zo({children:e,classes:i,elementRef:l,...n}){return bi("div",{
+"data-component":"InputGroup",...n,ref:l,className:Z("input-group","flex items-stretch w-full justify-center",i),children:e},void 0,0,{fileName:Mo,lineNumber:34,columnNumber:5},this)}var Do="/home/runner/work/frontend-shared/frontend-shared/src/components/input/IconButton.tsx";function Ho({children:e,classes:i,elementRef:l,pressed:n,expanded:o,icon:r,size:t="md",title:m,variant:u="secondary",unstyled:c=!1,...a}){const d=!c;return bi(Ao,{"data-component":"IconButton",...a,classes:Z({"focus-visible-ring transition-colors rounded whitespace-nowrap":d,"flex items-center justify-center":d},d&&To,d&&"custom"!==u&&{"text-grey-7 bg-transparent enabled:hover:text-grey-9 aria-pressed:text-brand aria-expanded:text-brand":"secondary"===u,"text-brand bg-transparent enabled:hover:text-grey-9 disabled:text-grey-7":"primary"===u,"text-grey-7 bg-grey-2 enabled:hover:text-grey-9 enabled:hover:bg-grey-3 disabled:text-grey-5 aria-pressed:bg-grey-3 aria-expanded:bg-grey-3":"dark"===u},d&&"custom"!==t&&{
+"gap-x-2 touch:min-w-touch-minimum touch:min-h-touch-minimum":!0,"p-2":"md"===t,"p-1":"xs"===t,"p-1.5":"sm"===t,"p-2.5":"lg"===t},i),elementRef:l,title:m,pressed:n,expanded:o,unstyled:!0,children:[r&&bi(r,{className:"w-em h-em"},void 0,0,{fileName:Do,lineNumber:84,columnNumber:16},this),e]},void 0,0,{fileName:Do,lineNumber:49,columnNumber:5},this)}var Po="/home/runner/work/frontend-shared/frontend-shared/src/components/input/CloseButton.tsx";function Bo({children:e,classes:i,elementRef:l,title:n,onClick:o,...r}){var t;const m=fe(pi);return bi(Ho,{"data-component":"CloseButton",elementRef:l,icon:ji,title:null!==(t=null!=n?n:null==m?void 0:m.title)&&void 0!==t?t:"Close",classes:i,...r,onClick:null!=o?o:null==m?void 0:m.onClose,children:e},void 0,0,{fileName:Po,lineNumber:36,columnNumber:5},this)}var Eo="/home/runner/work/frontend-shared/frontend-shared/src/components/layout/CardTitle.tsx";function Ro({children:e,classes:i,elementRef:l,tagName:n="h1",variant:o="primary",...r}){const t=n;return bi("div",{
+"data-component":"CardTitle",...r,className:Z({"text-lg text-brand font-semibold":"primary"===o,"text-xl text-slate-7 font-normal":"secondary"===o},i),ref:l,children:bi(t,{"data-testid":"card-title-heading",children:e},void 0,0,{fileName:Eo,lineNumber:45,columnNumber:7},this)},void 0,0,{fileName:Eo,lineNumber:33,columnNumber:5},this)}var Oo="/home/runner/work/frontend-shared/frontend-shared/src/components/layout/CardHeader.tsx";function Fo({children:e,classes:i,elementRef:l,fullWidth:n=!1,onClose:o,title:r,variant:t="primary",...m}){const u=fe(pi),c=null!=o?o:null==u?void 0:u.onClose;return bi("div",{"data-component":"CardHeader",...m,className:Z("flex items-center gap-x-2 border-b py-2",{"bg-slate-0 border-slate-5 rounded-t-[inherit]":"secondary"===t,"mx-3":!n&&"primary"===t,"px-3":n||"secondary"===t},i),ref:l,children:[r&&bi(Ro,{variant:t,children:r},void 0,0,{fileName:Oo,lineNumber:69,columnNumber:17},this),e,bi("div",{className:"grow"},void 0,0,{fileName:Oo,lineNumber:71,columnNumber:7},this),c&&bi(Bo,{
+onClick:c,classes:Z("-mr-2.5","text-[16px]")},void 0,0,{fileName:Oo,lineNumber:73,columnNumber:9},this)]},void 0,0,{fileName:Oo,lineNumber:54,columnNumber:5},this)}var qo="/home/runner/work/frontend-shared/frontend-shared/src/components/layout/Panel.tsx";function jo({children:e,elementRef:i,buttons:l,fullWidthHeader:n=!1,icon:o,onClose:r,paddingSize:t="md",scrollable:m=!1,title:u,...c}){const a="flex flex-col min-h-0 h-full",d="none"===t?e:bi(Li,{classes:a,"data-testid":"panel-content-wrapper",size:t,children:e},void 0,0,{fileName:qo,lineNumber:81,columnNumber:7},this);return bi(yi,{"data-composite-component":"Panel",...c,classes:a,elementRef:i,children:[bi(Fo,{onClose:r,fullWidth:m||n,children:[o&&bi(o,{className:"w-em h-em"},void 0,0,{fileName:qo,lineNumber:97,columnNumber:18},this),bi(Ro,{children:u},void 0,0,{fileName:qo,lineNumber:98,columnNumber:9},this)]},void 0,0,{fileName:qo,lineNumber:96,columnNumber:7},this),m?bi(Ii,{classes:Z({"rounded-b-[inherit]":!l}),children:d},void 0,0,{fileName:qo,
+lineNumber:101,columnNumber:9},this):bi(I,{children:d},void 0),l&&bi(Li,{"data-testid":"panel-buttons",children:bi(ki,{children:l},void 0,0,{fileName:qo,lineNumber:115,columnNumber:11},this)},void 0,0,{fileName:qo,lineNumber:114,columnNumber:9},this)]},void 0,0,{fileName:qo,lineNumber:90,columnNumber:5},this)}var Uo="/home/runner/work/frontend-shared/frontend-shared/src/components/feedback/Dialog.tsx";function Vo({closeOnClickAway:e=!1,closeOnEscape:i=!1,closeOnFocusAway:l=!1,children:n,initialFocus:o="auto",restoreFocus:r=!1,transitionComponent:t,classes:m,elementRef:u,onClose:c,closeTitle:a,...d}){const s="custom"!==d.variant;const{buttons:N,icon:h,paddingSize:b="md",title:f="",scrollable:v=!0,...p}=s?d:{buttons:void 0,icon:void 0,paddingSize:void 0,title:void 0,scrollable:void 0,...d},g=si(u),w=Ne(document.activeElement),[x,y]=ae(!1),S=be((()=>{t?y(!1):null==c||c()}),[c,t]),k=be((()=>{if("manual"===o)return;var e;if("auto"===o)return void(null===(e=g.current)||void 0===e||e.focus())
+;const i=null==o?void 0:o.current;var l;i&&!i.disabled?i.focus():null===(l=g.current)||void 0===l||l.focus()}),[o,g]);ri(g,S,{enabled:e}),mi(["Escape"],S,{enabled:i}),ti(g,S,{enabled:l});const C=ve(),L=he((()=>null!=t?t:I),[t]);de((()=>{y(!0),t||k()}),[]),se((()=>{const e=w.current;return()=>{r&&e&&e.focus()}}),[]),se((()=>{var e;const i=null==g||null===(e=g.current)||void 0===e?void 0:e.querySelector("p");i&&(i.id=C,g.current.setAttribute("aria-describedby",C))}),[C,g]);const _={onClose:c?S:void 0,title:a};return bi(pi.Provider,{value:_,children:bi(L,{direction:x?"in":"out",onTransitionEnd:e=>{"in"===e?k():null==c||c()},children:bi("div",{"data-component":"Dialog",tabIndex:-1,role:"dialog",...p,className:Z("flex flex-col",m),ref:g,children:s?bi(jo,{buttons:N,fullWidthHeader:!0,icon:h,paddingSize:b,title:f,scrollable:v,children:n},void 0,0,{fileName:Uo,lineNumber:257,columnNumber:13},this):bi(I,{children:n},void 0)},void 0,0,{fileName:Uo,lineNumber:243,columnNumber:9},this)},void 0,0,{fileName:Uo,
+lineNumber:239,columnNumber:7},this)},void 0,0,{fileName:Uo,lineNumber:238,columnNumber:5},this)}var Wo="/home/runner/work/frontend-shared/frontend-shared/src/components/feedback/ModalDialog.tsx";function Go({children:e,disableCloseOnEscape:i=!1,disableFocusTrap:l=!1,disableRestoreFocus:n=!1,size:o="md",classes:r,elementRef:t,closeOnClickAway:m=!1,closeOnFocusAway:u=!1,initialFocus:c="auto",...a}){const d=si(t);return function(e,{enabled:i=!0,selector:l=Ni}={}){const n=Ne(null);de((()=>{if(!i)return()=>{};if(!e.current)throw new Error("Container ref not set");const o=e.current,r=()=>{const e=Array.from(o.querySelectorAll(l)).filter((e=>{return null!==e.offsetParent&&!("boolean"==typeof(i=e).disabled&&i.disabled);var i}));return document.activeElement===o&&e.unshift(o),e},t=(e=r(),i=-1,l=!1)=>{i<0&&(i=e.findIndex((e=>0===e.tabIndex)))<0&&(i=0);for(const[o,r]of e.entries())r.tabIndex=o===i?0:-1,o===i&&l&&(n.current=r,r.focus())},m=r(),u=m.indexOf(document.activeElement);t(m,u);const c=new ii
+;c.add(o,"focusin",(e=>{const i=r(),l=i.indexOf(e.target);l>=0&&t(i,l)})),c.add(o,"keydown",(e=>{const i=r();let l=i.findIndex((e=>0===e.tabIndex));-1!==l&&i[l]!==o||!n.current||(l=i.indexOf(n.current));let m=!1;"Tab"===e.key&&e.shiftKey?(0===l?l=i.length-1:--l,m=!0):"Tab"===e.key&&(l===i.length-1?l=0:++l,m=!0),m&&(t(i,l,!0),e.preventDefault(),e.stopPropagation())}));const a=new MutationObserver((()=>{t()}));return a.observe(o,{subtree:!0,attributes:!0,attributeFilter:["disabled"],childList:!0}),()=>{c.removeAll(),a.disconnect()}}),[e,i,l])}(d,{enabled:!l}),bi(vi,{"data-composite-component":"ModalDialog",children:bi(Vo,{"aria-modal":!0,...a,closeOnClickAway:m,closeOnFocusAway:u,closeOnEscape:!i,initialFocus:c,restoreFocus:!n,classes:Z("flex flex-col","custom"!==o&&"max-w-[90vw] max-h-[90vh]","custom"!==o&&"tall:fixed tall:max-h-[80vh] tall:top-[10vh]",{"w-[30rem]":"sm"===o,"w-[36rem]":"md"===o,"w-[42rem]":"lg"===o},r),elementRef:d,"data-modal-size":o,children:e},void 0,0,{fileName:Wo,lineNumber:76,
+columnNumber:7},this)},void 0,0,{fileName:Wo,lineNumber:75,columnNumber:5},this)}var $o="/home/runner/work/frontend-shared/frontend-shared/src/util/prompts.tsx";var Xo="/home/runner/work/frontend-shared/frontend-shared/src/components/data/AspectRatio.tsx";function Ko({children:e,objectFit:i="cover",ratio:l="16/9"}){const n=A(e),o=n.find((e=>"object"==typeof e)),r=o?n.filter((e=>e!==o)):e,t=Z("absolute w-full h-full top-0 left-0","flex items-center justify-center",{"object-cover":"cover"===i,"object-contain":"contain"===i,"object-fill":"fill"===i,"object-scale-down":"scale-down"===i,"object-none":"none"===i});return bi("div",{className:"w-full h-0 relative overflow-hidden","data-component":"AspectRatio",style:{paddingBottom:`calc(100% / (${l}))`},children:[o&&j(o,{class:Z(t,o.props.className)}),r]},void 0,0,{fileName:Xo,lineNumber:64,columnNumber:5},this)}var Jo="/home/runner/work/frontend-shared/frontend-shared/src/components/input/ToggleInput.tsx"
+;function Qo({children:e,elementRef:i,containerRef:l,checked:n,icon:o,checkedIcon:r,disabled:t,onChange:m,id:u,type:c,containerClasses:a,...d}){const s=n?r:o;return bi("label",{className:Z("relative flex items-center gap-x-1.5",{"cursor-pointer":!t,"opacity-70":t},a),htmlFor:u,"data-composite-component":"checkbox"===c?"Checkbox":"RadioButton",ref:l,children:[bi("input",{...d,type:c,ref:i,className:Z("peer","absolute w-em h-em","opacity-[.00001]",{"cursor-pointer":!t}),checked:n,disabled:t,id:u,onChange:m},void 0,0,{fileName:Jo,lineNumber:66,columnNumber:7},this),bi(s,{className:Z("peer-focus-visible:ring","w-em h-em")},void 0,0,{fileName:Jo,lineNumber:88,columnNumber:7},this),e]},void 0,0,{fileName:Jo,lineNumber:51,columnNumber:5},this)}var Yo="/home/runner/work/frontend-shared/frontend-shared/src/components/input/Checkbox.tsx";function Zo({checked:e,defaultChecked:i=!1,icon:l=ol,checkedIcon:n=ml,onChange:o,...r}){const t="boolean"==typeof e,[m,u]=ae(i);return bi(Qo,{icon:l,checkedIcon:n,type:"checkbox",
+checked:t?e:m,onChange:function(e){null==o||o.call(this,e),t||u(e.target.checked)},...r},void 0,0,{fileName:Yo,lineNumber:65,columnNumber:5},this)}function er(e,i){se((()=>{var l;null===(l=e.current)||void 0===l||l.setCustomValidity(null!=i?i:"")}),[i,e])}var ir="/home/runner/work/frontend-shared/frontend-shared/src/components/input/Input.tsx";function lr({classes:e,feedback:i}){return Z("focus-visible-ring ring-inset border rounded w-full p-2","bg-grey-0 focus:bg-white disabled:bg-grey-1","placeholder:text-grey-6 disabled:placeholder:text-grey-7","touch:text-at-least-16px",{"ring-2":!!i,"ring-red-error":"error"===i,"ring-yellow-notice":"warning"===i},To,e)}function nr({elementRef:e,type:i="text",classes:l,error:n,feedback:o,...r}){r.id||r["aria-label"]||console.warn("`Input` component should have either an `id` or an `aria-label` attribute");const t=si(e);return n&&(o="error"),er(t,n),bi("input",{"data-component":"Input",...r,ref:t,type:i,className:lr({classes:l,feedback:o}),"aria-invalid":"error"===o
+},void 0,0,{fileName:ir,lineNumber:73,columnNumber:5},this)}var or="/home/runner/work/frontend-shared/frontend-shared/src/components/input/OptionButton.tsx";function rr({children:e,details:i,selected:l=!1,pressed:n,...o}){const r=l||n;return bi(Ao,{classes:Z("group","w-full gap-x-2 px-2 py-1","rounded border border-stone-300 bg-stone-50","enabled:hover:border-slate-5 enabled:hover:bg-slate-0","disabled:border-stone-200","aria-pressed:border-slate-5 aria-pressed:bg-slate-0 aria-pressed:shadow-inner","aria-expanded:border-slate-5 aria-expanded:bg-slate-0 aria-expanded:shadow-inner"),size:"custom",variant:"custom",pressed:r,...o,children:[bi("div",{className:"grow flex items-center gap-x-1 text-start",children:[r&&bi("div",{className:"rounded-full bg-slate-600 p-0.5",children:bi(il,{className:"w-[0.6em] h-[0.6em] text-white"},void 0,0,{fileName:or,lineNumber:47,columnNumber:13},this)},void 0,0,{fileName:or,lineNumber:46,columnNumber:11},this),bi("div",{
+className:"text-slate-600 font-semibold group-disabled:text-stone-400","data-testid":"option-button-label",children:e},void 0,0,{fileName:or,lineNumber:50,columnNumber:9},this)]},void 0,0,{fileName:or,lineNumber:44,columnNumber:7},this),bi("div",{className:"text-end",children:i&&bi("span",{className:Z("uppercase text-[0.8em] text-stone-500","group-enabled:group-hover:text-stone-600","group-disabled:text-stone-400","group-aria-pressed:text-slate-600 group-aria-expanded:text-slate-600"),"data-testid":"option-button-details",children:i},void 0,0,{fileName:or,lineNumber:59,columnNumber:11},this)},void 0,0,{fileName:or,lineNumber:57,columnNumber:7},this)]},void 0,0,{fileName:or,lineNumber:29,columnNumber:5},this)}const tr=U(null);var mr="/home/runner/work/frontend-shared/frontend-shared/src/components/input/RadioGroup.tsx";function ur({value:e,children:i,subtitle:l,disabled:n}){const o=fe(tr);if(!o)throw new Error("RadioGroup.Radio can only be used as RadioGroup child")
+;const{selected:r,disabled:t=n,onChange:m}=o,u=!t&&r===e;return bi("div",{role:"radio","aria-checked":u,"aria-disabled":t,className:Z("focus-visible-ring rounded-lg px-3 py-2 flex-1 group",{"bg-grey-3/50":u,"hover:bg-grey-3/25":!u&&!t,"opacity-70":t,"cursor-pointer":!t}),"data-value":e,onClick:t?void 0:()=>m(e),onKeyDown:t?void 0:i=>{["Enter"," "].includes(i.key)&&(i.preventDefault(),m(e))},tabIndex:-1,children:[bi("div",{className:"flex items-center gap-x-1.5",children:[u?bi(Qn,{},void 0,0,{fileName:mr,lineNumber:68,columnNumber:23},this):bi(Kn,{},void 0,0,{fileName:mr,lineNumber:68,columnNumber:46},this),i]},void 0,0,{fileName:mr,lineNumber:67,columnNumber:7},this),l&&bi("div",{className:Z("pl-4 ml-1.5 mt-1 text-sm",{"text-grey-7":u,"text-grey-6 group-hover:text-grey-7":!u&&!t}),children:l},void 0,0,{fileName:mr,lineNumber:72,columnNumber:9},this)]},void 0,0,{fileName:mr,lineNumber:40,columnNumber:5},this)}ur.displayName="RadioGroup.Radio",
+Object.assign((function({direction:e="horizontal",children:i,selected:l,onChange:n,disabled:o,"aria-label":r,"aria-labelledby":t,name:m}){const u=Ne(null);return oi(u,{loop:!1,selector:'[role="radio"]:not([aria-disabled="true"])',focusElement:e=>{n(e.dataset.value),e.focus()}}),bi(tr.Provider,{value:{selected:l,disabled:o,onChange:n},children:[bi("div",{"aria-label":r,"aria-labelledby":t,ref:u,role:"radiogroup",className:Z("w-full flex gap-1.5",{"flex-col":"vertical"===e}),children:i},void 0,0,{fileName:mr,lineNumber:134,columnNumber:7},this),m&&bi("input",{type:"hidden","data-testid":"hidden-input",name:m,value:l,disabled:o},void 0,0,{fileName:mr,lineNumber:146,columnNumber:9},this)]},void 0,0,{fileName:mr,lineNumber:131,columnNumber:5},this)}),{Radio:ur,displayName:"RadioGroup"});var cr="/home/runner/work/frontend-shared/frontend-shared/src/components/feedback/Popover.tsx";const ar=".15rem",dr=8
+;function sr({anchorElementRef:e,children:i,open:l,onClose:n,align:o="left",classes:r,variant:t="panel",onScroll:m,elementRef:u,asNativePopover:c=HTMLElement.prototype.hasOwnProperty("popover")}){const a=si(u);return function(e,i,l,n,o){const r=be((()=>{const l=i.current,r=e.current,t=e=>{Object.assign(l.style,e);const i=Object.keys(e);return()=>i.map((e=>l.style[e]=""))},m=window.innerHeight,{top:u,bottom:c,left:a,height:d,width:s}=r.getBoundingClientRect(),N=m-c,{height:h,width:b}=l.getBoundingClientRect(),f=N<h&&u>N;if(!n)return t(f?{bottom:"100%",marginBottom:ar}:{top:"100%",marginTop:ar});const{top:v,width:p}=document.body.getBoundingClientRect(),g=Math.abs(v),w=(o?a+s:p-a)-dr;let I=a;return b>w?I=o?dr:I-(b-w):o&&b>s&&(I-=b-s),t({minWidth:`${s}px`,top:f?`calc(${g+u-h}px - ${ar})`:`calc(${g+u+d}px + ${ar})`,left:`${Math.max(dr,I)}px`})}),[n,e,i,o]);se((()=>{if(!l)return()=>{};const e=i.current;n&&e.togglePopover(!0);const o=r();if(!n)return o;const t=new ii;t.add(document.body,"scroll",r,{capture:!0})
+;const m=new ResizeObserver(r);return m.observe(e),()=>{n&&(null==e||e.togglePopover(!1)),o(),t.removeAll(),m.disconnect()}}),[r,n,l,i])}(e,a,l,c,"right"===o),function(e,i,l,n,o){de((()=>{if(!o)return()=>{};const i=e.current,n=e=>{"open"===e.oldState&&"closed"===e.newState&&l()};return i.addEventListener("toggle",n),()=>i.removeEventListener("toggle",n)}),[o,l,e]);const r=n&&!o;ri(e,(e=>{e.composedPath().includes(i.current)||l()}),{enabled:r}),mi(["Escape"],l,{enabled:r})}(a,e,n,l,c),function({popoverRef:e,open:i}){se((()=>{const l=e.current,n=i?document.activeElement:null;return l&&n?()=>{const e=document.activeElement;e&&!l.contains(e)&&e!==document.body||n.focus()}:()=>{}}),[e,i])}({open:l,popoverRef:a}),bi("div",{className:Z("absolute z-5","panel"===t&&["max-h-80 overflow-y-auto overflow-x-hidden","rounded border bg-white shadow hover:shadow-md focus-within:shadow-md"],c&&["max-w-[calc(100%-16px)]","p-0 m-0"],!c&&{hidden:!l,"right-0":"right"===o,"min-w-full":!0},r),ref:a,popover:c&&"auto",onScroll:m,
+"data-testid":"popover","data-component":"Popover",children:l&&i},void 0,0,{fileName:cr,lineNumber:356,columnNumber:5},this)}const Nr=U(null);var hr="/home/runner/work/frontend-shared/frontend-shared/src/components/input/Select.tsx";function br(e,i){return"function"==typeof e?e(i):e}function fr({value:e,children:i,disabled:l=!1,classes:n,elementRef:o,title:r}){const t=Ne(null),m=Ne(null),u=si(o),c=e=>e.target===t.current||e.target===m.current,a=fe(Nr);if(!a)throw new Error("Select.Option can only be used as Select or MultiSelect child");const{selectValue:d,value:s,multiple:N}=a,h=he((()=>!l&&(N?s.includes(e)||0===s.length&&void 0===e:s===e)),[s,l,N,e]),b=be((()=>{const i={closeListbox:!0};d(N?void 0!==e?[e]:[]:e,i)}),[N,d,e]),f=be((()=>{if(!N)return;const i={closeListbox:void 0===e};if(void 0===e)return void d([],i);const l=s.indexOf(e);if(-1===l)d([...s,e],i);else{const e=[...s];e.splice(l,1),d(e,i)}}),[s,N,d,e]);return bi("li",{
+className:Z("w-full ring-inset outline-none rounded-none select-none","px-1 mb-1 first:mt-1 whitespace-nowrap group",{"text-grey-4":l,"cursor-pointer":!l},n),onClick:e=>{l||c(e)||b()},onKeyDown:e=>{l||(["Enter"," "].includes(e.key)&&!c(e)?(e.preventDefault(),b()):t.current&&"ArrowRight"===e.key&&(e.preventDefault(),t.current.focus()))},role:"option","aria-disabled":l,"aria-selected":h,tabIndex:h?0:-1,ref:u,title:r,children:bi("div",{className:Z("flex justify-between items-center","w-full rounded",{"hover:bg-grey-1 group-focus-visible:ring":!l,"bg-grey-1 hover:bg-grey-2":h}),children:[bi("div",{className:Z("py-2 pl-3",{truncate:"truncate"===a.listboxOverflow,"whitespace-normal":"wrap"===a.listboxOverflow}),children:br(i,{selected:h,disabled:l})},void 0,0,{fileName:hr,lineNumber:203,columnNumber:9},this),!N&&bi("div",{className:"px-3",children:bi(il,{className:Z("text-grey-6 scale-125",{"opacity-0":!h})},void 0,0,{fileName:hr,lineNumber:213,columnNumber:13},this)},void 0,0,{fileName:hr,lineNumber:212,
+columnNumber:11},this),N&&bi(Zo,{containerClasses:Z("self-stretch px-3","text-lg",{"text-grey-6":h,"text-grey-3 hover:text-grey-6":!h}),checked:h,checkedIcon:ml,elementRef:t,containerRef:m,onChange:f,onKeyDown:e=>{var i;"ArrowLeft"===e.key&&(e.preventDefault(),null===(i=u.current)||void 0===i||i.focus())}},void 0,0,{fileName:hr,lineNumber:224,columnNumber:11},this)]},void 0,0,{fileName:hr,lineNumber:193,columnNumber:7},this)},void 0,0,{fileName:hr,lineNumber:146,columnNumber:5},this)}function vr({buttonContent:e,value:i,onChange:l,children:n,disabled:o,elementRef:r,buttonId:t,buttonClasses:m,popoverClasses:u,containerClasses:c,onPopoverScroll:a,alignListbox:d="left",multiple:s,listboxOverflow:N="truncate","aria-label":h,"aria-labelledby":b,listboxAsPopover:f}){const v=Ne(null),p=Ne(null),[g,w]=ae(!1),I=be((()=>w(!1)),[w]),x=ve(),y=si(r),S=ve(),k=be(((e,i)=>{l(e),i.closeListbox&&I()}),[l,I]);return ti(v,I),oi(p,{horizontal:!1,loop:!1,autofocus:!0,containerVisible:g,
+selector:'[role="option"]:not([aria-disabled="true"])'}),bi("div",{className:Z("relative w-full border rounded",{"border-grey-5":g},To,c),ref:v,children:[bi("button",{id:null!=t?t:S,className:Z("focus-visible-ring transition-colors whitespace-nowrap","w-full flex items-center justify-between gap-x-2","bg-grey-0 disabled:bg-grey-1 disabled:text-grey-6","text-left","rounded-[inherit]",m),type:"button",role:"combobox",disabled:o,"aria-expanded":g,"aria-haspopup":"listbox","aria-controls":x,"aria-label":h,"aria-labelledby":b,ref:y,onClick:()=>w((e=>!e)),onKeyDown:e=>{"ArrowDown"!==e.key||g||(e.preventDefault(),w(!0))},"data-testid":"select-toggle-button",children:[bi("div",{className:"pl-2 py-2 truncate grow",children:e},void 0,0,{fileName:hr,lineNumber:429,columnNumber:9},this),bi("div",{className:"pr-2 py-2 text-grey-6",children:g?bi(Ln,{},void 0,0,{fileName:hr,lineNumber:431,columnNumber:26},this):bi(An,{},void 0,0,{fileName:hr,lineNumber:431,columnNumber:49},this)},void 0,0,{fileName:hr,lineNumber:430,
+columnNumber:9},this)]},void 0,0,{fileName:hr,lineNumber:396,columnNumber:7},this),bi(Nr.Provider,{value:{value:i,selectValue:k,multiple:s,listboxOverflow:N},children:bi(sr,{anchorElementRef:v,open:g,onClose:I,asNativePopover:f,align:d,classes:u,onScroll:a,children:bi("ul",{role:"listbox",id:x,ref:p,"aria-multiselectable":s,"aria-labelledby":null!=t?t:S,"aria-orientation":"vertical",children:n},void 0,0,{fileName:hr,lineNumber:453,columnNumber:11},this)},void 0,0,{fileName:hr,lineNumber:444,columnNumber:9},this)},void 0,0,{fileName:hr,lineNumber:435,columnNumber:7},this)]},void 0,0,{fileName:hr,lineNumber:387,columnNumber:5},this)}fr.displayName="Select.Option";const pr=Object.assign((function(e){return vr({...e,multiple:!1})}),{Option:fr,displayName:"Select"});Object.assign((function(e){return vr({...e,multiple:!0})}),{Option:fr,displayName:"MultiSelect"});var gr="/home/runner/work/frontend-shared/frontend-shared/src/components/input/Textarea.tsx"
+;function wr({elementRef:e,error:i,feedback:l,classes:n,...o}){o.id||o["aria-label"]||console.warn("`Textarea` component should have either an `id` or an `aria-label` attribute");const r=si(e);return i&&(l="error"),er(r,i),bi("textarea",{"data-component":"Textarea",...o,ref:r,className:lr({classes:n,feedback:l}),"aria-invalid":"error"===l},void 0,0,{fileName:gr,lineNumber:40,columnNumber:5},this)}const Ir=U({});var xr="/home/runner/work/frontend-shared/frontend-shared/src/components/data/Table.tsx";function yr({children:e,classes:i,elementRef:l,title:n,interactive:o=!1,stickyHeader:r=!1,borderless:t=!1,striped:m=!0,grid:u=!1,...c}){const a=si(l),d=he((()=>({interactive:o,stickyHeader:r,borderless:t,striped:m,grid:u,tableRef:a})),[o,r,t,m,u,a]);return bi(Ir.Provider,{value:d,children:bi("table",{"data-component":"Table",...c,"aria-label":n,className:Z("w-full h-full","focus-visible-ring ring-inset","table-fixed","border-separate border-spacing-0",{"border-x border-b":!t},i),ref:a,children:e},void 0,0,{
+fileName:xr,lineNumber:59,columnNumber:7},this)},void 0,0,{fileName:xr,lineNumber:58,columnNumber:5},this)}const Sr=U(null);var kr="/home/runner/work/frontend-shared/frontend-shared/src/components/data/TableBody.tsx";function Cr({children:e,classes:i,elementRef:l,...n}){const o=fe(Ir),r=he((()=>({section:"body"})),[]);return bi(Sr.Provider,{value:r,children:bi("tbody",{"data-component":"TableBody",...n,ref:l,className:Z({"cursor-pointer":null==o?void 0:o.interactive},i),children:e},void 0,0,{fileName:kr,lineNumber:34,columnNumber:7},this)},void 0,0,{fileName:kr,lineNumber:33,columnNumber:5},this)}var Lr="/home/runner/work/frontend-shared/frontend-shared/src/components/data/TableCell.tsx";function _r({children:e,classes:i,elementRef:l,unpadded:n=!1,...o}){const r=fe(Sr),{borderless:t,grid:m}=fe(Ir),u=r&&"head"===r.section;return bi(u?"th":"td",{"data-component":"TableCell",...o,ref:l,className:Z({"p-3":!n,"text-left border-b border-b-grey-5":u,"border-t":u&&!t,"border-none":!m&&!u,
+"group-last/unselected:border-b group-last/unselected:border-grey-2 group-last/unselected:border-dotted":!m&&!u,"group-[:not(:last-child)]:border-b":m},i),scope:u?"col":void 0,"data-grid":m,"data-borderless":t,children:e},void 0,0,{fileName:Lr,lineNumber:33,columnNumber:5},this)}var Ar="/home/runner/work/frontend-shared/frontend-shared/src/components/data/TableFoot.tsx";function Mr({children:e,classes:i,elementRef:l,...n}){const o=he((()=>({section:"foot"})),[]);return bi(Sr.Provider,{value:o,children:bi("tfoot",{"data-component":"TableFoot",...n,ref:l,className:Z("h-full",i),children:e},void 0,0,{fileName:Ar,lineNumber:33,columnNumber:7},this)},void 0,0,{fileName:Ar,lineNumber:32,columnNumber:5},this)}var Tr="/home/runner/work/frontend-shared/frontend-shared/src/components/data/TableHead.tsx";function zr({children:e,classes:i,elementRef:l,...n}){const o=fe(Ir),r=he((()=>({section:"head"})),[]);return bi(Sr.Provider,{value:r,children:bi("thead",{"data-component":"TableHead",...n,ref:l,
+className:Z("z-1","bg-grey-2",{"sticky top-0":null==o?void 0:o.stickyHeader},i),children:e},void 0,0,{fileName:Tr,lineNumber:35,columnNumber:7},this)},void 0,0,{fileName:Tr,lineNumber:34,columnNumber:5},this)}var Dr="/home/runner/work/frontend-shared/frontend-shared/src/components/data/TableRow.tsx";function Hr({children:e,classes:i,elementRef:l,selected:n,...o}){const r=si(l),t=fe(Sr),{interactive:m,striped:u,grid:c}=fe(Ir),a="head"===(null==t?void 0:t.section);return bi("tr",{"data-component":"TableRow",...o,"aria-selected":n,ref:r,className:Z("group","focus-visible-ring ring-inset",{"odd:bg-slate-9/[.03]":u&&!a&&!n,"bg-slate-7 text-color-text-inverted":n,"hover:bg-slate-9/[.08]":m&&!n,"group/unselected":!n,"group/selected":n,"divide-x":c},i),"data-section":a?"head":"body","data-striped":u,"data-grid":c,children:e},void 0,0,{fileName:Dr,lineNumber:39,columnNumber:5},this)}var Pr="/home/runner/work/frontend-shared/frontend-shared/src/components/data/DataTable.tsx";function Br(e,i){return e[i]}
+function Er({children:e,onClick:i,field:l}){const n="flex justify-between items-center";return i?bi(Ao,{classes:`${n} w-full h-full !p-3`,variant:"custom",onClick:i,"data-testid":`${l}-order-button`,children:e},void 0,0,{fileName:Pr,lineNumber:135,columnNumber:5},this):bi("div",{className:n,children:e},void 0,0,{fileName:Pr,lineNumber:144,columnNumber:5},this)}function Rr({children:e,elementRef:i,columns:l=[],rows:n=[],selectedRow:o,selectedRows:r,loading:t=!1,renderItem:m=Br,onSelectRow:u,onSelectRows:c,onConfirmRow:a,emptyMessage:d,order:s,onOrderChange:N,orderableColumns:h=[],title:b,borderless:f,striped:v,grid:p,...g}){const w=si(i),x=fe(gi),[y,S]=he((()=>Array.isArray(h)?[h,{}]:[Object.keys(h),h]),[h]),k=be((e=>{const i=function(e,i,l){var n;return e!==(null==i?void 0:i.field)?{field:e,direction:null!==(n=null==l?void 0:l[e])&&void 0!==n?n:"ascending"}:{field:e,direction:"ascending"===i.direction?"descending":"ascending"}}(e,s,S);null==N||N(i)
+}),[S,N,s]),C=t||!n.length&&d,L=he((()=>l.map((e=>e.field))),[l]),_=li(((e,i="replace")=>{null==u||u(e);let l=[e];if("extend"===i&&r&&r.length>0){const i=n.indexOf(r[0]),o=n.indexOf(e);l=o>=i?n.slice(i,o+1):n.slice(o,i+1).reverse()}null==c||c(l)}));oi(w,{selector:"tbody tr",horizontal:!0,vertical:!0,focusElement:(e,i)=>{i&&e.dispatchEvent(new MouseEvent("click",{shiftKey:i.shiftKey})),e.focus()}});const A=li((e=>{null==a||a(e)})),M=be(((e,i)=>{"Enter"===e.key&&e.target===e.currentTarget&&(A(i),e.preventDefault(),e.stopPropagation())}),[A]);de((()=>{var e,i;if(!o||!x)return;const l=x.scrollRef.current,n=null===(e=w.current)||void 0===e?void 0:e.querySelector("thead"),r=null===(i=w.current)||void 0===i?void 0:i.querySelector('tr[aria-selected="true"]');if(l&&r){const e=r.offsetTop-l.scrollTop;if(e>l.clientHeight&&r.scrollIntoView(),n){const i=e-n.clientHeight;i<0&&l.scrollBy(0,i)}}}),[o,w,x]);const T=!t&&n.length>0,z=he((()=>r||(o?[o]:[])),[r,o]),D=he((()=>n.map(((e,i)=>bi(Hr,{selected:z.includes(e),
+onClick:i=>_(e,i.shiftKey?"extend":"replace"),onDblClick:()=>A(e),onKeyDown:i=>M(i,e),children:L.map((i=>bi(_r,{children:m(e,i)},i,0,{fileName:Pr,lineNumber:319,columnNumber:11},this)))},i,0,{fileName:Pr,lineNumber:311,columnNumber:7},this)))),[A,L,m,M,n,_,z]),H=Boolean(u||c||a);return bi(yr,{"data-composite-component":"DataTable",role:"grid",...g,elementRef:w,interactive:H,stickyHeader:!0,title:b,borderless:f,striped:v,grid:p,children:[bi(zr,{children:bi(Hr,{children:l.map((e=>{const i=!!N&&y.includes(e.field),l=(null==s?void 0:s.field)===e.field;return bi(_r,{classes:e.classes,unpadded:i,"aria-sort":l?s.direction:void 0,children:bi(Er,{field:e.field.toString(),onClick:i?()=>k(e.field):void 0,children:[bi("div",{children:e.label},void 0,0,{fileName:Pr,lineNumber:368,columnNumber:19},this),i&&bi("div",{className:Z("rounded p-1",{"bg-white":l}),"aria-hidden":!0,children:[l&&("ascending"===s.direction?bi(Bi,{},void 0,0,{fileName:Pr,lineNumber:378,columnNumber:27},this):bi(Mi,{},void 0,0,{fileName:Pr,
+lineNumber:380,columnNumber:27},this)),!l&&bi(Pn,{className:Z("text-grey-5",{"group-hover:text-grey-7":H})},void 0,0,{fileName:Pr,lineNumber:383,columnNumber:25},this)]},void 0,0,{fileName:Pr,lineNumber:370,columnNumber:21},this)]},void 0,0,{fileName:Pr,lineNumber:362,columnNumber:17},this)},e.field,0,{fileName:Pr,lineNumber:356,columnNumber:15},this)}))},void 0,0,{fileName:Pr,lineNumber:349,columnNumber:9},this)},void 0,0,{fileName:Pr,lineNumber:348,columnNumber:7},this),bi(Cr,{children:[!t&&D,C&&bi(Hr,{children:bi(_r,{colSpan:l.length,classes:"text-center p-3",children:t?bi(wo,{className:"inline w-2em h-2em"},void 0,0,{fileName:Pr,lineNumber:407,columnNumber:17},this):bi(I,{children:d},void 0)},void 0,0,{fileName:Pr,lineNumber:405,columnNumber:13},this)},void 0,0,{fileName:Pr,lineNumber:404,columnNumber:11},this)]},void 0,0,{fileName:Pr,lineNumber:401,columnNumber:7},this),e,T&&bi(Mr,{},void 0,0,{fileName:Pr,lineNumber:416,columnNumber:20},this)]},void 0,0,{fileName:Pr,lineNumber:336,columnNumber:5},this)}
+var Or="/home/runner/work/frontend-shared/frontend-shared/src/components/data/ScrollContainer.tsx";function Fr({children:e,classes:i,elementRef:l,borderless:n=!1,rounded:o=!1,...r}){return bi("div",{"data-component":"ScrollContainer",...r,ref:l,className:Z("flex flex-col h-full w-full","min-h-0",{border:!n,"rounded-lg overflow-hidden":o},i),children:e},void 0,0,{fileName:Or,lineNumber:29,columnNumber:5},this)}var qr="/home/runner/work/frontend-shared/frontend-shared/src/components/data/ScrollContent.tsx";function jr({children:e,classes:i,elementRef:l,...n}){return bi("div",{"data-component":"ScrollContent",...n,ref:l,className:Z("px-3 py-2",i),children:e},void 0,0,{fileName:qr,lineNumber:20,columnNumber:5},this)}var Ur="/home/runner/work/frontend-shared/frontend-shared/src/components/data/ScrollBox.tsx";function Vr({children:e,elementRef:i,borderless:l=!1,rounded:n=!1,...o}){return bi(Fr,{"data-composite-component":"ScrollBox",...o,borderless:l,rounded:n,elementRef:i,children:bi(Ii,{children:bi(jr,{children:e
+},void 0,0,{fileName:Ur,lineNumber:35,columnNumber:9},this)},void 0,0,{fileName:Ur,lineNumber:34,columnNumber:7},this)},void 0,0,{fileName:Ur,lineNumber:27,columnNumber:5},this)}var Wr="/home/runner/work/frontend-shared/frontend-shared/src/components/feedback/Spinner.tsx";function Gr({size:e="sm",color:i="text-light"}){return bi(wo,{className:Z({"text-color-text-light":"text-light"===i,"text-color-text":"text"===i,"text-color-text-inverted":"text-inverted"===i},{"w-em h-em":"sm"===e,"w-2em h-2em":"md"===e,"w-4em h-4em":"lg"===e}),"data-component":"Spinner"},void 0,0,{fileName:Wr,lineNumber:18,columnNumber:5},this)}var $r="/home/runner/work/frontend-shared/frontend-shared/src/components/data/Thumbnail.tsx";function Xr({children:e,elementRef:i,borderless:l=!1,loading:n=!1,objectFit:o="cover",placeholder:r,ratio:t="16/9",size:m="md",...u}){const c=null!=r?r:bi(Cl,{className:Z("text-grey-5",{"w-4 h-4":"sm"===m||"md"===m,"w-8 h-8":"lg"===m})},void 0,0,{fileName:$r,lineNumber:60,columnNumber:5
+},this),a=A(e).length?e:bi("div",{children:c},void 0,0,{fileName:$r,lineNumber:71,columnNumber:5},this);return bi("div",{"data-composite-component":"Thumbnail",...u,ref:i,className:Z("bg-grey-1 w-full h-full overflow-hidden",{"p-3":"md"===m&&!l,"p-2":"sm"===m&&!l,"p-4":"lg"===m&&!l,"p-0":l}),children:bi("div",{className:"bg-white h-full w-full flex items-center justify-center overflow-hidden",children:bi(Ko,{ratio:t,objectFit:o,children:n?bi("div",{children:bi(Gr,{size:m},void 0,0,{fileName:$r,lineNumber:90,columnNumber:15},this)},void 0,0,{fileName:$r,lineNumber:89,columnNumber:13},this):a},void 0,0,{fileName:$r,lineNumber:87,columnNumber:9},this)},void 0,0,{fileName:$r,lineNumber:86,columnNumber:7},this)},void 0,0,{fileName:$r,lineNumber:75,columnNumber:5},this)}var Kr="/home/runner/work/frontend-shared/frontend-shared/src/components/feedback/Callout.tsx";function Jr({children:e,classes:i,elementRef:l,icon:n,status:o="notice",size:r="md",variant:t="outlined",unstyled:m=!1,...u}){
+const c=!m,a=c&&"custom"!==t,d=c&&"custom"!==r;let s=n;if(!s)switch(o){case"success":s=il;break;case"error":s=ji;break;default:s=Xi}const N=a&&d;return bi("div",{"data-component":"Callout",...u,ref:l,className:Z(c&&"flex items-center border",a&&{"rounded border":!0,"shadow hover:shadow-md cursor-pointer":"raised"===t,"border-yellow-notice":"notice"===o,"border-green-success":"success"===o,"border-red-error":"error"===o},a&&{"bg-yellow-notice":"notice"===o&&N,"bg-green-success":"success"===o&&N,"bg-red-error":"error"===o&&N,"bg-white":!N},i),children:[N&&bi("div",{className:Z({"p-2":"md"===r,"p-1.5":"sm"===r,"p-3":"lg"===r}),children:bi(s,{"data-testid":"callout-icon",className:Z("text-white",{"w-[1.25em] h-[1.25em]":"md"===r,"w-[0.85em] h-[0.85em]":"sm"===r,"w-[1.5em] h-[1.5em]":"lg"===r})},void 0,0,{fileName:Kr,lineNumber:95,columnNumber:11},this)},void 0,0,{fileName:Kr,lineNumber:88,columnNumber:9},this),bi("div",{className:Z(d&&{"p-2":"md"===r,"py-1.5 px-2":"sm"===r,"p-3":"lg"===r
+},c&&"grow",a&&"bg-white rounded-r"),children:e},void 0,0,{fileName:Kr,lineNumber:105,columnNumber:7},this)]},void 0,0,{fileName:Kr,lineNumber:64,columnNumber:5},this)}var Qr="/home/runner/work/frontend-shared/frontend-shared/src/components/feedback/SpinnerOverlay.tsx";function Yr({...e}){return bi(vi,{"data-composite-component":"SpinnerOverlay",...e,variant:"light",children:bi(Gr,{size:"lg"},void 0,0,{fileName:Qr,lineNumber:23,columnNumber:7},this)},void 0,0,{fileName:Qr,lineNumber:18,columnNumber:5},this)}var Zr="/home/runner/work/frontend-shared/frontend-shared/src/components/feedback/ToastMessages.tsx";function et({message:e,onDismiss:i}){return bi(Jr,{classes:Z({"sr-only":e.visuallyHidden}),status:e.type,onClick:()=>i(e.id),variant:"raised",children:e.message},void 0,0,{fileName:Zr,lineNumber:55,columnNumber:5},this)}const it=({direction:e,onTransitionEnd:i,children:l,transitionClasses:n={}})=>{const o="out"===e,r=Ne(null),t=he((()=>{
+const{transitionIn:e="animate-fade-in",transitionOut:i="animate-fade-out"}=n;return{[e]:!o,[i]:o}}),[o,n]);return bi("div",{"data-testid":"animation-container",onAnimationEnd:l=>{l.target===r.current&&(null==i||i(null!=e?e:"in"))},ref:r,className:Z("relative w-full container",t),children:l},void 0,0,{fileName:Zr,lineNumber:103,columnNumber:5},void 0)};function lt({messages:e,onMessageDismiss:i,transitionClasses:l,setTimeout_:n=setTimeout}){const[o,r]=ae([]),t=Ne(new Map),m=be((e=>r((i=>[...i,e]))),[]),u=be((e=>{const i=n((()=>{m(e),t.current.delete(e)}),5e3);t.current.set(e,i)}),[m,n]),c=be(((e,l)=>{var n;const o=null===(n=l.autoDismiss)||void 0===n||n;"in"===e&&o&&u(l.id),"out"===e&&(i(l.id),r((e=>e.filter((e=>e!==l.id)))))}),[u,i]);return se((()=>{const e=t.current;return()=>{e.forEach((e=>clearTimeout(e)))}}),[]),bi("ul",{"aria-live":"polite","aria-relevant":"additions",className:"w-full space-y-2","data-component":"ToastMessages",children:e.map((e=>{const i=o.includes(e.id);return bi("li",{className:Z({
+"mb-2":!e.visuallyHidden}),children:bi(it,{direction:i?"out":"in",onTransitionEnd:i=>c(i,e),transitionClasses:l,children:bi(et,{message:e,onDismiss:m},void 0,0,{fileName:Zr,lineNumber:206,columnNumber:15},this)},void 0,0,{fileName:Zr,lineNumber:201,columnNumber:13},this)},e.id,0,{fileName:Zr,lineNumber:189,columnNumber:11},this)}))},void 0,0,{fileName:Zr,lineNumber:180,columnNumber:5},this)}var nt="/home/runner/work/frontend-shared/frontend-shared/src/components/navigation/Link.tsx";function ot({children:e,classes:i,elementRef:l,underline:n="none",unstyled:o=!1,variant:r="brand",...t}){const m=!o;return bi("a",{"data-component":"Link",rel:"noopener noreferrer",...t,className:Z(m&&{"focus-visible-ring rounded":!0,"no-underline hover:no-underline":"none"===n,"underline hover:underline":"always"===n,"no-underline hover:underline":"hover"===n},m&&"custom"!==r&&{"text-brand hover:text-brand-dark":"brand"===r,"text-color-text-light hover:text-brand":"text-light"===r,
+"text-color-text hover:text-brand-dark":"text"===r},i),ref:l,children:e},void 0,0,{fileName:nt,lineNumber:37,columnNumber:5},this)}var rt="/home/runner/work/frontend-shared/frontend-shared/src/components/navigation/LinkButton.tsx";function tt({children:e,classes:i,elementRef:l,inline:n=!1,underline:o="none",variant:r="brand",unstyled:t=!1,...m}){const u=!t;return bi(Ao,{"data-component":"LinkButton",...m,elementRef:l,classes:Z(u&&{"focus-visible-ring transition-colors whitespace-nowrap rounded":!0,inline:n,"flex items-center":!n},u&&{"no-underline hover:no-underline":"none"===o,"underline enabled:hover:underline":"always"===o,"no-underline enabled:hover:underline":"hover"===o},u&&"custom"!==r&&{"aria-pressed:font-semibold aria-expanded:font-semibold":!0,"text-brand enabled:hover:text-brand-dark":"brand"===r,"text-color-text enabled:hover:text-brand-dark":"text"===r,"text-color-text-light enabled:hover:text-brand":"text-light"===r},i),unstyled:!0,children:e},void 0,0,{fileName:rt,lineNumber:40,columnNumber:5
+},this)}var mt="/home/runner/work/frontend-shared/frontend-shared/src/components/navigation/Pagination.tsx";function ut({children:e,invisible:i=!1,pressed:l=!1,onClick:n,title:o}){return bi(Ao,{classes:Z("px-3.5 py-2.5 gap-x-1","font-semibold rounded","text-grey-7 enabled:hover:text-grey-9 enabled:hover:bg-grey-3","disabled:text-grey-5 aria-pressed:bg-grey-3 aria-expanded:bg-grey-3",i&&"invisible"),disabled:i,onClick:n,pressed:l,size:"custom",title:o,variant:"custom",children:e},void 0,0,{fileName:mt,lineNumber:24,columnNumber:5},this)}function ct({currentPage:e,onChangePage:i,totalPages:l}){const n=e<l,o=e>1,r=function(e,i,{boundaryCount:l=1,siblingCount:n=1}={}){if(i<=1)return[];const o=[],r=i-(e=Math.max(1,Math.min(e,i)));let t=null;if((l=Math.max(l,1))+(n=Math.max(n,0))<e-1){for(let e=1;e<=l;e++)o.push(e);t={index:o.length,count:e-n-l,value:e-n-1},o.push(null);for(let i=e-n;i<e;i++)o.push(i)}else for(let i=1;i<e;i++)o.push(i);o.push(e);let m=null;if(l+n<r){for(let i=e+1;i<=e+n;i++)o.push(i);m={
+index:o.length,count:i-l+1-(e+n),value:e+n+1},o.push(null);for(let e=i-l+1;e<=i;e++)o.push(e)}else for(let l=e+1;l<=i;l++)o.push(l);const u=Math.min(2*l+2*n+3,i);for(;o.length<u&&(null!==(c=m)&&void 0!==c&&c.count||null!==(a=t)&&void 0!==a&&a.count);){var c,a;m&&m.count>0?(o.splice(m.index,0,m.value),++m.index,++m.value,--m.count):t&&(o.splice(t.index+1,0,t.value),--t.value,--t.count)}return o}(e,l),t=(e,l)=>{i(e),l.blur()};return bi("div",{className:"flex items-center text-md select-none","data-testid":"pagination-navigation",children:[bi("div",{className:"mr-2",children:bi(ut,{invisible:!o,title:"Go to previous page",onClick:i=>t(e-1,i.target),children:[bi(zi,{},void 0,0,{fileName:mt,lineNumber:100,columnNumber:11},this),"prev"]},void 0,0,{fileName:mt,lineNumber:95,columnNumber:9},this)},void 0,0,{fileName:mt,lineNumber:94,columnNumber:7},this),bi("ul",{className:Z("hidden","md:flex md:items-center md:justify-center md:gap-x-2","md:grow"),children:r.map(((i,l)=>bi("li",{children:null===i?bi("div",{
+className:"px-3 text-center","data-testid":"pagination-gap",children:"…"},void 0,0,{fileName:mt,lineNumber:130,columnNumber:15},this):bi(ut,{title:`Go to page ${i}`,pressed:i===e,onClick:e=>t(i,e.target),children:i.toString()},`page-${l}`,0,{fileName:mt,lineNumber:134,columnNumber:15},this)},l,0,{fileName:mt,lineNumber:122,columnNumber:11},this)))},void 0,0,{fileName:mt,lineNumber:104,columnNumber:7},this),bi("div",{className:Z("ml-2 flex justify-end","grow md:grow-0"),children:bi(ut,{invisible:!n,title:"Go to next page",onClick:i=>t(e+1,i.target),children:["next",bi(Hi,{},void 0,0,{fileName:mt,lineNumber:160,columnNumber:11},this)]},void 0,0,{fileName:mt,lineNumber:154,columnNumber:9},this)},void 0,0,{fileName:mt,lineNumber:146,columnNumber:7},this)]},void 0,0,{fileName:mt,lineNumber:90,columnNumber:5},this)}var at="/home/runner/work/frontend-shared/frontend-shared/src/components/navigation/PointerButton.tsx";function dt({children:e,classes:i,elementRef:l,expanded:n,pressed:o,title:r,direction:t,...m}){
+return bi(Ao,{"data-component":"PointerButton",...m,elementRef:l,classes:Z("relative w-[26px] h-[16px]","flex items-center justify-center","bg-white rounded-[4px] border","before:absolute before:border-transparent","after:absolute after:border-transparent","text-[10px] text-color-text-light leading-none font-semibold",{"shadow-[1px_1px_1px_rgba(0,0,0,0.1)]":"down"!==t,"shadow-[1px_0px_1px_rgba(0,0,0,0.1)]":"down"===t},{"rounded-r-[4px] rounded-l-[2px]":"left"===t,"before:right-full before:top-1/2 after:right-full after:top-1/2":"left"===t,"before:mt-[-8px] before:border-8 before:border-r-[5px] before:border-r-grey-3":"left"===t,"after:mt-[-7px] after:border-[7px] after:border-r-[4px] after:border-r-white":"left"===t},{"z-1 rounded-t-px-sm rounded-b-px":"up"===t,"before:top-auto before:left-1/2 before:bottom-full after:top-auto after:left-1/2 after:bottom-full":"up"===t,"before:ml-[-13px] before:border-[13px] before:border-b-[6px] before:border-b-grey-3":"up"===t,
+"after:ml-[-12px] after:border-[12px] after:border-b-[5px] after:border-b-white":"up"===t},{"z-1 rounded-t-px rounded-b-px-sm":"down"===t,"before:top-full before:left-1/2 after:top-full after:left-1/2":"down"===t,"before:ml-[-13px] before:border-[13px] before:border-t-[6px] before:border-t-grey-3":"down"===t,"after:ml-[-12px] after:border-[12px] after:border-t-[5px] after:border-t-white":"down"===t},i),expanded:n,pressed:o,title:r,variant:"custom",size:"custom",children:e},void 0,0,{fileName:at,lineNumber:48,columnNumber:5},this)}var st="/home/runner/work/frontend-shared/frontend-shared/src/components/navigation/Tab.tsx";function Nt({children:e,classes:i,elementRef:l,icon:n,textContent:o,selected:r=!1,size:t="md",variant:m="text",unstyled:u=!1,...c}){const a=!u,d=a&&"custom"!==t;return bi(Ao,{"data-component":"Tab",...c,classes:Z(d&&"gap-x-1.5",a&&"custom"!==m&&{"px-4 py-2":"tab"===m&&d,"font-semibold text-grey-7 rounded-t-lg border border-transparent border-b-0":"tab"===m,
+"aria-selected:text-color-text aria-selected:bg-white":"tab"===m,"aria-selected:border aria-selected:border-grey-3 aria-selected:border-b-0":"tab"===m,"enabled:hover:text-color-text disabled:text-grey-7/50":"tab"===m,"enabled:hover:text-brand-dark":"text"===m,"aria-selected:font-bold":"text"===m},i),elementRef:l,"aria-selected":r,role:"tab",variant:"custom",size:"custom",unstyled:u,children:[n&&bi(n,{className:Z("p-[0.125em] w-em h-em")},void 0,0,{fileName:st,lineNumber:79,columnNumber:9},this),bi("span",{"data-content":o,"data-testid":"sizing-wrapper",className:Z({"before:content-[attr(data-content)] before:font-bold":o,"before:block before:invisible before:h-0 before:overflow-hidden":o}),children:e},void 0,0,{fileName:st,lineNumber:87,columnNumber:7},this)]},void 0,0,{fileName:st,lineNumber:50,columnNumber:5},this)}var ht="/home/runner/work/frontend-shared/frontend-shared/src/components/navigation/TabList.tsx";function bt({children:e,classes:i,elementRef:l,vertical:n=!1,...o}){const r=si(l);return oi(r,{
+selector:"button",horizontal:!0,vertical:n}),bi("div",{"data-component":"TabList",...o,ref:r,className:Z("flex focus-visible-ring",{"flex-col":n},i),role:"tablist","aria-orientation":n?"vertical":"horizontal",children:e},void 0,0,{fileName:ht,lineNumber:45,columnNumber:5},this)}const ft=({children:e,direction:i="in",onTransitionEnd:l})=>{const n="in"===i,o=Ne(null),[r,t]=ae(n?"auto":0),[m,u]=ae(n);de((()=>{if(n===(0!==r))return;const e=o.current;n?(e.style.display="",u(!0),t(e.scrollHeight)):(e.style.height=`${e.scrollHeight}px`,e.getBoundingClientRect(),t(0))}),[r,n]);const c=be((e=>{e.target===o.current&&"height"===e.propertyName&&(n?t("auto"):u(!1),null==l||l(i))}),[t,n,l,i]);return bi("div",{ontransitionend:c,ref:o,style:{display:m?"":"none",height:r,overflow:"auto"===r?"visible":"hidden",transition:"height 0.15s ease-in"},children:e},void 0,0,{fileName:"/home/runner/work/frontend-shared/frontend-shared/src/components/transition/Slider.tsx",lineNumber:80,columnNumber:5},void 0)};var vt,pt;function gt(){
+if(pt)return vt;function e(i){return i instanceof Map?i.clear=i.delete=i.set=function(){throw new Error("map is read-only")}:i instanceof Set&&(i.add=i.clear=i.delete=function(){throw new Error("set is read-only")}),Object.freeze(i),Object.getOwnPropertyNames(i).forEach((l=>{const n=i[l],o=typeof n;"object"!==o&&"function"!==o||Object.isFrozen(n)||e(n)})),i}pt=1;class i{constructor(e){void 0===e.data&&(e.data={}),this.data=e.data,this.isMatchIgnored=!1}ignoreMatch(){this.isMatchIgnored=!0}}function l(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function n(e,...i){const l=Object.create(null);for(const i in e)l[i]=e[i];return i.forEach((function(e){for(const i in e)l[i]=e[i]})),l}const o=e=>!!e.scope;class r{constructor(e,i){this.buffer="",this.classPrefix=i.classPrefix,e.walk(this)}addText(e){this.buffer+=l(e)}openNode(e){if(!o(e))return;const i=((e,{prefix:i})=>{if(e.startsWith("language:"))return e.replace("language:","language-")
+;if(e.includes(".")){const l=e.split(".");return[`${i}${l.shift()}`,...l.map(((e,i)=>`${e}${"_".repeat(i+1)}`))].join(" ")}return`${i}${e}`})(e.scope,{prefix:this.classPrefix});this.span(i)}closeNode(e){o(e)&&(this.buffer+="</span>")}value(){return this.buffer}span(e){this.buffer+=`<span class="${e}">`}}const t=(e={})=>{const i={children:[]};return Object.assign(i,e),i};class m{constructor(){this.rootNode=t(),this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(e){this.top.children.push(e)}openNode(e){const i=t({scope:e});this.add(i),this.stack.push(i)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(e){return this.constructor._walk(e,this.rootNode)}static _walk(e,i){return"string"==typeof i?e.addText(i):i.children&&(e.openNode(i),i.children.forEach((i=>this._walk(e,i))),e.closeNode(i)),e}static _collapse(e){
+"string"!=typeof e&&e.children&&(e.children.every((e=>"string"==typeof e))?e.children=[e.children.join("")]:e.children.forEach((e=>{m._collapse(e)})))}}class u extends m{constructor(e){super(),this.options=e}addText(e){""!==e&&this.add(e)}startScope(e){this.openNode(e)}endScope(){this.closeNode()}__addSublanguage(e,i){const l=e.root;i&&(l.scope=`language:${i}`),this.add(l)}toHTML(){return new r(this,this.options).value()}finalize(){return this.closeAllNodes(),!0}}function c(e){return e?"string"==typeof e?e:e.source:null}function a(e){return N("(?=",e,")")}function d(e){return N("(?:",e,")*")}function s(e){return N("(?:",e,")?")}function N(...e){const i=e.map((e=>c(e))).join("");return i}function h(...e){const i=function(e){const i=e[e.length-1];return"object"==typeof i&&i.constructor===Object?(e.splice(e.length-1,1),i):{}}(e),l="("+(i.capture?"":"?:")+e.map((e=>c(e))).join("|")+")";return l}function b(e){return new RegExp(e.toString()+"|").exec("").length-1}
+const f=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function v(e,{joinWith:i}){let l=0;return e.map((e=>{l+=1;const i=l;let n=c(e),o="";for(;n.length>0;){const e=f.exec(n);if(!e){o+=n;break}o+=n.substring(0,e.index),n=n.substring(e.index+e[0].length),"\\"===e[0][0]&&e[1]?o+="\\"+String(Number(e[1])+i):(o+=e[0],"("===e[0]&&l++)}return o})).map((e=>`(${e})`)).join(i)}const p="[a-zA-Z]\\w*",g="[a-zA-Z_]\\w*",w="\\b\\d+(\\.\\d+)?",I="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",x="\\b(0b[01]+)",y={begin:"\\\\[\\s\\S]",relevance:0},S={scope:"string",begin:"'",end:"'",illegal:"\\n",contains:[y]},k={scope:"string",begin:'"',end:'"',illegal:"\\n",contains:[y]},C=function(e,i,l={}){const o=n({scope:"comment",begin:e,end:i,contains:[]},l);o.contains.push({scope:"doctag",begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0})
+;const r=h("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/);return o.contains.push({begin:N(/[ ]+/,"(",r,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),o},L=C("//","$"),_=C("/\\*","\\*/"),A=C("#","$"),M={scope:"number",begin:w,relevance:0},T={scope:"number",begin:I,relevance:0},z={scope:"number",begin:x,relevance:0},D={begin:/(?=\/[^/\n]*\/)/,contains:[{scope:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[y,{begin:/\[/,end:/\]/,relevance:0,contains:[y]}]}]},H={scope:"title",begin:p,relevance:0},P={scope:"title",begin:g,relevance:0},B={begin:"\\.\\s*"+g,relevance:0};var E=Object.freeze({__proto__:null,MATCH_NOTHING_RE:/\b\B/,IDENT_RE:p,UNDERSCORE_IDENT_RE:g,NUMBER_RE:w,C_NUMBER_RE:I,BINARY_NUMBER_RE:x,RE_STARTERS_RE:"!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",SHEBANG:(e={})=>{const i=/^#![ ]*\//
+;return e.binary&&(e.begin=N(i,/.*\b/,e.binary,/\b.*/)),n({scope:"meta",begin:i,end:/$/,relevance:0,"on:begin":(e,i)=>{0!==e.index&&i.ignoreMatch()}},e)},BACKSLASH_ESCAPE:y,APOS_STRING_MODE:S,QUOTE_STRING_MODE:k,PHRASAL_WORDS_MODE:{begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},COMMENT:C,C_LINE_COMMENT_MODE:L,C_BLOCK_COMMENT_MODE:_,HASH_COMMENT_MODE:A,NUMBER_MODE:M,C_NUMBER_MODE:T,BINARY_NUMBER_MODE:z,REGEXP_MODE:D,TITLE_MODE:H,UNDERSCORE_TITLE_MODE:P,METHOD_GUARD:B,END_SAME_AS_BEGIN:function(e){return Object.assign(e,{"on:begin":(e,i)=>{i.data._beginMatch=e[1]},"on:end":(e,i)=>{i.data._beginMatch!==e[1]&&i.ignoreMatch()}})}});function R(e,i){"."===e.input[e.index-1]&&i.ignoreMatch()}function O(e,i){void 0!==e.className&&(e.scope=e.className,delete e.className)}function F(e,i){i&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",e.__beforeBegin=R,
+e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,void 0===e.relevance&&(e.relevance=0))}function q(e,i){Array.isArray(e.illegal)&&(e.illegal=h(...e.illegal))}function j(e,i){if(e.match){if(e.begin||e.end)throw new Error("begin & end are not supported with match");e.begin=e.match,delete e.match}}function U(e,i){void 0===e.relevance&&(e.relevance=1)}const V=(e,i)=>{if(!e.beforeMatch)return;if(e.starts)throw new Error("beforeMatch cannot be used with starts");const l=Object.assign({},e);Object.keys(e).forEach((i=>{delete e[i]})),e.keywords=l.keywords,e.begin=N(l.beforeMatch,a(l.begin)),e.starts={relevance:0,contains:[Object.assign(l,{endsParent:!0})]},e.relevance=0,delete l.beforeMatch},W=["of","and","for","in","not","or","if","then","parent","list","value"],G="keyword";function $(e,i,l=G){const n=Object.create(null);return"string"==typeof e?o(l,e.split(" ")):Array.isArray(e)?o(l,e):Object.keys(e).forEach((function(l){Object.assign(n,$(e[l],i,l))})),n;function o(e,l){
+i&&(l=l.map((e=>e.toLowerCase()))),l.forEach((function(i){const l=i.split("|");n[l[0]]=[e,X(l[0],l[1])]}))}}function X(e,i){return i?Number(i):function(e){return W.includes(e.toLowerCase())}(e)?0:1}const K={},J=e=>{console.error(e)},Q=(e,...i)=>{console.log(`WARN: ${e}`,...i)},Y=(e,i)=>{K[`${e}/${i}`]||(console.log(`Deprecated as of ${e}. ${i}`),K[`${e}/${i}`]=!0)},Z=new Error;function ee(e,i,{key:l}){let n=0;const o=e[l],r={},t={};for(let e=1;e<=i.length;e++)t[e+n]=o[e],r[e+n]=!0,n+=b(i[e-1]);e[l]=t,e[l]._emit=r,e[l]._multi=!0}function ie(e){!function(e){e.scope&&"object"==typeof e.scope&&null!==e.scope&&(e.beginScope=e.scope,delete e.scope)}(e),"string"==typeof e.beginScope&&(e.beginScope={_wrap:e.beginScope}),"string"==typeof e.endScope&&(e.endScope={_wrap:e.endScope}),function(e){if(Array.isArray(e.begin)){if(e.skip||e.excludeBegin||e.returnBegin)throw J("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),Z
+;if("object"!=typeof e.beginScope||null===e.beginScope)throw J("beginScope must be object"),Z;ee(e,e.begin,{key:"beginScope"}),e.begin=v(e.begin,{joinWith:""})}}(e),function(e){if(Array.isArray(e.end)){if(e.skip||e.excludeEnd||e.returnEnd)throw J("skip, excludeEnd, returnEnd not compatible with endScope: {}"),Z;if("object"!=typeof e.endScope||null===e.endScope)throw J("endScope must be object"),Z;ee(e,e.end,{key:"endScope"}),e.end=v(e.end,{joinWith:""})}}(e)}function le(e){function i(i,l){return new RegExp(c(i),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(l?"g":""))}class l{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(e,i){i.position=this.position++,this.matchIndexes[this.matchAt]=i,this.regexes.push([i,e]),this.matchAt+=b(e)+1}compile(){0===this.regexes.length&&(this.exec=()=>null);const e=this.regexes.map((e=>e[1]));this.matcherRe=i(v(e,{joinWith:"|"}),!0),this.lastIndex=0}exec(e){this.matcherRe.lastIndex=this.lastIndex;const i=this.matcherRe.exec(e)
+;if(!i)return null;const l=i.findIndex(((e,i)=>i>0&&void 0!==e)),n=this.matchIndexes[l];return i.splice(0,l),Object.assign(i,n)}}class o{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(e){if(this.multiRegexes[e])return this.multiRegexes[e];const i=new l;return this.rules.slice(e).forEach((([e,l])=>i.addRule(e,l))),i.compile(),this.multiRegexes[e]=i,i}resumingScanAtSamePosition(){return 0!==this.regexIndex}considerAll(){this.regexIndex=0}addRule(e,i){this.rules.push([e,i]),"begin"===i.type&&this.count++}exec(e){const i=this.getMatcher(this.regexIndex);i.lastIndex=this.lastIndex;let l=i.exec(e);if(this.resumingScanAtSamePosition())if(l&&l.index===this.lastIndex);else{const i=this.getMatcher(0);i.lastIndex=this.lastIndex+1,l=i.exec(e)}return l&&(this.regexIndex+=l.position+1,this.regexIndex===this.count&&this.considerAll()),l}}if(e.compilerExtensions||(e.compilerExtensions=[]),
+e.contains&&e.contains.includes("self"))throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");return e.classNameAliases=n(e.classNameAliases||{}),function l(r,t){const m=r;if(r.isCompiled)return m;[O,j,ie,V].forEach((e=>e(r,t))),e.compilerExtensions.forEach((e=>e(r,t))),r.__beforeBegin=null,[F,q,U].forEach((e=>e(r,t))),r.isCompiled=!0;let u=null;return"object"==typeof r.keywords&&r.keywords.$pattern&&(r.keywords=Object.assign({},r.keywords),u=r.keywords.$pattern,delete r.keywords.$pattern),u=u||/\w+/,r.keywords&&(r.keywords=$(r.keywords,e.case_insensitive)),m.keywordPatternRe=i(u,!0),t&&(r.begin||(r.begin=/\B|\b/),m.beginRe=i(m.begin),r.end||r.endsWithParent||(r.end=/\B|\b/),r.end&&(m.endRe=i(m.end)),m.terminatorEnd=c(m.end)||"",r.endsWithParent&&t.terminatorEnd&&(m.terminatorEnd+=(r.end?"|":"")+t.terminatorEnd)),r.illegal&&(m.illegalRe=i(r.illegal)),r.contains||(r.contains=[]),r.contains=[].concat(...r.contains.map((function(e){return function(e){
+e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map((function(i){return n(e,{variants:null},i)})));if(e.cachedVariants)return e.cachedVariants;if(ne(e))return n(e,{starts:e.starts?n(e.starts):null});if(Object.isFrozen(e))return n(e);return e}("self"===e?r:e)}))),r.contains.forEach((function(e){l(e,m)})),r.starts&&l(r.starts,t),m.matcher=function(e){const i=new o;return e.contains.forEach((e=>i.addRule(e.begin,{rule:e,type:"begin"}))),e.terminatorEnd&&i.addRule(e.terminatorEnd,{type:"end"}),e.illegal&&i.addRule(e.illegal,{type:"illegal"}),i}(m),m}(e)}function ne(e){return!!e&&(e.endsWithParent||ne(e.starts))}class oe extends Error{constructor(e,i){super(e),this.name="HTMLInjectionError",this.html=i}}const re=l,te=n,me=Symbol("nomatch"),ue=function(l){const n=Object.create(null),o=Object.create(null),r=[];let t=!0;const m="Could not find the language '{}', did you forget to load/include a language module?",c={disableAutodetect:!0,name:"Plain text",contains:[]};let b={ignoreUnescapedHTML:!1,
+throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",cssSelector:"pre code",languages:null,__emitter:u};function f(e){return b.noHighlightRe.test(e)}function v(e,i,l){let n="",o="";"object"==typeof i?(n=e,l=i.ignoreIllegals,o=i.language):(Y("10.7.0","highlight(lang, code, ...args) has been deprecated."),Y("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277"),o=e,n=i),void 0===l&&(l=!0);const r={code:n,language:o};C("before:highlight",r);const t=r.result?r.result:p(r.language,r.code,l);return t.code=r.code,C("after:highlight",t),t}function p(e,l,o,r){const u=Object.create(null);function c(){if(!C.keywords)return void _.addText(A);let e=0;C.keywordPatternRe.lastIndex=0;let i=C.keywordPatternRe.exec(A),l="";for(;i;){l+=A.substring(e,i.index);const o=x.case_insensitive?i[0].toLowerCase():i[0],r=(n=o,C.keywords[n]);if(r){const[e,n]=r;if(_.addText(l),l="",u[o]=(u[o]||0)+1,
+u[o]<=7&&(M+=n),e.startsWith("_"))l+=i[0];else{const l=x.classNameAliases[e]||e;d(i[0],l)}}else l+=i[0];e=C.keywordPatternRe.lastIndex,i=C.keywordPatternRe.exec(A)}var n;l+=A.substring(e),_.addText(l)}function a(){null!=C.subLanguage?function(){if(""===A)return;let e=null;if("string"==typeof C.subLanguage){if(!n[C.subLanguage])return void _.addText(A);e=p(C.subLanguage,A,!0,L[C.subLanguage]),L[C.subLanguage]=e._top}else e=g(A,C.subLanguage.length?C.subLanguage:null);C.relevance>0&&(M+=e.relevance),_.__addSublanguage(e._emitter,e.language)}():c(),A=""}function d(e,i){""!==e&&(_.startScope(i),_.addText(e),_.endScope())}function s(e,i){let l=1;const n=i.length-1;for(;l<=n;){if(!e._emit[l]){l++;continue}const n=x.classNameAliases[e[l]]||e[l],o=i[l];n?d(o,n):(A=o,c(),A=""),l++}}function N(e,i){return e.scope&&"string"==typeof e.scope&&_.openNode(x.classNameAliases[e.scope]||e.scope),e.beginScope&&(e.beginScope._wrap?(d(A,x.classNameAliases[e.beginScope._wrap]||e.beginScope._wrap),
+A=""):e.beginScope._multi&&(s(e.beginScope,i),A="")),C=Object.create(e,{parent:{value:C}}),C}function h(e,l,n){let o=function(e,i){const l=e&&e.exec(i);return l&&0===l.index}(e.endRe,n);if(o){if(e["on:end"]){const n=new i(e);e["on:end"](l,n),n.isMatchIgnored&&(o=!1)}if(o){for(;e.endsParent&&e.parent;)e=e.parent;return e}}if(e.endsWithParent)return h(e.parent,l,n)}function f(e){return 0===C.matcher.regexIndex?(A+=e[0],1):(D=!0,0)}function v(e){const i=e[0],n=l.substring(e.index),o=h(C,e,n);if(!o)return me;const r=C;C.endScope&&C.endScope._wrap?(a(),d(i,C.endScope._wrap)):C.endScope&&C.endScope._multi?(a(),s(C.endScope,e)):r.skip?A+=i:(r.returnEnd||r.excludeEnd||(A+=i),a(),r.excludeEnd&&(A=i));do{C.scope&&_.closeNode(),C.skip||C.subLanguage||(M+=C.relevance),C=C.parent}while(C!==o.parent);return o.starts&&N(o.starts,e),r.returnEnd?0:i.length}let w={};function I(n,r){const m=r&&r[0];if(A+=n,null==m)return a(),0;if("begin"===w.type&&"end"===r.type&&w.index===r.index&&""===m){if(A+=l.slice(r.index,r.index+1),!t){
+const i=new Error(`0 width match regex (${e})`);throw i.languageName=e,i.badRule=w.rule,i}return 1}if(w=r,"begin"===r.type)return function(e){const l=e[0],n=e.rule,o=new i(n),r=[n.__beforeBegin,n["on:begin"]];for(const i of r)if(i&&(i(e,o),o.isMatchIgnored))return f(l);return n.skip?A+=l:(n.excludeBegin&&(A+=l),a(),n.returnBegin||n.excludeBegin||(A=l)),N(n,e),n.returnBegin?0:l.length}(r);if("illegal"===r.type&&!o){const e=new Error('Illegal lexeme "'+m+'" for mode "'+(C.scope||"<unnamed>")+'"');throw e.mode=C,e}if("end"===r.type){const e=v(r);if(e!==me)return e}if("illegal"===r.type&&""===m)return 1;if(z>1e5&&z>3*r.index){throw new Error("potential infinite loop, way more iterations than matches")}return A+=m,m.length}const x=y(e);if(!x)throw J(m.replace("{}",e)),new Error('Unknown language: "'+e+'"');const S=le(x);let k="",C=r||S;const L={},_=new b.__emitter(b);!function(){const e=[];for(let i=C;i!==x;i=i.parent)i.scope&&e.unshift(i.scope);e.forEach((e=>_.openNode(e)))}();let A="",M=0,T=0,z=0,D=!1;try{
+if(x.__emitTokens)x.__emitTokens(l,_);else{for(C.matcher.considerAll();;){z++,D?D=!1:C.matcher.considerAll(),C.matcher.lastIndex=T;const e=C.matcher.exec(l);if(!e)break;const i=I(l.substring(T,e.index),e);T=e.index+i}I(l.substring(T))}return _.finalize(),k=_.toHTML(),{language:e,value:k,relevance:M,illegal:!1,_emitter:_,_top:C}}catch(i){if(i.message&&i.message.includes("Illegal"))return{language:e,value:re(l),illegal:!0,relevance:0,_illegalBy:{message:i.message,index:T,context:l.slice(T-100,T+100),mode:i.mode,resultSoFar:k},_emitter:_};if(t)return{language:e,value:re(l),illegal:!1,relevance:0,errorRaised:i,_emitter:_,_top:C};throw i}}function g(e,i){i=i||b.languages||Object.keys(n);const l=function(e){const i={value:re(e),illegal:!1,relevance:0,_top:c,_emitter:new b.__emitter(b)};return i._emitter.addText(e),i}(e),o=i.filter(y).filter(k).map((i=>p(i,e,!1)));o.unshift(l);const r=o.sort(((e,i)=>{if(e.relevance!==i.relevance)return i.relevance-e.relevance;if(e.language&&i.language){
+if(y(e.language).supersetOf===i.language)return 1;if(y(i.language).supersetOf===e.language)return-1}return 0})),[t,m]=r,u=t;return u.secondBest=m,u}function w(e){let i=null;const l=function(e){let i=e.className+" ";i+=e.parentNode?e.parentNode.className:"";const l=b.languageDetectRe.exec(i);if(l){const i=y(l[1]);return i||(Q(m.replace("{}",l[1])),Q("Falling back to no-highlight mode for this block.",e)),i?l[1]:"no-highlight"}return i.split(/\s+/).find((e=>f(e)||y(e)))}(e);if(f(l))return;if(C("before:highlightElement",{el:e,language:l}),e.children.length>0&&(b.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),console.warn("The element with unescaped HTML:"),console.warn(e)),b.throwUnescapedHTML)){throw new oe("One of your code blocks includes unescaped HTML.",e.innerHTML)}i=e;const n=i.textContent,r=l?v(n,{language:l,ignoreIllegals:!0}):g(n)
+;e.innerHTML=r.value,function(e,i,l){const n=i&&o[i]||l;e.classList.add("hljs"),e.classList.add(`language-${n}`)}(e,l,r.language),e.result={language:r.language,re:r.relevance,relevance:r.relevance},r.secondBest&&(e.secondBest={language:r.secondBest.language,relevance:r.secondBest.relevance}),C("after:highlightElement",{el:e,result:r,text:n})}let I=!1;function x(){if("loading"===document.readyState)return void(I=!0);document.querySelectorAll(b.cssSelector).forEach(w)}function y(e){return e=(e||"").toLowerCase(),n[e]||n[o[e]]}function S(e,{languageName:i}){"string"==typeof e&&(e=[e]),e.forEach((e=>{o[e.toLowerCase()]=i}))}function k(e){const i=y(e);return i&&!i.disableAutodetect}function C(e,i){const l=e;r.forEach((function(e){e[l]&&e[l](i)}))}"undefined"!=typeof window&&window.addEventListener&&window.addEventListener("DOMContentLoaded",(function(){I&&x()}),!1),Object.assign(l,{highlight:v,highlightAuto:g,highlightAll:x,highlightElement:w,highlightBlock:function(e){
+return Y("10.7.0","highlightBlock will be removed entirely in v12.0"),Y("10.7.0","Please use highlightElement now."),w(e)},configure:function(e){b=te(b,e)},initHighlighting:()=>{x(),Y("10.6.0","initHighlighting() deprecated.  Use highlightAll() now.")},initHighlightingOnLoad:function(){x(),Y("10.6.0","initHighlightingOnLoad() deprecated.  Use highlightAll() now.")},registerLanguage:function(e,i){let o=null;try{o=i(l)}catch(i){if(J("Language definition for '{}' could not be registered.".replace("{}",e)),!t)throw i;J(i),o=c}o.name||(o.name=e),n[e]=o,o.rawDefinition=i.bind(null,l),o.aliases&&S(o.aliases,{languageName:e})},unregisterLanguage:function(e){delete n[e];for(const i of Object.keys(o))o[i]===e&&delete o[i]},listLanguages:function(){return Object.keys(n)},getLanguage:y,registerAliases:S,autoDetection:k,inherit:te,addPlugin:function(e){!function(e){e["before:highlightBlock"]&&!e["before:highlightElement"]&&(e["before:highlightElement"]=i=>{e["before:highlightBlock"](Object.assign({block:i.el},i))}),
+e["after:highlightBlock"]&&!e["after:highlightElement"]&&(e["after:highlightElement"]=i=>{e["after:highlightBlock"](Object.assign({block:i.el},i))})}(e),r.push(e)},removePlugin:function(e){const i=r.indexOf(e);-1!==i&&r.splice(i,1)}}),l.debugMode=function(){t=!1},l.safeMode=function(){t=!0},l.versionString="11.8.0",l.regex={concat:N,lookahead:a,either:h,optional:s,anyNumberOfTimes:d};for(const i in E)"object"==typeof E[i]&&e(E[i]);return Object.assign(l,E),l},ce=ue({});return ce.newInstance=()=>ue({}),vt=ce,ce.HighlightJS=ce,ce.default=ce,vt}var wt=V(gt())
+;const It="[A-Za-z$_][0-9A-Za-z$_]*",xt=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends"],yt=["true","false","null","undefined","NaN","Infinity"],St=["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],kt=["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"],Ct=["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],Lt=["arguments","this","super","console","window","document","localStorage","sessionStorage","module","global"],_t=[].concat(Ct,St,kt)
+;function At(e){const i=e.regex,l=It,n="<>",o="</>",r={begin:/<[A-Za-z0-9\\._:-]+/,end:/\/[A-Za-z0-9\\._:-]+>|\/>/,isTrulyOpeningTag:(e,i)=>{const l=e[0].length+e.index,n=e.input[l];if("<"===n||","===n)return void i.ignoreMatch();let o;">"===n&&(((e,{after:i})=>{const l="</"+e[0].slice(1);return-1!==e.input.indexOf(l,i)})(e,{after:l})||i.ignoreMatch());const r=e.input.substring(l);((o=r.match(/^\s*=/))||(o=r.match(/^\s+extends\s+/))&&0===o.index)&&i.ignoreMatch()}},t={$pattern:It,keyword:xt,literal:yt,built_in:_t,"variable.language":Lt},m="[0-9](_?[0-9])*",u=`\\.(${m})`,c="0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*",a={className:"number",variants:[{begin:`(\\b(${c})((${u})|\\.)?|(${u}))[eE][+-]?(${m})\\b`},{begin:`\\b(${c})\\b((${u})\\b|\\.)?|(${u})\\b`},{begin:"\\b(0|[1-9](_?[0-9])*)n\\b"},{begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\b"},{begin:"\\b0[bB][0-1](_?[0-1])*n?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*n?\\b"},{begin:"\\b0[0-7]+n?\\b"}],relevance:0},d={className:"subst",begin:"\\$\\{",end:"\\}",keywords:t,
+contains:[]},s={begin:"html`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,d],subLanguage:"xml"}},N={begin:"css`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,d],subLanguage:"css"}},h={begin:"gql`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,d],subLanguage:"graphql"}},b={className:"string",begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE,d]},f={className:"comment",variants:[e.COMMENT(/\/\*\*(?!\/)/,"\\*/",{relevance:0,contains:[{begin:"(?=@[A-Za-z]+)",relevance:0,contains:[{className:"doctag",begin:"@[A-Za-z]+"},{className:"type",begin:"\\{",end:"\\}",excludeEnd:!0,excludeBegin:!0,relevance:0},{className:"variable",begin:l+"(?=\\s*(-)|$)",endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]}),e.C_BLOCK_COMMENT_MODE,e.C_LINE_COMMENT_MODE]},v=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,s,N,h,b,{match:/\$\d+/},a];d.contains=v.concat({begin:/\{/,end:/\}/,keywords:t,contains:["self"].concat(v)});const p=[].concat(f,d.contains),g=p.concat([{
+begin:/\(/,end:/\)/,keywords:t,contains:["self"].concat(p)}]),w={className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:t,contains:g},I={variants:[{match:[/class/,/\s+/,l,/\s+/,/extends/,/\s+/,i.concat(l,"(",i.concat(/\./,l),")*")],scope:{1:"keyword",3:"title.class",5:"keyword",7:"title.class.inherited"}},{match:[/class/,/\s+/,l],scope:{1:"keyword",3:"title.class"}}]},x={relevance:0,match:i.either(/\bJSON/,/\b[A-Z][a-z]+([A-Z][a-z]*|\d)*/,/\b[A-Z]{2,}([A-Z][a-z]+|\d)+([A-Z][a-z]*)*/,/\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\d)*([A-Z][a-z]*)*/),className:"title.class",keywords:{_:[...St,...kt]}},y={variants:[{match:[/function/,/\s+/,l,/(?=\s*\()/]},{match:[/function/,/\s*(?=\()/]}],className:{1:"keyword",3:"title.function"},label:"func.def",contains:[w],illegal:/%/};const S={match:i.concat(/\b/,(k=[...Ct,"super","import"],i.concat("(?!",k.join("|"),")")),l,i.lookahead(/\(/)),className:"title.function",relevance:0};var k;const C={begin:i.concat(/\./,i.lookahead(i.concat(l,/(?![0-9A-Za-z$_(])/))),
+end:l,excludeBegin:!0,keywords:"prototype",className:"property",relevance:0},L={match:[/get|set/,/\s+/,l,/(?=\()/],className:{1:"keyword",3:"title.function"},contains:[{begin:/\(\)/},w]},_="(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|"+e.UNDERSCORE_IDENT_RE+")\\s*=>",A={match:[/const|var|let/,/\s+/,l,/\s*/,/=\s*/,/(async\s*)?/,i.lookahead(_)],keywords:"async",className:{1:"keyword",3:"title.function"},contains:[w]};return{name:"JavaScript",aliases:["js","jsx","mjs","cjs"],keywords:t,exports:{PARAMS_CONTAINS:g,CLASS_REFERENCE:x},illegal:/#(?![$_A-z])/,contains:[e.SHEBANG({label:"shebang",binary:"node",relevance:5}),{label:"use_strict",className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,s,N,h,b,f,{match:/\$\d+/},a,x,{className:"attr",begin:l+i.lookahead(":"),relevance:0},A,{begin:"("+e.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",relevance:0,contains:[f,e.REGEXP_MODE,{className:"function",begin:_,returnBegin:!0,
+end:"\\s*=>",contains:[{className:"params",variants:[{begin:e.UNDERSCORE_IDENT_RE,relevance:0},{className:null,begin:/\(\s*\)/,skip:!0},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:t,contains:g}]}]},{begin:/,/,relevance:0},{match:/\s+/,relevance:0},{variants:[{begin:n,end:o},{match:/<[A-Za-z0-9\\._:-]+\s*\/>/},{begin:r.begin,"on:begin":r.isTrulyOpeningTag,end:r.end}],subLanguage:"xml",contains:[{begin:r.begin,end:r.end,skip:!0,contains:["self"]}]}]},y,{beginKeywords:"while if switch catch for"},{begin:"\\b(?!function)"+e.UNDERSCORE_IDENT_RE+"\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",returnBegin:!0,label:"func.def",contains:[w,e.inherit(e.TITLE_MODE,{begin:l,className:"title.function"})]},{match:/\.\.\./,relevance:0},C,{match:"\\$"+l,relevance:0},{match:[/\bconstructor(?=\s*\()/],className:{1:"title.function"},contains:[w]},S,{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,className:"variable.constant"},I,L,{match:/\$[(.]/}]}}function Mt(e){
+const i=At(e),l=It,n=["any","void","number","boolean","string","object","never","symbol","bigint","unknown"],o={beginKeywords:"namespace",end:/\{/,excludeEnd:!0,contains:[i.exports.CLASS_REFERENCE]},r={beginKeywords:"interface",end:/\{/,excludeEnd:!0,keywords:{keyword:"interface extends",built_in:n},contains:[i.exports.CLASS_REFERENCE]},t={$pattern:It,keyword:xt.concat(["type","namespace","interface","public","private","protected","implements","declare","abstract","readonly","enum","override"]),literal:yt,built_in:_t.concat(n),"variable.language":Lt},m={className:"meta",begin:"@"+l},u=(e,i,l)=>{const n=e.contains.findIndex((e=>e.label===i));if(-1===n)throw new Error("can not find mode to replace");e.contains.splice(n,1,l)};Object.assign(i.keywords,t),i.exports.PARAMS_CONTAINS.push(m),i.contains=i.contains.concat([m,o,r]),u(i,"shebang",e.SHEBANG()),u(i,"use_strict",{className:"meta",relevance:10,begin:/^\s*['"]use strict['"]/});const c=i.contains.find((e=>"func.def"===e.label));return c.relevance=0,
+Object.assign(i,{name:"TypeScript",aliases:["ts","tsx","mts","cts"]}),i}function Tt(e){const i=e.regex,l=i.concat(/[\p{L}_]/u,i.optional(/[\p{L}0-9_.-]*:/u),/[\p{L}0-9_.-]*/u),n={className:"symbol",begin:/&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;/},o={begin:/\s/,contains:[{className:"keyword",begin:/#?[a-z_][a-z1-9_-]+/,illegal:/\n/}]},r=e.inherit(o,{begin:/\(/,end:/\)/}),t=e.inherit(e.APOS_STRING_MODE,{className:"string"}),m=e.inherit(e.QUOTE_STRING_MODE,{className:"string"}),u={endsWithParent:!0,illegal:/</,relevance:0,contains:[{className:"attr",begin:/[\p{L}0-9._:-]+/u,relevance:0},{begin:/=\s*/,relevance:0,contains:[{className:"string",endsParent:!0,variants:[{begin:/"/,end:/"/,contains:[n]},{begin:/'/,end:/'/,contains:[n]},{begin:/[^\s"'=<>`]+/}]}]}]};return{name:"HTML, XML",aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist","wsf","svg"],case_insensitive:!0,unicodeRegex:!0,contains:[{className:"meta",begin:/<![a-z]/,end:/>/,relevance:10,contains:[o,m,t,r,{begin:/\[/,end:/\]/,contains:[{
+className:"meta",begin:/<![a-z]/,end:/>/,contains:[o,r,m,t]}]}]},e.COMMENT(/<!--/,/-->/,{relevance:10}),{begin:/<!\[CDATA\[/,end:/\]\]>/,relevance:10},n,{className:"meta",end:/\?>/,variants:[{begin:/<\?xml/,relevance:10,contains:[m]},{begin:/<\?[a-z][a-z0-9]+/}]},{className:"tag",begin:/<style(?=\s|>)/,end:/>/,keywords:{name:"style"},contains:[u],starts:{end:/<\/style>/,returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:/<script(?=\s|>)/,end:/>/,keywords:{name:"script"},contains:[u],starts:{end:/<\/script>/,returnEnd:!0,subLanguage:["javascript","handlebars","xml"]}},{className:"tag",begin:/<>|<\/>/},{className:"tag",begin:i.concat(/</,i.lookahead(i.concat(l,i.either(/\/>/,/>/,/\s/)))),end:/\/?>/,contains:[{className:"name",begin:l,relevance:0,starts:u}]},{className:"tag",begin:i.concat(/<\//,i.lookahead(i.concat(l,/>/))),contains:[{className:"name",begin:l,relevance:0},{begin:/>/,relevance:0,endsParent:!0}]}]}}function zt(e){var i
+;let l="string"==typeof e?e:null!==(i=e.displayName)&&void 0!==i?i:e.name;return l=l.replace(/\$[0-9]+$/,""),l=l.replace(/\B_$/,""),l}function Dt(e){if("string"==typeof e||"number"==typeof e||"bigint"==typeof e)return e.toString();if("boolean"==typeof e)return"";if(e&&"type"in e){let i=Object.entries(e.props).map((([e,i])=>{if(function(e){return e.match(/^_/)||"children"===e}(e))return"";if(function(e){const i=null==e?void 0:e.type;return"string"==typeof i||"function"==typeof i}(i))return`${e}={${Dt(i)}}`;let l="";switch(typeof i){case"boolean":l=i?e:`${e}={false}`;break;case"string":l=`${e}="${n=i,n.replace(/"/g,'\\"')}"`;break;case"bigint":case"number":case"undefined":l=`${e}={${i}}`;break;case"function":l=zt(i)?`${e}={${zt(i)}}`:`${e}={${i.toString()}}`;break;case"object":l=i?`${e}={${e}}`:`${e}={${i}}`;break;default:i&&(l=`${e}={${i.toString()}}`)}var n;return l})).join(" ").trim();i.length>0&&(i=" "+i);const l=e.type===I?"":zt(e.type),n=e.props.children;if(n){
+let e=Array.isArray(n)?n.map(Dt).join("\n"):Dt(n);return e=function(e,i){const l=" ".repeat(i);return e.split("\n").map((e=>l+e)).join("\n")}(e,2),`<${l}${i}>\n${e}\n</${l}>`}return`<${l}${i} />`}return""}function Ht(e){return wt.getLanguage("typescript")||wt.registerLanguage("typescript",Mt),wt.getLanguage("xml")||wt.registerLanguage("xml",Tt),wt.highlightAuto(e).value}function Pt(e){return Ht(Dt(e))}var Bt="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/Library.tsx";function Et({children:e,level:i=2,...l}){return i<=2?bi("h2",{className:"text-2xl text-slate-600 font-medium mb-4",...l,children:e},void 0,0,{fileName:Bt,lineNumber:62,columnNumber:7},this):3===i?bi("h3",{className:"text-xl text-slate-600 font-medium mb-4",...l,children:e},void 0,0,{fileName:Bt,lineNumber:71,columnNumber:7},this):bi("h4",{className:"text-lg border-b border-stone-300 text-slate-600 font-normal mb-4",...l,children:e},void 0,0,{fileName:Bt,lineNumber:80,columnNumber:7},this)}const Rt=U(0)
+;function Ot({children:e,intro:i,level:l,title:n,...o}){const r=fe(Rt),t=null!=l?l:r+1;return bi(Rt.Provider,{value:t,children:bi("section",{"data-depth":t,className:Z("leading-relaxed",{"mt-8 mb-16":t<=1,"mt-8 mb-8":2===t,"mt-6 mb-8":t>=3}),...o,children:[n&&bi(Et,{level:t+1,children:n},void 0,0,{fileName:Bt,lineNumber:128,columnNumber:11},this),i&&bi("div",{className:"text-base space-y-3 leading-relaxed",children:i},void 0,0,{fileName:Bt,lineNumber:131,columnNumber:11},this),e]},void 0,0,{fileName:Bt,lineNumber:116,columnNumber:7},this)},void 0,0,{fileName:Bt,lineNumber:115,columnNumber:5},this)}function Ft({message:e}){return bi("div",{className:"w-full text-red-600 p-2 border rounded border-red-600",children:e},void 0,0,{fileName:Bt,lineNumber:182,columnNumber:5},this)}async function qt(e,i){const l=await fetch(`/examples/${e}.tsx`,{signal:i});if(l.status>=400)throw new Error(`Failed loading ${e} example file`);return(await l.text()).replace(/^import .*;\n/gm,"").replace(/^\s*\n*/,"")}
+function jt({size:e,title:i,...l}){const[n,o]=function(e){const i=function(e){return"content"in e}(e),[l,n]=ae(i?Pt(e.content):void 0),[o,r]=ae();return de((()=>{if(i)return()=>{};const l=new AbortController;return qt(`/examples/${e.exampleFile}.tsx`,l.signal).then((e=>n(Ht(e)))).catch(r),()=>l.abort()}),[i,e]),[l,o]}(l);return bi("figure",{className:"space-y-2 min-h-0 h-full",children:[n&&bi(Fr,{borderless:!0,children:[bi("div",{className:Z("unstyled-text bg-slate-7 text-color-text-inverted p-4 rounded-md min-h-0 h-full",{"text-sm":"sm"===e}),children:bi(Ii,{variant:"flat",children:bi("code",{className:"text-color-text-inverted",children:bi("pre",{className:"whitespace-pre-wrap",dangerouslySetInnerHTML:{__html:n}},void 0,0,{fileName:Bt,lineNumber:539,columnNumber:17},this)},void 0,0,{fileName:Bt,lineNumber:538,columnNumber:15},this)},void 0,0,{fileName:Bt,lineNumber:537,columnNumber:13},this)},void 0,0,{fileName:Bt,lineNumber:531,columnNumber:11},this),i&&bi("figcaption",{className:"flex justify-end",
+children:bi("span",{className:"italic",children:i},void 0,0,{fileName:Bt,lineNumber:548,columnNumber:15},this)},void 0,0,{fileName:Bt,lineNumber:547,columnNumber:13},this)]},void 0,0,{fileName:Bt,lineNumber:530,columnNumber:9},this),o&&bi(Ft,{message:o.message},void 0,0,{fileName:Bt,lineNumber:553,columnNumber:17},this)]},void 0,0,{fileName:Bt,lineNumber:528,columnNumber:5},this)}var Ut={Callout:function({children:e}){return bi("div",{className:"flex gap-x-2 p-3 rounded-md bg-slate-50 border shadow-inner",children:[bi("div",{className:"w-6 h-6",children:bi(Xi,{className:"text-yellow-notice w-6 h-6 mt-0.5"},void 0,0,{fileName:Bt,lineNumber:604,columnNumber:9},this)},void 0,0,{fileName:Bt,lineNumber:603,columnNumber:7},this),bi("div",{children:e},void 0,0,{fileName:Bt,lineNumber:606,columnNumber:7},this)]},void 0,0,{fileName:Bt,lineNumber:602,columnNumber:5},this)},Code:jt,Demo:function({classes:e,withSource:i=!1,style:l={},title:n,...o}){const[r,t]=ae("demo"),m=function(e){
+const[i,l]=ae(),[n,o]=ae(),[r,t]=ae(),[m,u]=ae();return de((()=>{if(!e.exampleFile)return()=>{};import(`../examples/${e.exampleFile}.tsx`).then((({default:e})=>o(bi(e,{},void 0,0,{fileName:Bt,lineNumber:270,columnNumber:50},this)))).catch((()=>u(`Failed loading ../examples/${e.exampleFile}.tsx module`)));const i=new AbortController;return qt(e.exampleFile,i.signal).then(l).catch((e=>t(e.message))),()=>i.abort()}),[e.exampleFile,e.children]),e.children?{children:e.children}:{code:i,example:n,codeError:r,exampleError:m}}(o),u="children"in m;return bi("div",{className:"my-8 p-2 space-y-1",children:[bi("div",{className:"flex items-center px-2",children:[bi("div",{className:"py-1 grow",children:bi("h5",{className:"text-base text-base leading-none font-semibold text-slate-600",children:n},void 0,0,{fileName:Bt,lineNumber:313,columnNumber:11},this)},void 0,0,{fileName:Bt,lineNumber:312,columnNumber:9},this),bi("div",{className:"flex flex-row items-center justify-end gap-x-4",children:i&&bi("button",{
+className:Z("flex items-center gap-x-1.5 py-1 px-2 rounded-md","text-sm text-slate-500","hover:bg-slate-50 border hover:border-slate-300",{"bg-slate-100 border border-slate-400 shadow-inner":"source"===r,"border-slate-100 shadow":"source"!==r}),"aria-pressed":"source"===r,onClick:()=>t((e=>"source"===e?"demo":"source")),title:"Toggle view-source panel",children:bi(dl,{className:"w-[18px] h-[18px]"},void 0,0,{fileName:Bt,lineNumber:338,columnNumber:15},this)},void 0,0,{fileName:Bt,lineNumber:319,columnNumber:13},this)},void 0,0,{fileName:Bt,lineNumber:317,columnNumber:9},this)]},void 0,0,{fileName:Bt,lineNumber:311,columnNumber:7},this),bi("div",{className:"p-2 unstyled-text",children:["demo"===r&&bi("div",{className:"w-full p-8 rounded-md border border-stone-300 bg-stone-50 rounded-md",style:l,children:bi("div",{className:Z("h-full flex flex-row items-center justify-center gap-2",e),children:[u?m.children:m.example,!u&&m.exampleError&&bi(Ft,{message:m.exampleError},void 0,0,{fileName:Bt,lineNumber:357,
+columnNumber:17},this)]},void 0,0,{fileName:Bt,lineNumber:349,columnNumber:13},this)},void 0,0,{fileName:Bt,lineNumber:345,columnNumber:11},this),"source"===r&&bi(I,{children:[u?bi("div",{className:"border w-full rounded-md bg-slate-7 text-color-text-inverted p-4",children:bi("ul",{children:A(m.children).map(((e,i)=>bi("li",{children:bi("code",{children:bi("pre",{className:"font-pre whitespace-pre-wrap break-words text-sm",dangerouslySetInnerHTML:{__html:Pt(e)}},void 0,0,{fileName:Bt,lineNumber:373,columnNumber:27},this)},void 0,0,{fileName:Bt,lineNumber:372,columnNumber:25},this)},i,0,{fileName:Bt,lineNumber:371,columnNumber:23},this)))},void 0,0,{fileName:Bt,lineNumber:368,columnNumber:17},this)},void 0,0,{fileName:Bt,lineNumber:367,columnNumber:15},this):m.code&&bi(jt,{content:m.code},void 0,0,{fileName:Bt,lineNumber:365,columnNumber:36},this),!u&&m.codeError&&bi(Ft,{message:m.codeError},void 0,0,{fileName:Bt,lineNumber:387,columnNumber:15},this)]},void 0)]},void 0,0,{fileName:Bt,lineNumber:343,
+columnNumber:7},this)]},void 0,0,{fileName:Bt,lineNumber:310,columnNumber:5},this)},Info:function({children:e}){return bi("div",{className:"grid grid-cols-[6rem_1fr] gap-x-4 gap-y-2 m-4",children:e},void 0,0,{fileName:Bt,lineNumber:616,columnNumber:5},this)},InfoItem:function({children:e,label:i}){return bi(I,{children:[bi("div",{className:"pt-1 text-right font-medium text-stone-600 text-sm",children:i},void 0,0,{fileName:Bt,lineNumber:634,columnNumber:7},this),bi("div",{children:e},void 0,0,{fileName:Bt,lineNumber:637,columnNumber:7},this)]},void 0)},Link:function({children:e,href:i}){return bi(Qe,{href:i,asChild:!0,children:bi(ot,{underline:"always",children:e},void 0,0,{fileName:Bt,lineNumber:595,columnNumber:7},this)},void 0,0,{fileName:Bt,lineNumber:594,columnNumber:5},this)},Page:function({children:e,intro:i,title:l}){return bi("main",{className:"styled-text text-stone-600",children:bi("div",{className:"px-8 py-4",children:[bi("h1",{className:"text-3xl text-slate-600 font-bold",id:"page-header",
+children:l},void 0,0,{fileName:Bt,lineNumber:36,columnNumber:9},this),i&&bi("div",{className:"my-8 pb-8 border-b space-y-4 font-light text-xl leading-relaxed",children:i},void 0,0,{fileName:Bt,lineNumber:40,columnNumber:11},this),e]},void 0,0,{fileName:Bt,lineNumber:35,columnNumber:7},this)},void 0,0,{fileName:Bt,lineNumber:34,columnNumber:5},this)},Section:Ot,SectionL2:function({children:e,title:i,...l}){return bi(Ot,{level:2,title:i,...l,children:e},void 0,0,{fileName:Bt,lineNumber:153,columnNumber:5},this)},SectionL3:function({children:e,title:i,...l}){return bi(Ot,{level:3,title:i,...l,children:e},void 0,0,{fileName:Bt,lineNumber:174,columnNumber:5},this)},StatusChip:function({status:e}){return bi("span",{className:Z("rounded-md py-1 px-2 mr-1.5 text-sm font-semibold",{"bg-red-error text-color-text-inverted":"breaking"===e,"bg-yellow-notice":"deprecated"===e||"changed"===e,"bg-green-success text-color-text-inverted":"added"===e}),children:["breaking"===e&&bi("span",{children:"Breaking"},void 0,0,{
+fileName:Bt,lineNumber:417,columnNumber:33},this),"deprecated"===e&&bi("span",{children:"Deprecated"},void 0,0,{fileName:Bt,lineNumber:418,columnNumber:35},this),"added"===e&&bi("span",{children:"Added"},void 0,0,{fileName:Bt,lineNumber:419,columnNumber:30},this),"changed"===e&&bi("span",{children:"Changed"},void 0,0,{fileName:Bt,lineNumber:420,columnNumber:32},this)]},void 0,0,{fileName:Bt,lineNumber:407,columnNumber:5},this)},Usage:function({componentName:e,symbolName:i=e,size:l="md"}){return bi(jt,{content:`import { ${i} } from '@hypothesis/frontend-shared';\n`,size:l},void 0,0,{fileName:Bt,lineNumber:575,columnNumber:5},this)}},Vt="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/ColorsPage.tsx";function Wt({colorClass:e,colorName:i}){return bi("div",{children:[bi("div",{className:Z(e,"w-64 h-8 mr-4")},void 0,0,{fileName:Vt,lineNumber:13,columnNumber:7},this),bi("p",{children:bi("i",{children:i},void 0,0,{fileName:Vt,lineNumber:15,columnNumber:9},this)},void 0,0,{
+fileName:Vt,lineNumber:14,columnNumber:7},this)]},void 0,0,{fileName:Vt,lineNumber:12,columnNumber:5},this)}const Gt=bi(I,{children:[bi(Wt,{colorClass:"bg-brand",colorName:"brand"},void 0,0,{fileName:Vt,lineNumber:23,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-brand-dark",colorName:"brand-dark"},void 0,0,{fileName:Vt,lineNumber:24,columnNumber:5},void 0)]},void 0),$t=bi(I,{children:[bi(Wt,{colorClass:"bg-white",colorName:"white"},void 0,0,{fileName:Vt,lineNumber:30,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-grey-0",colorName:"grey-0"},void 0,0,{fileName:Vt,lineNumber:31,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-grey-1",colorName:"grey-1"},void 0,0,{fileName:Vt,lineNumber:32,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-grey-2",colorName:"grey-2"},void 0,0,{fileName:Vt,lineNumber:33,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-grey-3",colorName:"grey-3"},void 0,0,{fileName:Vt,lineNumber:34,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-grey-4",colorName:"grey-4"},void 0,0,{fileName:Vt,lineNumber:35,
+columnNumber:5},void 0),bi(Wt,{colorClass:"bg-grey-5",colorName:"grey-5"},void 0,0,{fileName:Vt,lineNumber:36,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-grey-6",colorName:"grey-6"},void 0,0,{fileName:Vt,lineNumber:37,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-grey-7",colorName:"grey-7"},void 0,0,{fileName:Vt,lineNumber:38,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-grey-8",colorName:"grey-8"},void 0,0,{fileName:Vt,lineNumber:39,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-grey-9",colorName:"grey-9"},void 0,0,{fileName:Vt,lineNumber:40,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-black",colorName:"black"},void 0,0,{fileName:Vt,lineNumber:41,columnNumber:5},void 0)]},void 0),Xt=bi(I,{children:[bi(Wt,{colorClass:"bg-slate-0",colorName:"slate-0"},void 0,0,{fileName:Vt,lineNumber:47,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-slate-1",colorName:"slate-1"},void 0,0,{fileName:Vt,lineNumber:48,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-slate-3",colorName:"slate-3"},void 0,0,{fileName:Vt,lineNumber:49,
+columnNumber:5},void 0),bi(Wt,{colorClass:"bg-slate-5",colorName:"slate-5"},void 0,0,{fileName:Vt,lineNumber:50,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-slate-7",colorName:"slate-7"},void 0,0,{fileName:Vt,lineNumber:51,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-slate-9",colorName:"slate-9"},void 0,0,{fileName:Vt,lineNumber:52,columnNumber:5},void 0)]},void 0),Kt=bi(I,{children:[bi(Wt,{colorClass:"bg-green-success",colorName:"green-success (green alias)"},void 0,0,{fileName:Vt,lineNumber:58,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-yellow-notice",colorName:"yellow-notice (yellow alias)"},void 0,0,{fileName:Vt,lineNumber:62,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-red-error",colorName:"red-error (red alias)"},void 0,0,{fileName:Vt,lineNumber:66,columnNumber:5},void 0)]},void 0),Jt=bi(I,{children:[bi(Wt,{colorClass:"bg-green-light",colorName:"green-light"},void 0,0,{fileName:Vt,lineNumber:72,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-green",colorName:"green"},void 0,0,{fileName:Vt,
+lineNumber:73,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-green-dark",colorName:"green-dark"},void 0,0,{fileName:Vt,lineNumber:74,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-yellow-light",colorName:"yellow-light"},void 0,0,{fileName:Vt,lineNumber:75,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-yellow",colorName:"yellow"},void 0,0,{fileName:Vt,lineNumber:76,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-yellow-dark",colorName:"yellow-dark"},void 0,0,{fileName:Vt,lineNumber:77,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-red-light",colorName:"red-light"},void 0,0,{fileName:Vt,lineNumber:78,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-red",colorName:"red"},void 0,0,{fileName:Vt,lineNumber:79,columnNumber:5},void 0),bi(Wt,{colorClass:"bg-red-dark",colorName:"red-dark"},void 0,0,{fileName:Vt,lineNumber:80,columnNumber:5},void 0)]},void 0),Qt=bi(I,{children:bi(Wt,{colorClass:"bg-blue-focus",colorName:"blue-focus"},void 0,0,{fileName:Vt,lineNumber:86,columnNumber:5},void 0)},void 0)
+;var Yt="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/GettingStartedPage.tsx";var Zt="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/StylingComponentsPage.tsx";var em="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/UsingComponentsPage.tsx";var im="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/UtilitiesPage.tsx";var lm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/data/AspectRatioPage.tsx";var nm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/samples.tsx";function om(){return bi(I,{children:[bi("li",{children:"Alpha"},void 0,0,{fileName:nm,lineNumber:12,columnNumber:7},this),bi("li",{children:"Bravo"},void 0,0,{fileName:nm,lineNumber:13,columnNumber:7},this),bi("li",{children:"Charlie"},void 0,0,{fileName:nm,lineNumber:14,columnNumber:7
+},this),bi("li",{children:"Delta"},void 0,0,{fileName:nm,lineNumber:15,columnNumber:7},this),bi("li",{children:"Echo"},void 0,0,{fileName:nm,lineNumber:16,columnNumber:7},this),bi("li",{children:"Foxtrot"},void 0,0,{fileName:nm,lineNumber:17,columnNumber:7},this),bi("li",{children:"Golf"},void 0,0,{fileName:nm,lineNumber:18,columnNumber:7},this),bi("li",{children:"Hotel"},void 0,0,{fileName:nm,lineNumber:19,columnNumber:7},this),bi("li",{children:"India"},void 0,0,{fileName:nm,lineNumber:20,columnNumber:7},this),bi("li",{children:"Juliett"},void 0,0,{fileName:nm,lineNumber:21,columnNumber:7},this),bi("li",{children:"Kilo"},void 0,0,{fileName:nm,lineNumber:22,columnNumber:7},this),bi("li",{children:"Lima"},void 0,0,{fileName:nm,lineNumber:23,columnNumber:7},this),bi("li",{children:"Mike"},void 0,0,{fileName:nm,lineNumber:24,columnNumber:7},this),bi("li",{children:"November"},void 0,0,{fileName:nm,lineNumber:25,columnNumber:7},this),bi("li",{children:"Oscar"},void 0,0,{fileName:nm,lineNumber:26,columnNumber:7
+},this),bi("li",{children:"Papa"},void 0,0,{fileName:nm,lineNumber:27,columnNumber:7},this),bi("li",{children:"Quebec"},void 0,0,{fileName:nm,lineNumber:28,columnNumber:7},this),bi("li",{children:"Romeo"},void 0,0,{fileName:nm,lineNumber:29,columnNumber:7},this),bi("li",{children:"Sierra"},void 0,0,{fileName:nm,lineNumber:30,columnNumber:7},this),bi("li",{children:"Tango"},void 0,0,{fileName:nm,lineNumber:31,columnNumber:7},this),bi("li",{children:"Uniform"},void 0,0,{fileName:nm,lineNumber:32,columnNumber:7},this),bi("li",{children:"Victor"},void 0,0,{fileName:nm,lineNumber:33,columnNumber:7},this),bi("li",{children:"Whiskey"},void 0,0,{fileName:nm,lineNumber:34,columnNumber:7},this),bi("li",{children:"XRay"},void 0,0,{fileName:nm,lineNumber:35,columnNumber:7},this),bi("li",{children:"Yankee"},void 0,0,{fileName:nm,lineNumber:36,columnNumber:7},this),bi("li",{children:"Zulu"},void 0,0,{fileName:nm,lineNumber:37,columnNumber:7},this)]},void 0)}function rm({size:e="lg"}){return"xs"===e?bi(I,{children:[bi("p",{
+children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a sapien cursus, fringilla diam posuere, varius urna."},void 0,0,{fileName:nm,lineNumber:96,columnNumber:9},this),bi("p",{children:"Phasellus dictum sodales dui, sed scelerisque mauris auctor et. Integer suscipit justo in erat tristique, nec feugiat augue ultrices."},void 0,0,{fileName:nm,lineNumber:100,columnNumber:9},this)]},void 0):"sm"===e?bi("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a sapien cursus, fringilla diam posuere, varius urna. Phasellus dictum sodales dui, sed scelerisque mauris auctor et. Integer suscipit justo in erat tristique, nec feugiat augue ultrices. Sed accumsan pretium commodo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut lobortis tortor metus, sed rutrum risus ultricies non. Maecenas ultricies rutrum diam non feugiat. Nam ut ex ac enim efficitur semper."},void 0,0,{fileName:nm,lineNumber:108,columnNumber:7},this):"md"===e?bi(I,{
+children:[bi("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a sapien cursus, fringilla diam posuere, varius urna. Phasellus dictum sodales dui, sed scelerisque mauris auctor et. Integer suscipit justo in erat tristique, nec feugiat augue ultrices. Sed accumsan pretium commodo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut lobortis tortor metus, sed rutrum risus ultricies non. Maecenas ultricies rutrum diam non feugiat. Nam ut ex ac enim efficitur semper."},void 0,0,{fileName:nm,lineNumber:122,columnNumber:9},this),bi("p",{children:"Integer sed rhoncus eros. Nulla pharetra vulputate faucibus. Vestibulum vestibulum orci non maximus aliquet. Donec id dui ac ipsum pellentesque gravida sit amet non sem. Suspendisse malesuada turpis id erat porta, nec luctus odio mollis. Sed a arcu sed sem venenatis porta. In dictum sapien ut congue facilisis. Curabitur consequat vestibulum ultricies."},void 0,0,{fileName:nm,lineNumber:132,columnNumber:9
+},this),bi("p",{children:"Vivamus rhoncus vitae sapien id volutpat. Fusce ac nisi dolor. Suspendisse ut venenatis ex. Quisque elementum libero quam, non consectetur lorem faucibus a. Sed eu orci vitae nibh sodales sodales ut at neque. Ut lobortis arcu eu lorem porttitor scelerisque. Aenean euismod est ac enim fermentum, sit amet tristique dui consequat. Phasellus vitae sapien dolor. Nulla iaculis nibh at magna convallis finibus ut vitae ipsum."},void 0,0,{fileName:nm,lineNumber:140,columnNumber:9},this)]},void 0):bi("p",{
+children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a sapien cursus, fringilla diam posuere, varius urna. Phasellus dictum sodales dui, sed scelerisque mauris auctor et. Integer suscipit justo in erat tristique, nec feugiat augue ultrices. Sed accumsan pretium commodo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut lobortis tortor metus, sed rutrum risus ultricies non. Maecenas ultricies rutrum diam non feugiat. Nam ut ex ac enim efficitur semper. Integer sed rhoncus eros. Nulla pharetra vulputate faucibus. Vestibulum vestibulum orci non maximus aliquet. Donec id dui ac ipsum pellentesque gravida sit amet non sem. Suspendisse malesuada turpis id erat porta, nec luctus odio mollis. Sed a arcu sed sem venenatis porta. In dictum sapien ut congue facilisis. Curabitur consequat vestibulum ultricies. Vivamus rhoncus vitae sapien id volutpat. Fusce ac nisi dolor. Suspendisse ut venenatis ex. Quisque elementum libero quam, non consectetur lorem faucibus a. Sed eu orci vitae nibh sodales sodales ut at neque. Ut lobortis arcu eu lorem porttitor scelerisque. Aenean euismod est ac enim fermentum, sit amet tristique dui consequat. Phasellus vitae sapien dolor. Nulla iaculis nibh at magna convallis finibus ut vitae ipsum. Maecenas ultricies ultrices diam laoreet lacinia. Nunc commodo eu lorem a bibendum. Sed eu magna rutrum, consectetur orci sit amet, venenatis ex. Aliquam sodales nec odio ac ultricies. In sit amet congue ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus accumsan justo nec maximus sollicitudin. Aenean eu urna egestas justo dignissim venenatis quis quis massa. Pellentesque convallis posuere elit, eu interdum diam placerat et. Aenean cursus vehicula nibh, in scelerisque nunc feugiat eu. Praesent eleifend ipsum eget urna dictum semper. Nullam dapibus nisl sit amet ultricies lobortis. Vestibulum a velit neque. Suspendisse tincidunt aliquet lorem et consectetur. Phasellus at libero fringilla nulla egestas aliquam. Nullam ut magna risus. Etiam consequat neque sapien, vel ultrices justo vehicula sit amet. Donec semper facilisis odio vel faucibus. Integer eget sagittis justo. Integer sed tincidunt neque. In vulputate fermentum lacus, eget sollicitudin nisi vestibulum vel. Etiam porttitor varius justo, id efficitur tellus congue a. Cras condimentum congue lectus sit amet commodo. Etiam lacus ex, efficitur volutpat enim id, malesuada posuere metus. Mauris convallis convallis arcu, sit amet placerat felis sodales ut. Duis semper a risus ac consequat. Nulla id nibh sem. Aliquam et nulla nec lectus viverra lobortis. Vivamus eros enim, lobortis nec efficitur nec, rhoncus at tortor. Aliquam aliquet bibendum ipsum eu feugiat. Duis iaculis bibendum ligula non ultricies. Curabitur cursus nulla in nisl tincidunt, eget eleifend tellus ultricies. Pellentesque eget mauris nec magna ultrices fringilla id sit amet nulla. Ut nec velit sed augue eleifend pharetra. Aliquam a posuere massa. Nunc vitae tortor ut est cursus vestibulum. In hac habitasse platea dictumst. Nulla eget orci eleifend, elementum turpis vitae, consectetur magna. In in nulla in tellus vestibulum pharetra. Curabitur at rhoncus enim, tempus congue est. Nullam consectetur lobortis nunc, vel feugiat lorem semper a. Ut tellus nulla, tempus id posuere vel, luctus et sem. Nulla nec rhoncus mi. Aenean sit amet mollis nibh. Nam ullamcorper tellus quis arcu aliquam, dignissim ultricies justo efficitur. Cras non ipsum tempor, elementum dui id, pellentesque turpis. Praesent commodo dolor in elit aliquet, sit amet pellentesque sem molestie. In pharetra nisl nec orci pellentesque, ut posuere quam faucibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas mollis purus non erat tempor euismod. Vestibulum non leo eget magna vestibulum mattis. Aenean vitae tortor vel mauris pretium tempor. Sed viverra eros tristique, dapibus tellus a, feugiat ipsum. Pellentesque non tellus scelerisque, molestie massa vitae, fermentum ex. Quisque molestie interdum nibh a luctus. Sed aliquet risus ac varius suscipit. Proin eget leo vel lacus finibus posuere vel non nisl. In tristique ligula leo, sed molestie sem sodales nec. Phasellus sed consectetur lectus. In pretium hendrerit eros, a sagittis est faucibus ac. Etiam faucibus felis et eros commodo fringilla. Duis volutpat lobortis suscipit. Maecenas facilisis metus in lorem aliquet efficitur. Duis scelerisque eros scelerisque, rhoncus massa eget, tempor ipsum. Donec id feugiat purus, non condimentum turpis. Sed consequat lorem a odio pharetra pretium. Proin sed turpis ac sapien convallis iaculis a sit amet est. Proin lorem risus, rhoncus non metus at, fringilla commodo erat. Sed quis elit vitae leo ullamcorper interdum non nec ipsum. Etiam ullamcorper lorem ac velit condimentum, eget porttitor odio mollis. Maecenas semper, urna eu cursus placerat, enim neque aliquam orci, ut elementum justo ex id justo. Nunc malesuada egestas dui at vestibulum."
+},void 0,0,{fileName:nm,lineNumber:153,columnNumber:7},this)}var tm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/data/DataTablePage.tsx";const mm=[{title:"Машенька",year:"1926",language:"Russian",translatedTitle:"Mary"},{title:"Король, дама, валет",year:"1928",language:"Russian",translatedTitle:"King, Queen, Knave"},{title:"Защита Лужина",year:"1930",language:"Russian",translatedTitle:"The Defense"},{title:"Соглядатай",year:"1930",language:"Russian",translatedTitle:"The Eye"},{title:"The Real Life of Sebastian Knight",year:"1941",language:"English"},{title:"Bend Sinister",year:"1947",language:"English"},{title:"Pale Fire",year:"1965",language:"English"},{title:"Подвиг",year:"1932",language:"Russian",translatedTitle:"Glory"},{title:"Ada or Ardor: A Family Chronicle",year:"1969",language:"English"}],um=[{field:"title",label:"Title"},{field:"year",label:"Year"},{field:"language",label:"Language"}]
+;function cm({rows:e,orderableColumns:i=um.map((({field:e})=>e)),...l}){const[n,o]=ae(),r=ci(e,n);return bi(I,{children:[bi(Ao,{classes:"mb-2",onClick:()=>o(void 0),children:"Reset order"},void 0,0,{fileName:tm,lineNumber:30,columnNumber:7},this),bi("div",{className:"h-[250px]",children:bi(Ii,{children:bi(Rr,{...l,rows:r,order:n,orderableColumns:i,onOrderChange:o},void 0,0,{fileName:tm,lineNumber:35,columnNumber:11},this)},void 0,0,{fileName:tm,lineNumber:34,columnNumber:9},this)},void 0,0,{fileName:tm,lineNumber:33,columnNumber:7},this)]},void 0)}function am({rows:e,orderableColumns:i=um.map((({field:e})=>e)),...l}){const[n,o]=ae(!1),[r,t]=ae(),m=Ne(null),u=be((e=>{m.current&&clearTimeout(m.current),t(e),o(!0),m.current=setTimeout((()=>{o(!1),m.current=null}),600)}),[]),c=ci(e,r);return bi(I,{children:[bi(Ao,{classes:"mb-2",onClick:()=>u(void 0),children:"Reset order"},void 0,0,{fileName:tm,lineNumber:79,columnNumber:7},this),bi("div",{className:"h-[250px]",children:bi(Ii,{children:bi(Rr,{...l,rows:c,
+order:r,orderableColumns:i,onOrderChange:u,loading:n},void 0,0,{fileName:tm,lineNumber:84,columnNumber:11},this)},void 0,0,{fileName:tm,lineNumber:83,columnNumber:9},this)},void 0,0,{fileName:tm,lineNumber:82,columnNumber:7},this)]},void 0)}var dm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/data/IconsPage.tsx";var sm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/data/ScrollBoxPage.tsx";var Nm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/data/TablePage.tsx";var hm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/data/ThumbnailPage.tsx";var bm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/feedback/CalloutPage.tsx";var fm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/feedback/DialogPage.tsx";const vm=[{title:"Машенька",year:"1926",
+language:"Russian",translatedTitle:"Mary"},{title:"Король, дама, валет",year:"1928",language:"Russian",translatedTitle:"King, Queen, Knave"},{title:"Защита Лужина",year:"1930",language:"Russian",translatedTitle:"The Defense"},{title:"Соглядатай",year:"1930",language:"Russian",translatedTitle:"The Eye"},{title:"The Real Life of Sebastian Knight",year:"1941",language:"English"},{title:"Bend Sinister",year:"1947",language:"English"},{title:"Pale Fire",year:"1965",language:"English"},{title:"Подвиг",year:"1932",language:"Russian",translatedTitle:"Glory"},{title:"Ada or Ardor: A Family Chronicle",year:"1969",language:"English"}],pm=[{field:"title",label:"Title"},{field:"year",label:"Year"},{field:"language",label:"Language"}];function gm(){return bi(I,{children:[bi(Ao,{onClick:()=>alert("You chose maybe"),children:"Maybe"},"maybe",0,{fileName:fm,lineNumber:40,columnNumber:7},this),bi(Ao,{onClick:()=>alert("You chose yep"),variant:"primary",children:"Do it!"},"yep",0,{fileName:fm,lineNumber:43,columnNumber:7
+},this)]},void 0)}function wm({_alwaysShowButton:e=!1,_nonCloseable:i,children:l,...n}){var o;const[r,t]=ae(!1),m=()=>t(!1),u=i?void 0:m,c="custom"!==n.variant?{buttons:null!==(o=n.buttons)&&void 0!==o?o:bi(Ao,{onClick:m,children:"Escape!"},void 0,0,{fileName:fm,lineNumber:77,columnNumber:13},this)}:void 0,a=bi(Ao,{onClick:()=>t(!r),variant:"primary",children:[r?"Hide":"Show"," dialog"]},void 0,0,{fileName:fm,lineNumber:83,columnNumber:5},this);return bi("div",{className:"flex w-full gap-x-2",children:[(!r||e)&&bi("div",{children:a},void 0,0,{fileName:fm,lineNumber:90,columnNumber:46},this),bi("div",{className:"grow",children:r&&bi(Vo,{...c,...n,onClose:u,children:l},void 0,0,{fileName:fm,lineNumber:93,columnNumber:11},this)},void 0,0,{fileName:fm,lineNumber:91,columnNumber:7},this)]},void 0,0,{fileName:fm,lineNumber:89,columnNumber:5},this)}function Im(){const[e,i]=ae(null),l=be((async()=>{
+const e=await async function({title:e="Confirm",message:i,confirmAction:l="Yes",cancelAction:n="Cancel",initialFocus:o="cancel"}){const r={current:null},t={current:null},m="cancel"===o?r:t,u=document.createElement("div");return u.setAttribute("data-testid","confirm-container"),u.style.position="relative",u.style.zIndex="10",document.body.appendChild(u),new Promise((o=>{const c=e=>{q(null,u),u.remove(),o(e)};q(bi(Go,{buttons:bi(I,{children:[bi(Ao,{elementRef:r,"data-testid":"cancel-button",onClick:()=>c(!1),children:n},void 0,0,{fileName:$o,lineNumber:66,columnNumber:13},this),bi(Ao,{variant:"primary",elementRef:t,"data-testid":"confirm-button",onClick:()=>c(!0),children:l},void 0,0,{fileName:$o,lineNumber:73,columnNumber:13},this)]},void 0),initialFocus:m,title:e,onClose:()=>c(!1),children:i},void 0,0,{fileName:$o,lineNumber:63,columnNumber:7},this),u)}))}({message:"This is a confirm dialog",title:"Your title",confirmAction:"Yes please",cancelAction:"I changed my mind"});i(e)}),[]);return bi(I,{
+children:[bi(Ao,{variant:"primary",onClick:l,children:"Show confirm"},void 0,0,{fileName:fm,lineNumber:118,columnNumber:7},this),null!==e&&bi(I,{children:["You clicked ",e?"Yes":"Cancel"]},void 0)]},void 0)}function xm({buttons:e,_alwaysShowButton:i=!1,_nonCloseable:l,children:n,...o}){const[r,t]=ae(!1),m=()=>t(!1),u=l?void 0:m,c=e||bi(Ao,{onClick:m,children:"Escape!"},void 0,0,{fileName:fm,lineNumber:150,columnNumber:5},this),a=bi(Ao,{onClick:()=>t(!r),variant:"primary",children:[r?"Hide":"Show"," dialog"]},void 0,0,{fileName:fm,lineNumber:154,columnNumber:5},this);return bi(I,{children:[(!r||i)&&a,r&&bi(Go,{buttons:c,...o,onClose:u,children:n},void 0,0,{fileName:fm,lineNumber:163,columnNumber:9},this)]},void 0)}function ym(e){const[i,l]=ae(!1);return bi(I,{children:[bi(Ao,{onClick:()=>l((e=>!e)),variant:"primary",children:[i?"Hide":"Show"," dialog"]},void 0,0,{fileName:fm,lineNumber:180,columnNumber:7},this),i&&bi(Go,{...e,onClose:()=>l(!1),closeOnClickAway:!0},void 0,0,{fileName:fm,lineNumber:184,
+columnNumber:9},this)]},void 0)}var Sm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/feedback/PopoverPage.tsx";var km="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/feedback/SpinnerPage.tsx";var Cm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/feedback/ToastMessagesPage.tsx";const Lm=[{message:"Success toast message",type:"success",autoDismiss:!1},{message:"Warning toast message",type:"notice",autoDismiss:!1},{message:"Error toast message",type:"error",autoDismiss:!1}];function _m({messages:e,transitionClasses:i,_printOnDismiss:l=!1,_allowAppending:n=!1}){const[o,r]=ae(e.map(((e,i)=>({id:`${i}`,...e})))),[t,m]=ae(),u=be((e=>{m(o.find((i=>i.id===e))),r((i=>i.filter((i=>i.id!==e))))}),[o]),c=be((({autoDismiss:e})=>{const i={id:`${0===o.length?1:Number(o[o.length-1].id)+1}`,message:e?"Dismissing in 5 seconds...":"Click me to dismiss",type:"success",autoDismiss:e};r((e=>[...e,i]))
+}),[o]);return bi("div",{className:"w-full",children:[n&&bi("div",{className:"flex gap-x-2 mb-3",children:[bi(Ao,{onClick:()=>c({autoDismiss:!1}),classes:"mb-2",variant:"primary",children:"Append message"},void 0,0,{fileName:Cm,lineNumber:82,columnNumber:11},this),bi(Ao,{onClick:()=>c({autoDismiss:!0}),classes:"mb-2",variant:"primary",children:"Append auto-dismiss message"},void 0,0,{fileName:Cm,lineNumber:89,columnNumber:11},this)]},void 0,0,{fileName:Cm,lineNumber:81,columnNumber:9},this),bi("div",{className:"w-1/2 mx-auto flex flex-col gap-y-4",children:[bi(lt,{messages:o,onMessageDismiss:u,transitionClasses:i},void 0,0,{fileName:Cm,lineNumber:99,columnNumber:9},this),l&&t&&bi("div",{children:["Just dismissed message ",'"',t.message,'"']},void 0,0,{fileName:Cm,lineNumber:105,columnNumber:11},this)]},void 0,0,{fileName:Cm,lineNumber:98,columnNumber:7},this)]},void 0,0,{fileName:Cm,lineNumber:79,columnNumber:5},this)}
+var Am="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/hooks/UseClickAwayPage.tsx";var Mm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/input/ButtonPage.tsx";var Tm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/input/CheckboxPage.tsx";var zm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/input/CloseButtonPage.tsx";function Dm({children:e,...i}){const[l,n]=ae(!1),o=bi(Ao,{onClick:()=>n(!l),variant:"primary",children:[l?"Hide":"Show"," dialog"]},void 0,0,{fileName:zm,lineNumber:15,columnNumber:5},this);return bi("div",{className:"flex w-full gap-x-2",children:[!l&&bi("div",{children:o},void 0,0,{fileName:zm,lineNumber:22,columnNumber:23},this),bi("div",{className:"grow",children:l&&bi(Vo,{...i,onClose:()=>n(!1),children:e},void 0,0,{fileName:zm,lineNumber:25,columnNumber:11},this)},void 0,0,{fileName:zm,lineNumber:23,columnNumber:7
+},this)]},void 0,0,{fileName:zm,lineNumber:21,columnNumber:5},this)}var Hm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/input/InputGroupPage.tsx";var Pm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/input/InputPage.tsx";var Bm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/input/OptionButtonPage.tsx";var Em="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/input/RadioGroupPage.tsx";var Rm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/examples/select-in-input-group.tsx";const Om=[{id:"1",name:"All students"},{id:"2",name:"Albert Banana"},{id:"3",name:"Bernard California"},{id:"4",name:"Cecelia Davenport"},{id:"5",name:"Doris Evanescence"}];function Fm({student:e}){return bi("div",{className:"flex",children:[bi("div",{className:"rounded px-2 mr-2 bg-grey-7 text-white",children:e.id},void 0,0,{fileName:Rm,
+lineNumber:20,columnNumber:7},this),bi("div",{className:"truncate",children:e.name},void 0,0,{fileName:Rm,lineNumber:21,columnNumber:7},this)]},void 0,0,{fileName:Rm,lineNumber:19,columnNumber:5},this)}function qm({buttonClasses:e,wrapperClasses:i="w-96"}){const[l,n]=ae(),o=he((()=>l?Om.findIndex((e=>e===l)):-1),[l]),r=be((()=>{var e;n(null!==(e=Om[o+1])&&void 0!==e?e:l)}),[l,o]),t=be((()=>{var e;n(null!==(e=Om[o-1])&&void 0!==e?e:l)}),[l,o]),m=ve();return bi("div",{className:i,children:[bi("label",{htmlFor:m,children:"Select a person"},void 0,0,{fileName:Rm,lineNumber:50,columnNumber:7},this),bi(zo,{children:[bi(Ho,{icon:zi,title:"Previous student",variant:"dark",onClick:t,disabled:o<=0},void 0,0,{fileName:Rm,lineNumber:52,columnNumber:9},this),bi(pr,{buttonId:m,value:l,onChange:n,buttonClasses:e,buttonContent:l?bi(Fm,{student:l},void 0,0,{fileName:Rm,lineNumber:66,columnNumber:15},this):bi(I,{children:"Select one…"},void 0),children:Om.map((e=>bi(pr.Option,{value:e,children:bi(Fm,{student:e},void 0,0,{
+fileName:Rm,lineNumber:74,columnNumber:15},this)},e.id,0,{fileName:Rm,lineNumber:73,columnNumber:13},this)))},void 0,0,{fileName:Rm,lineNumber:59,columnNumber:9},this),bi(Ho,{icon:Hi,title:"Next student",variant:"dark",onClick:r,disabled:o>=Om.length-1},void 0,0,{fileName:Rm,lineNumber:78,columnNumber:9},this)]},void 0,0,{fileName:Rm,lineNumber:51,columnNumber:7},this)]},void 0,0,{fileName:Rm,lineNumber:49,columnNumber:5},this)}var jm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/examples/select-with-custom-options.tsx";const Um=[{id:"1",name:"All students"},{id:"2",name:"Albert Banana"},{id:"3",name:"Bernard California"},{id:"4",name:"Cecelia Davenport"},{id:"5",name:"Doris Evanescence"}];function Vm({item:e}){return bi("div",{className:"flex",children:[bi("div",{className:"rounded px-2 mr-2 bg-grey-7 text-white",children:e.id},void 0,0,{fileName:jm,lineNumber:21,columnNumber:7},this),bi("div",{className:"truncate",children:e.name},void 0,0,{fileName:jm,lineNumber:22,columnNumber:7
+},this)]},void 0,0,{fileName:jm,lineNumber:20,columnNumber:5},this)}function Wm({items:e=Um}){const[i,l]=ae(),n=ve();return bi("div",{className:"w-96 mx-auto",children:[bi("label",{htmlFor:n,children:"Select a person"},void 0,0,{fileName:jm,lineNumber:33,columnNumber:7},this),bi(pr,{value:i,onChange:l,buttonId:n,buttonContent:i?bi(Vm,{item:i},void 0,0,{fileName:jm,lineNumber:39,columnNumber:19},this):bi(I,{children:"Select one…"},void 0),children:e.map((e=>bi(pr.Option,{value:e,children:bi(Vm,{item:e},void 0,0,{fileName:jm,lineNumber:44,columnNumber:13},this)},e.id,0,{fileName:jm,lineNumber:43,columnNumber:11},this)))},void 0,0,{fileName:jm,lineNumber:34,columnNumber:7},this)]},void 0,0,{fileName:jm,lineNumber:32,columnNumber:5},this)}var Gm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/input/SelectPage.tsx";const $m=[{id:"1",name:"All students"},{id:"2",name:"Albert Banana"},{id:"3",name:"Bernard California"},{id:"4",name:"Cecelia Davenport"},{id:"5",
+name:"Doris Evanescence"}];function Xm({textOnly:e,items:i=$m,...l}){const[n,o]=ae(),r=ve();return bi(I,{children:[bi("label",{htmlFor:r,children:"Select a person"},void 0,0,{fileName:Gm,lineNumber:41,columnNumber:7},this),bi(pr,{...l,buttonId:r,value:n,onChange:o,buttonContent:bi(I,n?{children:[e&&n.name,!e&&bi("div",{className:"flex",children:[bi("div",{className:"rounded px-2 mr-2 bg-grey-7 text-white",children:n.id},void 0,0,{fileName:Gm,lineNumber:53,columnNumber:19},this),bi("div",{className:"truncate",children:n.name},void 0,0,{fileName:Gm,lineNumber:56,columnNumber:19},this)]},void 0,0,{fileName:Gm,lineNumber:52,columnNumber:17},this)]}:{children:"Select one…"},void 0),children:i.map((i=>bi(pr.Option,{value:i,disabled:i.disabled,children:({disabled:l})=>e?i.name:bi("div",{className:"flex",children:[bi("div",{className:Z("rounded px-2 mr-2 text-white",{"bg-grey-7":!l,"bg-grey-4":l}),children:i.id},void 0,0,{fileName:Gm,lineNumber:72,columnNumber:19},this),bi("div",{className:"truncate",children:i.name
+},void 0,0,{fileName:Gm,lineNumber:80,columnNumber:19},this)]},void 0,0,{fileName:Gm,lineNumber:71,columnNumber:17},this)},i.id,0,{fileName:Gm,lineNumber:66,columnNumber:11},this)))},void 0,0,{fileName:Gm,lineNumber:42,columnNumber:7},this)]},void 0)}var Km="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/input/TextareaPage.tsx";var Jm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/layout/CardPage.tsx";var Qm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/layout/OverlayPage.tsx";var Ym="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/layout/PanelPage.tsx";var Zm="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/navigation/LinkButtonPage.tsx";var eu="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/navigation/LinkPage.tsx"
+;var iu="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/navigation/PaginationPage.tsx";var lu="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/navigation/PointerButtonPage.tsx";var nu="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/navigation/TabPage.tsx";var ou="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/transition/SliderPage.tsx";const ru=({children:e,direction:i,onTransitionEnd:l,_transitionStatus:n})=>{const[o,r]=ae(i);return bi("div",{className:"flex-col w-full space-y-2",children:[bi(Ao,{onClick:()=>r((e=>"in"===e?"out":"in")),variant:"primary",children:["in"===o?"Hide":"Show"," slider"]},void 0,0,{fileName:ou,lineNumber:24,columnNumber:7},void 0),bi(ft,{direction:o,onTransitionEnd:l,children:e},void 0,0,{fileName:ou,lineNumber:27,columnNumber:7},void 0),bi("div",{children:["in"===n&&bi("p",{children:["The ",bi("code",{
+children:"Slider"},void 0,0,{fileName:ou,lineNumber:33,columnNumber:17},void 0)," just opened."]},void 0,0,{fileName:ou,lineNumber:32,columnNumber:11},void 0),"out"===n&&bi("p",{children:["The ",bi("code",{children:"Slider"},void 0,0,{fileName:ou,lineNumber:38,columnNumber:17},void 0)," just closed."]},void 0,0,{fileName:ou,lineNumber:37,columnNumber:11},void 0)]},void 0,0,{fileName:ou,lineNumber:30,columnNumber:7},void 0)]},void 0,0,{fileName:ou,lineNumber:23,columnNumber:5},void 0)};const tu={data:"Data Display",feedback:"Feedback",input:"Input",layout:"Layout",navigation:"Navigation",transition:"Transitions"};Object.freeze(tu);const mu=[{title:"Getting started",group:"foundations",component:function(){return bi(Ut.Page,{title:"Getting started",intro:bi(I,{children:bi("p",{children:["The ",bi("code",{children:"@hypothesis/frontend-shared"},void 0,0,{fileName:Yt,lineNumber:11,columnNumber:17},this)," package provides reusable UI components, hooks and utilities for Hypothesis front-end applications."]
+},void 0,0,{fileName:Yt,lineNumber:10,columnNumber:11},this)},void 0),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{title:"Installation",children:[bi("p",{children:["Your application needs to install"," ",bi(ot,{href:"https://tailwindcss.com/",underline:"always",children:"tailwindcss"},void 0,0,{fileName:Yt,lineNumber:22,columnNumber:13},this)," ","to use this ","package's"," updated components."]},void 0,0,{fileName:Yt,lineNumber:20,columnNumber:11},this),bi(Ut.Code,{content:"$ yarn add tailwindcss @hypothesis/frontend-shared"},void 0,0,{fileName:Yt,lineNumber:27,columnNumber:11},this)]},void 0,0,{fileName:Yt,lineNumber:19,columnNumber:9},this),bi(Ut.SectionL2,{title:"Configuration",children:bi(Ut.SectionL3,{title:"Configure tailwindcss",children:[bi("p",{children:["Configure your ","project's"," tailwind configuration object:"]},void 0,0,{fileName:Yt,lineNumber:33,columnNumber:13},this),bi("ul",{children:[bi("li",{children:["Use this ","package's"," tailwind preset"]},void 0,0,{fileName:Yt,
+lineNumber:35,columnNumber:15},this),bi("li",{children:["Add this ","package's"," source to the ","configuration's"," ",bi("code",{children:"content"},void 0,0,{fileName:Yt,lineNumber:38,columnNumber:17},this)," globs"]},void 0,0,{fileName:Yt,lineNumber:36,columnNumber:15},this)]},void 0,0,{fileName:Yt,lineNumber:34,columnNumber:13},this),bi(Ut.Code,{size:"sm",title:"Your project's tailwind config",content:"import tailwindConfig from '@hypothesis/frontend-shared/lib/tailwind.preset.js';\n\nexport default {\n  presets: [tailwindConfig],\n  content: [\n    './node_modules/@hypothesis/frontend-shared/lib/**/*.{js,ts,tsx}',\n    // ...\n  ],\n  // ..."},void 0,0,{fileName:Yt,lineNumber:41,columnNumber:13},this)]},void 0,0,{fileName:Yt,lineNumber:32,columnNumber:11},this)},void 0,0,{fileName:Yt,lineNumber:31,columnNumber:9},this),bi(Ut.SectionL2,{title:"Usage",children:bi(Ut.Usage,{componentName:"Card, Link"},void 0,0,{fileName:Yt,lineNumber:57,columnNumber:11},this)},void 0,0,{fileName:Yt,lineNumber:56,
+columnNumber:9},this)]},void 0,0,{fileName:Yt,lineNumber:18,columnNumber:7},this)},void 0,0,{fileName:Yt,lineNumber:6,columnNumber:5},this)},route:"/"},{title:"Using components",group:"foundations",component:function(){return bi(Ut.Page,{title:"Using components",intro:bi("p",{children:"This package provides several categories of components. Which category a component belongs to indicates its general role and common props API."},void 0,0,{fileName:em,lineNumber:8,columnNumber:9},this),children:[bi(Ut.Section,{title:"Presentational components",children:[bi("p",{children:[bi("strong",{className:"font-semibold",children:"Presentational components"},void 0,0,{fileName:em,lineNumber:17,columnNumber:11},this)," ","are the most common type of component. They are composable components that encapsulate design patterns and UI behavior."]},void 0,0,{fileName:em,lineNumber:16,columnNumber:9},this),bi("p",{children:["Examples:"," ",bi(Ut.Link,{href:"/input-button",children:bi("code",{children:"Button"},void 0,0,{
+fileName:em,lineNumber:25,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:24,columnNumber:11},this),","," ",bi(Ut.Link,{href:"/navigation-link",children:bi("code",{children:"Link"},void 0,0,{fileName:em,lineNumber:29,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:28,columnNumber:11},this)]},void 0,0,{fileName:em,lineNumber:22,columnNumber:9},this),bi(Ut.Section,{id:"presentational-components-api",title:"API",children:[bi("p",{children:"All presentational components provide this API unless documented otherwise."},void 0,0,{fileName:em,lineNumber:34,columnNumber:11},this),bi(Ut.SectionL3,{title:"children",children:bi(Ut.Info,{children:bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"preact.ComponentChildren"},void 0,0,{fileName:em,lineNumber:41,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:40,columnNumber:15},this)},void 0,0,{fileName:em,lineNumber:39,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:38,columnNumber:11},this),bi(Ut.SectionL3,{title:"classes",
+children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["CSS class(es) that will be appended to the CSS classes applied to the ","component's"," outermost or most significant element. This can be used independently or in conjunction with the Styling API props."]},void 0,0,{fileName:em,lineNumber:47,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string"},void 0,0,{fileName:em,lineNumber:54,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:53,columnNumber:15},this)]},void 0,0,{fileName:em,lineNumber:46,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:45,columnNumber:11},this),bi(Ut.SectionL3,{title:"elementRef",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["A ",bi("code",{children:"Ref"},void 0,0,{fileName:em,lineNumber:61,columnNumber:19},this)," applied to the ","component's"," outermost or most significant element."]},void 0,0,{fileName:em,lineNumber:60,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",
+children:bi("code",{children:"preact.Ref<HTMLElement | undefined>"},void 0,0,{fileName:em,lineNumber:65,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:64,columnNumber:15},this)]},void 0,0,{fileName:em,lineNumber:59,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:58,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Presentational components accept HTML attributes applicable to the element type of the ","component's"," outermost or most significant element."]},void 0,0,{fileName:em,lineNumber:71,columnNumber:15},this),bi(Ut.InfoItem,{label:"example",children:bi(Ut.Code,{content:'<Link id="my-own-id" href="https://www.example.com">A Link with attributes</Link>',size:"sm"},void 0,0,{fileName:em,lineNumber:77,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:76,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"preact.JSX.HTMLAttributes<T extends HTMLElement>"
+},void 0,0,{fileName:em,lineNumber:83,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:82,columnNumber:15},this)]},void 0,0,{fileName:em,lineNumber:70,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:69,columnNumber:11},this)]},void 0,0,{fileName:em,lineNumber:33,columnNumber:9},this),bi(Ut.Section,{id:"presentational-components-styling-api",title:"Styling API",children:[bi("p",{children:bi(Ut.Callout,{children:"These props extend the common presentational-component API. They are new and not supported by all presentational components yet. See individual component API documentation for details."},void 0,0,{fileName:em,lineNumber:96,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:95,columnNumber:11},this),bi("p",{children:["See also the"," ",bi(Ut.Link,{href:"/styling-components",children:"styling guide"},void 0,0,{fileName:em,lineNumber:105,columnNumber:13},this)," ","that details how to use these props to customize components."]},void 0,0,{fileName:em,lineNumber:103,columnNumber:11
+},this),bi(Ut.SectionL3,{title:"variant",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Many presentational components have multiple variants. Variants"," ",'"theme"'," a component, affecting such aspects as color, transitions, shadows, etc. Set to ",bi("code",{children:"'custom'"},void 0,0,{fileName:em,lineNumber:116,columnNumber:51},this)," to disable variant styling."]},void 0,0,{fileName:em,lineNumber:113,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'custom' | string"},void 0,0,{fileName:em,lineNumber:120,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:119,columnNumber:15},this),bi(Ut.InfoItem,{label:"example",children:bi(Ut.Code,{
+content:'<SomeComponent variant="secondary" classes="bg-pink">\n   <p>This will EXTEND the "secondary" variant styles with a pink background</p>\n</SomeComponent>\n\n<SomeComponent variant="custom" classes="bg-pink">\n  <p>This will REPLACE all theming styles with a pink background</p>\n</SomeComponent>',size:"sm"},void 0,0,{fileName:em,lineNumber:123,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:122,columnNumber:15},this)]},void 0,0,{fileName:em,lineNumber:112,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:111,columnNumber:11},this),bi(Ut.SectionL3,{title:"size",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Many, but not all, presentational components provide multiple sizes. The ",bi("code",{children:"size"},void 0,0,{fileName:em,lineNumber:141,columnNumber:28},this)," value affects size, padding, margins, etc. Set to ",bi("code",{children:"'custom'"},void 0,0,{fileName:em,lineNumber:142,columnNumber:38},this)," to disable size-related styling."]
+},void 0,0,{fileName:em,lineNumber:139,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'custom' | string"},void 0,0,{fileName:em,lineNumber:146,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:145,columnNumber:15},this),bi(Ut.InfoItem,{label:"example",children:bi(Ut.Code,{content:'<SomeComponent size="lg" classes="mt-4">\n  This will EXTEND size styling with a top margin\n</SomeComponent>\n\n<SomeComponent size="custom" classes="mt-4">\n  This will REPLACE size styling with a top margin\n</SomeComponent>',size:"sm"},void 0,0,{fileName:em,lineNumber:149,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:148,columnNumber:15},this)]},void 0,0,{fileName:em,lineNumber:138,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:137,columnNumber:11},this),bi(Ut.SectionL3,{title:"unstyled",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set this to disable all styling. This is a ",'"master switch"'," ","that will supersede ",bi("code",{
+children:"size"},void 0,0,{fileName:em,lineNumber:167,columnNumber:37},this)," and ",bi("code",{children:"variant"},void 0,0,{fileName:em,lineNumber:167,columnNumber:59},this)," ","values. Note that some components have core (typically behavioral) CSS classes that cannot be disabled."]},void 0,0,{fileName:em,lineNumber:165,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:em,lineNumber:172,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:171,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:em,lineNumber:175,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:174,columnNumber:15},this),bi(Ut.InfoItem,{label:"example",children:bi(Ut.Code,{content:'<SomeComponent unstyled classes="bg-pink">\n  This will replace all styles with a pink background (only)\n</SomeComponent>',size:"sm"},void 0,0,{fileName:em,lineNumber:178,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:177,
+columnNumber:15},this)]},void 0,0,{fileName:em,lineNumber:164,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:163,columnNumber:11},this)]},void 0,0,{fileName:em,lineNumber:91,columnNumber:9},this)]},void 0,0,{fileName:em,lineNumber:15,columnNumber:7},this),bi(Ut.Section,{title:"Composite components",children:[bi("p",{children:[bi("strong",{className:"font-semibold",children:"Composite components"},void 0,0,{fileName:em,lineNumber:192,columnNumber:11},this)," ","compose and style presentational components in a particular way to satisfy a use case and sometimes support more complex or widget-like behavior."]},void 0,0,{fileName:em,lineNumber:191,columnNumber:9},this),bi("p",{children:["Examples:"," ",bi(Ut.Link,{href:"/data-scrollbox",children:bi("code",{children:"ScrollBox"},void 0,0,{fileName:em,lineNumber:201,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:200,columnNumber:11},this),","," ",bi(Ut.Link,{href:"/layout-panel",children:bi("code",{children:"Panel"},void 0,0,{fileName:em,
+lineNumber:205,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:204,columnNumber:11},this)]},void 0,0,{fileName:em,lineNumber:198,columnNumber:9},this),bi(Ut.Section,{id:"composite-components-api",title:"API",children:[bi(Ut.SectionL3,{title:"children",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Some, but not all, composite components accept"," ",bi("code",{children:"children"},void 0,0,{fileName:em,lineNumber:214,columnNumber:17},this),"."]},void 0,0,{fileName:em,lineNumber:212,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"preact.ComponentChildren"},void 0,0,{fileName:em,lineNumber:217,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:216,columnNumber:15},this)]},void 0,0,{fileName:em,lineNumber:211,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:210,columnNumber:11},this),bi(Ut.SectionL3,{title:"elementRef",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["A ",bi("code",{children:"Ref"
+},void 0,0,{fileName:em,lineNumber:225,columnNumber:19},this)," applied to the ","component's"," outermost or most significant element."]},void 0,0,{fileName:em,lineNumber:224,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"preact.Ref<HTMLElement | undefined>"},void 0,0,{fileName:em,lineNumber:229,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:228,columnNumber:15},this)]},void 0,0,{fileName:em,lineNumber:223,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:222,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Some, but not all, composite components accept HTML attributes applicable to the element type of the ","component's"," outermost or most significant element."]},void 0,0,{fileName:em,lineNumber:236,columnNumber:15},this),bi(Ut.InfoItem,{label:"example",children:bi(Ut.Code,{
+content:'<Link id="my-own-id" href="https://www.example.com">A Link with attributes</Link>',size:"sm"},void 0,0,{fileName:em,lineNumber:242,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:241,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"preact.JSX.HTMLAttributes<T extends HTMLElement>"},void 0,0,{fileName:em,lineNumber:248,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:247,columnNumber:15},this)]},void 0,0,{fileName:em,lineNumber:235,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:234,columnNumber:11},this)]},void 0,0,{fileName:em,lineNumber:209,columnNumber:9},this)]},void 0,0,{fileName:em,lineNumber:190,columnNumber:7},this),bi(Ut.Section,{title:"Transition components",children:[bi("p",{children:[bi("strong",{className:"font-semibold",children:"Transition components"},void 0,0,{fileName:em,lineNumber:259,columnNumber:11},this)," are components with an in/out transition which can be used standalone or wrapped by other components."]},void 0,0,{
+fileName:em,lineNumber:258,columnNumber:9},this),bi("p",{children:["Example:"," ",bi(Ut.Link,{href:"/transitions-slider",children:bi("code",{children:"Slider"},void 0,0,{fileName:em,lineNumber:267,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:266,columnNumber:11},this)]},void 0,0,{fileName:em,lineNumber:264,columnNumber:9},this),bi(Ut.Section,{title:"API",id:"transition-components-api",children:[bi(Ut.SectionL3,{title:"direction",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Sets the current direction of the component transition."},void 0,0,{fileName:em,lineNumber:273,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'in' | 'out' "},void 0,0,{fileName:em,lineNumber:277,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:276,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'in'"},void 0,0,{fileName:em,lineNumber:280,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:279,columnNumber:15
+},this)]},void 0,0,{fileName:em,lineNumber:272,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:271,columnNumber:11},this),bi(Ut.SectionL3,{title:"onTransitionEnd",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Callback invoked when the ","component's"," transition has completed."]},void 0,0,{fileName:em,lineNumber:287,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"(direction: 'in' | 'out') => void"},void 0,0,{fileName:em,lineNumber:292,columnNumber:17},this)},void 0,0,{fileName:em,lineNumber:291,columnNumber:15},this)]},void 0,0,{fileName:em,lineNumber:286,columnNumber:13},this)},void 0,0,{fileName:em,lineNumber:285,columnNumber:11},this)]},void 0,0,{fileName:em,lineNumber:270,columnNumber:9},this)]},void 0,0,{fileName:em,lineNumber:257,columnNumber:7},this),bi(Ut.Section,{title:"Simple components",children:bi("p",{children:[bi("strong",{className:"font-semibold",children:"Simple components"},void 0,0,{fileName:em,lineNumber:301,
+columnNumber:11},this)," are opinionated, simple components that apply design patterns. These components have a minimal, component-specific API."]},void 0,0,{fileName:em,lineNumber:300,columnNumber:9},this)},void 0,0,{fileName:em,lineNumber:299,columnNumber:7},this)]},void 0,0,{fileName:em,lineNumber:5,columnNumber:5},this)},route:"/using-components"},{title:"Styling components",group:"foundations",component:function(){return bi(Ut.Page,{title:"Styling components",intro:bi(I,{children:bi("p",{children:["The"," ",bi(Ut.Link,{href:"/using-components#presentational-components-styling-api",children:"styling API"},void 0,0,{fileName:Zt,lineNumber:12,columnNumber:13},this)," ","supported by some presentational components provides several mechanisms for style customizations."]},void 0,0,{fileName:Zt,lineNumber:10,columnNumber:11},this)},void 0),children:bi(Ut.Section,{title:"Using the Styling API",children:[bi(Ut.Callout,{
+children:["This documentation pertains to updated presentational components that support the extended"," ",bi(Ut.Link,{href:"/using-components#presentational-components-styling-api",children:"Styling API"},void 0,0,{fileName:Zt,lineNumber:25,columnNumber:11},this),". For components that ","don't"," yet support this API, you can achieve most style customization using the ",bi("code",{children:"classes"},void 0,0,{fileName:Zt,lineNumber:29,columnNumber:46},this)," prop, but may need to use ",bi("code",{children:"!important"},void 0,0,{fileName:Zt,lineNumber:30,columnNumber:23},this)," rules in some cases to avoid conflicts."]},void 0,0,{fileName:Zt,lineNumber:22,columnNumber:9},this),bi(Ut.Section,{title:"Component CSS layers and associated styling props",children:[bi("div",{className:"grid grid-cols-6 gap-2 my-8 items-center border py-4 px-2 rounded border-stone-400",children:[bi("div",{},void 0,0,{fileName:Zt,lineNumber:35,columnNumber:13},this),bi("div",{
+className:"col-span-4 border rounded-md p-3 text-center",children:"Functional and behavioral"},void 0,0,{fileName:Zt,lineNumber:36,columnNumber:13},this),bi("div",{},void 0,0,{fileName:Zt,lineNumber:39,columnNumber:13},this),bi("div",{className:"text-right",children:bi("code",{children:"unstyled"},void 0,0,{fileName:Zt,lineNumber:41,columnNumber:15},this)},void 0,0,{fileName:Zt,lineNumber:40,columnNumber:13},this),bi("div",{className:"col-span-4 border rounded-md p-3 text-center",children:"Core and layout"},void 0,0,{fileName:Zt,lineNumber:43,columnNumber:13},this),bi("div",{},void 0,0,{fileName:Zt,lineNumber:46,columnNumber:13},this),bi("div",{className:"text-right",children:bi("code",{children:"variant"},void 0,0,{fileName:Zt,lineNumber:48,columnNumber:15},this)},void 0,0,{fileName:Zt,lineNumber:47,columnNumber:13},this),bi("div",{className:"col-span-2 border rounded-md p-3 text-center",children:"Theming"},void 0,0,{fileName:Zt,lineNumber:50,columnNumber:13},this),bi("div",{
+className:"col-span-2 border rounded-md p-3 text-center",children:"Dimensions"},void 0,0,{fileName:Zt,lineNumber:53,columnNumber:13},this),bi("div",{children:bi("code",{children:"size"},void 0,0,{fileName:Zt,lineNumber:57,columnNumber:15},this)},void 0,0,{fileName:Zt,lineNumber:56,columnNumber:13},this)]},void 0,0,{fileName:Zt,lineNumber:34,columnNumber:11},this),bi("ul",{children:[bi("li",{children:["Some components have foundational"," ",bi("strong",{children:"functional and behavioral CSS"},void 0,0,{fileName:Zt,lineNumber:63,columnNumber:15},this)," that cannot be disabled, e.g. interactivity, accessibility rules."]},void 0,0,{fileName:Zt,lineNumber:61,columnNumber:13},this),bi("li",{children:[bi("strong",{children:"Core and layout"},void 0,0,{fileName:Zt,lineNumber:67,columnNumber:15},this)," styling can be disabled with the"," ",bi("code",{children:"unstyled"},void 0,0,{fileName:Zt,lineNumber:68,columnNumber:15
+},this)," prop. This will also disable theming and dimensional (sizing) styles, allowing full visual customization."]},void 0,0,{fileName:Zt,lineNumber:66,columnNumber:13},this),bi("li",{children:[bi("strong",{children:"Theming"},void 0,0,{fileName:Zt,lineNumber:72,columnNumber:15},this)," can be controlled or disabled with the"," ",bi("code",{children:"variant"},void 0,0,{fileName:Zt,lineNumber:73,columnNumber:15},this)," prop."]},void 0,0,{fileName:Zt,lineNumber:71,columnNumber:13},this),bi("li",{children:[bi("strong",{children:"Dimensions"},void 0,0,{fileName:Zt,lineNumber:76,columnNumber:15},this)," and sizing can be controlled or disabled with the ",bi("code",{children:"size"},void 0,0,{fileName:Zt,lineNumber:77,columnNumber:33},this)," prop."]},void 0,0,{fileName:Zt,lineNumber:75,columnNumber:13},this)]},void 0,0,{fileName:Zt,lineNumber:60,columnNumber:11},this)]},void 0,0,{fileName:Zt,lineNumber:33,columnNumber:9},this),bi(Ut.Section,{title:"Theming with variant",children:[bi("p",{
+children:["Many presentational components provide ",bi("code",{children:"variant"},void 0,0,{fileName:Zt,lineNumber:84,columnNumber:52},this)," options, which apply different defined ",'"themes"'," to the component."]},void 0,0,{fileName:Zt,lineNumber:83,columnNumber:11},this),bi(Ut.Demo,{title:"Variant examples: Link",withSource:!0,children:bi("div",{className:"flex flex-col",children:[bi(ot,{href:"https://www.example.com",variant:"brand",children:"Link with variant: brand"},void 0,0,{fileName:Zt,lineNumber:89,columnNumber:15},this),bi(ot,{href:"https://www.example.com",variant:"text",children:"Link with variant: text"},void 0,0,{fileName:Zt,lineNumber:92,columnNumber:15},this)]},void 0,0,{fileName:Zt,lineNumber:88,columnNumber:13},this)},void 0,0,{fileName:Zt,lineNumber:87,columnNumber:11},this),bi(Ut.Section,{title:"Adjusting theming with the 'custom' variant",children:[bi("p",{children:["Set ",bi("code",{children:"variant"},void 0,0,{fileName:Zt,lineNumber:100,columnNumber:19},this)," to ",bi("code",{
+children:"'custom'"},void 0,0,{fileName:Zt,lineNumber:100,columnNumber:43},this)," when:"]},void 0,0,{fileName:Zt,lineNumber:99,columnNumber:13},this),bi("ul",{children:[bi("li",{children:["the component you are working takes a",bi("code",{children:"variant"},void 0,0,{fileName:Zt,lineNumber:104,columnNumber:54},this)," prop (not all components have variants), ",bi("strong",{children:"and"},void 0,0,{fileName:Zt,lineNumber:105,columnNumber:53},this)]},void 0,0,{fileName:Zt,lineNumber:103,columnNumber:15},this),bi("li",{children:["you want to apply CSS (",bi("code",{children:"classes"},void 0,0,{fileName:Zt,lineNumber:108,columnNumber:40},this),") that are in any of the theme-styling categories below"]},void 0,0,{fileName:Zt,lineNumber:107,columnNumber:15},this)]},void 0,0,{fileName:Zt,lineNumber:102,columnNumber:13},this),bi("p",{children:"Styles for dimensions (size) and core layout will still be applied."},void 0,0,{fileName:Zt,lineNumber:113,columnNumber:13},this),bi(Ut.Demo,{
+title:"Customizing Link theming",withSource:!0,children:bi(ot,{href:"https://www.example.com",variant:"custom",classes:"text-blue-focus hover:text-grey-7",children:"Link with custom theming of text color"},void 0,0,{fileName:Zt,lineNumber:119,columnNumber:15},this)},void 0,0,{fileName:Zt,lineNumber:118,columnNumber:13},this),bi(Ut.Section,{title:"Theme styling categories",children:[bi("p",{children:[bi("code",{children:"variant"},void 0,0,{fileName:Zt,lineNumber:130,columnNumber:17},this)," styles correspond to the following"," ",bi(ot,{href:"https://tailwindcss.com/docs",children:"TailwindCSS"},void 0,0,{fileName:Zt,lineNumber:131,columnNumber:17},this)," ","styling categories:"]},void 0,0,{fileName:Zt,lineNumber:129,columnNumber:15},this),bi("ul",{children:[bi("li",{children:"typography (includes colors)"},void 0,0,{fileName:Zt,lineNumber:135,columnNumber:17},this),bi("li",{children:"backgrounds"},void 0,0,{fileName:Zt,lineNumber:136,columnNumber:17},this),bi("li",{children:"borders (except ring)"
+},void 0,0,{fileName:Zt,lineNumber:137,columnNumber:17},this),bi("li",{children:"effects"},void 0,0,{fileName:Zt,lineNumber:138,columnNumber:17},this),bi("li",{children:"filters"},void 0,0,{fileName:Zt,lineNumber:139,columnNumber:17},this),bi("li",{children:"transitions and animation"},void 0,0,{fileName:Zt,lineNumber:140,columnNumber:17},this),bi("li",{children:"transforms"},void 0,0,{fileName:Zt,lineNumber:141,columnNumber:17},this)]},void 0,0,{fileName:Zt,lineNumber:134,columnNumber:15},this)]},void 0,0,{fileName:Zt,lineNumber:128,columnNumber:13},this),bi(Ut.Section,{title:"Avoiding CSS conflicts",children:[bi("p",{children:["Setting ",bi("code",{children:"variant"},void 0,0,{fileName:Zt,lineNumber:147,columnNumber:25},this)," to ",bi("code",{children:"'custom'"},void 0,0,{fileName:Zt,lineNumber:147,columnNumber:49},this)," ","ensures that the component does not output any theme-related styles. This prevents CSS conflicts with your theming"," ",bi("code",{children:"classes"},void 0,0,{fileName:Zt,
+lineNumber:150,columnNumber:17},this)," and makes it easier to spot when a component has had its theme customized."]},void 0,0,{fileName:Zt,lineNumber:146,columnNumber:15},this),bi(Ut.Demo,{title:"Example: variant styles conflict",withSource:!0,children:bi(ot,{href:"https://www.example.com",variant:"text",classes:"text-brand",underline:"always",children:"This link should be red"},void 0,0,{fileName:Zt,lineNumber:155,columnNumber:17},this)},void 0,0,{fileName:Zt,lineNumber:154,columnNumber:15},this),bi(Ut.Demo,{title:"Example: Using `custom` variant to avoid conflicts",withSource:!0,children:bi(ot,{href:"https://www.example.com",variant:"custom",classes:"text-brand",underline:"always",children:"This link should be red"},void 0,0,{fileName:Zt,lineNumber:169,columnNumber:17},this)},void 0,0,{fileName:Zt,lineNumber:165,columnNumber:15},this)]},void 0,0,{fileName:Zt,lineNumber:145,columnNumber:13},this)]},void 0,0,{fileName:Zt,lineNumber:98,columnNumber:11},this)]},void 0,0,{fileName:Zt,lineNumber:82,
+columnNumber:9},this),bi(Ut.Section,{title:"Sizing with `size`",children:[bi(Ut.Section,{title:"When to use size='custom'",children:[bi("p",{children:["Set ",bi("code",{children:"size"},void 0,0,{fileName:Zt,lineNumber:185,columnNumber:19},this)," to ",bi("code",{children:"'custom'"},void 0,0,{fileName:Zt,lineNumber:185,columnNumber:40},this)," when:"]},void 0,0,{fileName:Zt,lineNumber:184,columnNumber:13},this),bi("ul",{children:[bi("li",{children:["the component you are working takes a",bi("code",{children:"size"},void 0,0,{fileName:Zt,lineNumber:189,columnNumber:54},this)," prop (not all components have sizes), ",bi("strong",{children:"and"},void 0,0,{fileName:Zt,lineNumber:190,columnNumber:45},this)]},void 0,0,{fileName:Zt,lineNumber:188,columnNumber:15},this),bi("li",{children:["you want to apply ",bi("code",{children:"classes"},void 0,0,{fileName:Zt,lineNumber:193,columnNumber:35},this)," that are in any of the sizing categories below"]},void 0,0,{fileName:Zt,lineNumber:192,columnNumber:15},this)]
+},void 0,0,{fileName:Zt,lineNumber:187,columnNumber:13},this),bi("p",{children:["Setting ",bi("code",{children:"size"},void 0,0,{fileName:Zt,lineNumber:198,columnNumber:23},this)," to ",bi("code",{children:"'custom'"},void 0,0,{fileName:Zt,lineNumber:198,columnNumber:44},this)," ensures that the component does not output any size-related styles. This prevents CSS conflicts with your sizing ",bi("code",{children:"classes"},void 0,0,{fileName:Zt,lineNumber:200,columnNumber:55},this)," and makes it easier to spot when a component has had its theme customized."]},void 0,0,{fileName:Zt,lineNumber:197,columnNumber:13},this)]},void 0,0,{fileName:Zt,lineNumber:183,columnNumber:11},this),bi(Ut.Section,{title:"Size styling categories",children:[bi("p",{children:[bi("code",{children:"size"},void 0,0,{fileName:Zt,lineNumber:207,columnNumber:15},this)," styles correspond to the following"," ",bi(ot,{href:"https://tailwindcss.com/docs",children:"TailwindCSS"},void 0,0,{fileName:Zt,lineNumber:208,columnNumber:15
+},this)," ","styling categories:"]},void 0,0,{fileName:Zt,lineNumber:206,columnNumber:13},this),bi("ul",{children:[bi("li",{children:"spacing: margins, padding, etc."},void 0,0,{fileName:Zt,lineNumber:212,columnNumber:15},this),bi("li",{children:"sizing"},void 0,0,{fileName:Zt,lineNumber:213,columnNumber:15},this),bi("li",{children:"flexbox and grid: gap (only)"},void 0,0,{fileName:Zt,lineNumber:214,columnNumber:15},this)]},void 0,0,{fileName:Zt,lineNumber:211,columnNumber:13},this)]},void 0,0,{fileName:Zt,lineNumber:205,columnNumber:11},this)]},void 0,0,{fileName:Zt,lineNumber:182,columnNumber:9},this),bi(Ut.Section,{title:"Unstyled components",children:[bi("p",{children:[bi("code",{children:"unstyled"},void 0,0,{fileName:Zt,lineNumber:221,columnNumber:13},this)," (",bi("code",{children:"boolean"},void 0,0,{fileName:Zt,lineNumber:221,columnNumber:36},this),") disables all styles in a component (except, in some cases, essential behavioral styles required for component functionality)."]},void 0,0,{fileName:Zt,
+lineNumber:220,columnNumber:11},this),bi(Ut.Demo,{title:"Fully-customized Link using unstyled",withSource:!0,children:bi(ot,{unstyled:!0,href:"http://www.example.com",classes:"border rounded-md bg-slate-500 p-2 text-white hover:text-slate-100 hover:bg-slate-600",children:"Customized link"},void 0,0,{fileName:Zt,lineNumber:226,columnNumber:13},this)},void 0,0,{fileName:Zt,lineNumber:225,columnNumber:11},this),bi(Ut.Callout,{children:[bi("strong",{children:"Note"},void 0,0,{fileName:Zt,lineNumber:235,columnNumber:13},this),": When ",bi("code",{children:"unstyled"},void 0,0,{fileName:Zt,lineNumber:235,columnNumber:41},this)," is set, values passed to ",bi("code",{children:"size"},void 0,0,{fileName:Zt,lineNumber:236,columnNumber:23},this)," or ",bi("code",{children:"variant"},void 0,0,{fileName:Zt,lineNumber:236,columnNumber:44},this)," will be ignored, as associated styles are disabled."]},void 0,0,{fileName:Zt,lineNumber:234,columnNumber:11},this),bi(Ut.Section,{title:"Unstyled style categories",
+children:[bi("p",{children:["Setting ",bi("code",{children:"unstyled"},void 0,0,{fileName:Zt,lineNumber:242,columnNumber:23},this)," disables (pretty much) all styling."," ","Disabled styles include those in ",bi("code",{children:"variant"},void 0,0,{fileName:Zt,lineNumber:243,columnNumber:48},this)," and"," ",bi("code",{children:"size"},void 0,0,{fileName:Zt,lineNumber:244,columnNumber:15},this)," categories, and, in addition, styles from the following"," ",bi(ot,{href:"https://tailwindcss.com/docs",children:"TailwindCSS"},void 0,0,{fileName:Zt,lineNumber:246,columnNumber:15},this)," ","styling categories:"]},void 0,0,{fileName:Zt,lineNumber:241,columnNumber:13},this),bi("ul",{children:[bi("li",{children:"layout"},void 0,0,{fileName:Zt,lineNumber:250,columnNumber:15},this),bi("li",{children:"flexbox and grid"},void 0,0,{fileName:Zt,lineNumber:251,columnNumber:15},this),bi("li",{children:"border: ring (only)"},void 0,0,{fileName:Zt,lineNumber:252,columnNumber:15},this)]},void 0,0,{fileName:Zt,lineNumber:249,
+columnNumber:13},this)]},void 0,0,{fileName:Zt,lineNumber:240,columnNumber:11},this)]},void 0,0,{fileName:Zt,lineNumber:219,columnNumber:9},this)]},void 0,0,{fileName:Zt,lineNumber:21,columnNumber:7},this)},void 0,0,{fileName:Zt,lineNumber:6,columnNumber:5},this)},route:"/styling-components"},{route:"/foundations-colors",title:"Colors",component:function(){return bi(Ut.Page,{title:"Colors",children:[bi(Ut.SectionL2,{title:"Brand red",children:bi("div",{className:"my-4 flex flex-row flex-wrap gap-4",children:Gt},void 0,0,{fileName:Vt,lineNumber:94,columnNumber:9},this)},void 0,0,{fileName:Vt,lineNumber:93,columnNumber:7},this),bi(Ut.SectionL2,{title:"Greys",children:bi("div",{className:"my-4 flex flex-row flex-wrap gap-4",children:$t},void 0,0,{fileName:Vt,lineNumber:100,columnNumber:9},this)},void 0,0,{fileName:Vt,lineNumber:99,columnNumber:7},this),bi(Ut.SectionL2,{title:"Slates",children:[bi("p",{
+children:"These slightly blue greys may be used sparingly to help with differentiation and clarity within interfaces."},void 0,0,{fileName:Vt,lineNumber:104,columnNumber:9},this),bi("div",{className:"my-4 flex flex-row flex-wrap gap-4",children:Xt},void 0,0,{fileName:Vt,lineNumber:108,columnNumber:9},this)]},void 0,0,{fileName:Vt,lineNumber:103,columnNumber:7},this),bi(Ut.SectionL2,{title:"Highlighting",children:bi("div",{className:"my-4 flex flex-row flex-wrap gap-4",children:Jt},void 0,0,{fileName:Vt,lineNumber:114,columnNumber:9},this)},void 0,0,{fileName:Vt,lineNumber:113,columnNumber:7},this),bi(Ut.SectionL2,{title:"State indicators",children:bi("div",{className:"my-4 flex flex-row flex-wrap gap-4",children:Kt},void 0,0,{fileName:Vt,lineNumber:120,columnNumber:9},this)},void 0,0,{fileName:Vt,lineNumber:119,columnNumber:7},this),bi(Ut.SectionL2,{title:"Focus indicators",children:bi("div",{className:"my-4 flex flex-row flex-wrap gap-4",children:Qt},void 0,0,{fileName:Vt,lineNumber:126,columnNumber:9},this)
+},void 0,0,{fileName:Vt,lineNumber:125,columnNumber:7},this)]},void 0,0,{fileName:Vt,lineNumber:92,columnNumber:5},this)},group:"foundations"},{route:"/foundations-util",title:"Utilities",component:function(){return bi(Ut.Page,{title:"Utilities",intro:bi("p",{children:["This ","package's"," ",bi("code",{children:"tailwindcss"},void 0,0,{fileName:im,lineNumber:10,columnNumber:30},this)," preset provides some extra utility classes and modifiers. These can be used independently to style your ","app's"," component elements."]},void 0,0,{fileName:im,lineNumber:9,columnNumber:9},this),children:[bi(Ut.SectionL2,{title:"Utility classes",children:bi(Ut.SectionL3,{title:".focus-visible-ring",children:[bi("p",{children:["The ",bi("code",{children:".focus-visible-ring"},void 0,0,{fileName:im,lineNumber:19,columnNumber:17},this)," utility class customizes an interactive element's focus ring such that it is only visible when the element has ",bi("code",{children:":focus-visible"},void 0,0,{fileName:im,lineNumber:21,
+columnNumber:34},this)," or the polyfilled equivalent for browsers that do not support"," ",bi("code",{children:":focus-visible"},void 0,0,{fileName:im,lineNumber:23,columnNumber:13},this),". It uses the ",bi("code",{children:"blue-focus"},void 0,0,{fileName:im,lineNumber:23,columnNumber:54},this)," ","color."]},void 0,0,{fileName:im,lineNumber:18,columnNumber:11},this),bi(Ut.Demo,{title:"input and button with .focus-visible-ring",withSource:!0,children:[bi("input",{type:"text",className:"border focus-visible-ring"},void 0,0,{fileName:im,lineNumber:30,columnNumber:13},this),bi("button",{className:"focus-visible-ring",children:"Button"},void 0,0,{fileName:im,lineNumber:31,columnNumber:13},this)]},void 0,0,{fileName:im,lineNumber:26,columnNumber:11},this),bi(Ut.Demo,{title:"Combining with other tailwind ring classes",withSource:!0,children:[bi("input",{type:"text",className:"border focus-visible-ring ring-slate-5"},void 0,0,{fileName:im,lineNumber:38,columnNumber:13},this),bi("button",{
+className:"focus-visible-ring ring-inset",children:"Inset ring"},void 0,0,{fileName:im,lineNumber:42,columnNumber:13},this)]},void 0,0,{fileName:im,lineNumber:34,columnNumber:11},this)]},void 0,0,{fileName:im,lineNumber:17,columnNumber:9},this)},void 0,0,{fileName:im,lineNumber:16,columnNumber:7},this),bi(Ut.SectionL2,{title:"Modifiers (variants)",children:[bi("p",{children:"This package also provides some tailwind variants (modifiers) that can be combined with other tailwind utility classes."},void 0,0,{fileName:im,lineNumber:50,columnNumber:9},this),bi(Ut.SectionL3,{title:"Styling groups of inputs",children:[bi("p",{children:["The ",bi("code",{children:"input-group"},void 0,0,{fileName:im,lineNumber:57,columnNumber:17},this)," modifier allows adaptation of styling on inputs when they are part of a group of inputs. This is identical in functionality to the"," ",bi(ot,{href:"https://tailwindcss.com/docs/hover-focus-and-other-states#styling-based-on-parent-state",underline:"always",
+children:["tailwind ",bi("code",{children:"group"},void 0,0,{fileName:im,lineNumber:64,columnNumber:24},this)," modifier"]},void 0,0,{fileName:im,lineNumber:60,columnNumber:13},this)," ","but is ",'"namespaced"'," to associate it with its more targeted usage."]},void 0,0,{fileName:im,lineNumber:56,columnNumber:11},this),bi("p",{children:["Each of the ",bi("code",{children:"button"},void 0,0,{fileName:im,lineNumber:71,columnNumber:25},this),"s used in the following grouping examples has the markup shown below. The ",bi("code",{children:"rounded-lg"},void 0,0,{fileName:im,lineNumber:72,columnNumber:54},this)," ","class sets border-radius on the buttons, but"," ",bi("code",{children:"input-group:rounded-none"},void 0,0,{fileName:im,lineNumber:74,columnNumber:13},this)," removes it when the buttons are inside of an ",bi("code",{children:"input-group"},void 0,0,{fileName:im,lineNumber:75,columnNumber:30},this),"."]},void 0,0,{fileName:im,lineNumber:70,columnNumber:11},this),bi(Ut.Code,{content:bi("button",{
+className:"border p-2 rounded-lg input-group:rounded-none",children:"Label"},void 0,0,{fileName:im,lineNumber:80,columnNumber:15},this),title:"Button element styling"},void 0,0,{fileName:im,lineNumber:78,columnNumber:11},this),bi(Ut.Demo,{title:"buttons in an .input-group",withSource:!0,children:bi("div",{className:"input-group",children:bi("div",{className:"flex gap-x-2 input-group:gap-x-0",children:[bi("button",{className:"border p-2 rounded-lg input-group:rounded-none",children:"One"},void 0,0,{fileName:im,lineNumber:90,columnNumber:17},this),bi("button",{className:"border p-2 rounded-lg input-group:rounded-none",children:"Two"},void 0,0,{fileName:im,lineNumber:93,columnNumber:17},this),bi("button",{className:"border p-2 rounded-lg input-group:rounded-none",children:"Three"},void 0,0,{fileName:im,lineNumber:96,columnNumber:17},this)]},void 0,0,{fileName:im,lineNumber:89,columnNumber:15},this)},void 0,0,{fileName:im,lineNumber:88,columnNumber:13},this)},void 0,0,{fileName:im,lineNumber:87,columnNumber:11
+},this),bi(Ut.Demo,{title:"The same buttons not in an .input-group",withSource:!0,children:bi("div",{className:"flex gap-x-2 input-group:gap-x-0",children:[bi("button",{className:"border p-2 rounded-lg input-group:rounded-none",children:"One"},void 0,0,{fileName:im,lineNumber:108,columnNumber:15},this),bi("button",{className:"border p-2 rounded-lg input-group:rounded-none",children:"Two"},void 0,0,{fileName:im,lineNumber:111,columnNumber:15},this),bi("button",{className:"border p-2 rounded-lg input-group:rounded-none",children:"Three"},void 0,0,{fileName:im,lineNumber:114,columnNumber:15},this)]},void 0,0,{fileName:im,lineNumber:107,columnNumber:13},this)},void 0,0,{fileName:im,lineNumber:103,columnNumber:11},this)]},void 0,0,{fileName:im,lineNumber:55,columnNumber:9},this)]},void 0,0,{fileName:im,lineNumber:49,columnNumber:7},this)]},void 0,0,{fileName:im,lineNumber:6,columnNumber:5},this)},group:"foundations"},{title:"AspectRatio",group:"data",component:function(){return bi(Ut.Page,{title:"AspectRatio",
+intro:bi("p",{children:[bi("code",{children:"AspectRatio"},void 0,0,{fileName:lm,lineNumber:10,columnNumber:11},this)," is a simple component that controls the aspect ratio of its first direct child, with a default ratio of 16:9."]},void 0,0,{fileName:lm,lineNumber:9,columnNumber:9},this),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"AspectRatio"},void 0,0,{fileName:lm,lineNumber:17,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic AspectRatio",withSource:!0,children:bi("div",{className:"w-[350px]",children:bi(Ko,{children:bi("img",{src:"https://placehold.co/400x400",alt:"placeholder"},void 0,0,{fileName:lm,lineNumber:22,columnNumber:19},this)},void 0,0,{fileName:lm,lineNumber:21,columnNumber:17},this)},void 0,0,{fileName:lm,lineNumber:20,columnNumber:15},this)},void 0,0,{fileName:lm,lineNumber:19,columnNumber:13},this)},void 0,0,{fileName:lm,lineNumber:18,columnNumber:11},this)]},void 0,0,{fileName:lm,lineNumber:16,columnNumber:9
+},this),bi(Ut.Section,{title:"Working with AspectRatio",children:[bi(Ut.SectionL3,{title:"Placeholder content",children:[bi("p",{children:["Placeholder content can be put in a container that is the first direct child of the ",bi("code",{children:"AspectRatio"},void 0,0,{fileName:lm,lineNumber:32,columnNumber:35},this),"."]},void 0,0,{fileName:lm,lineNumber:30,columnNumber:13},this),bi(Ut.Demo,{title:"Placeholder",withSource:!0,children:bi("div",{className:"w-[250px] border rounded-md",children:bi(Ko,{children:bi("div",{children:bi(Rl,{className:"text-slate-5 w-2em h-2em"},void 0,0,{fileName:lm,lineNumber:38,columnNumber:21},this)},void 0,0,{fileName:lm,lineNumber:37,columnNumber:19},this)},void 0,0,{fileName:lm,lineNumber:36,columnNumber:17},this)},void 0,0,{fileName:lm,lineNumber:35,columnNumber:15},this)},void 0,0,{fileName:lm,lineNumber:34,columnNumber:13},this)]},void 0,0,{fileName:lm,lineNumber:29,columnNumber:11},this),bi(Ut.SectionL3,{title:"Fitting and positioning content",children:[bi("p",{
+children:["The way the content is resized and fitted (",bi(ot,{underline:"always",href:"https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit",children:"object-fit"},void 0,0,{fileName:lm,lineNumber:47,columnNumber:15},this),") can be controlled with the ",bi("code",{children:"objectFit"},void 0,0,{fileName:lm,lineNumber:53,columnNumber:44},this)," prop (documented below)."]},void 0,0,{fileName:lm,lineNumber:45,columnNumber:13},this),bi("p",{children:[bi(ot,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/object-position",underline:"always",children:"Object positioning"},void 0,0,{fileName:lm,lineNumber:58,columnNumber:15},this)," ","within the content ","element's"," box can be handled by styling the content element itself. By default, the browser will position content ",bi("code",{children:"50% 50%"},void 0,0,{fileName:lm,lineNumber:66,columnNumber:23},this)," within the ","element's"," box. In this example, the image is styled to apply"," ",bi("code",{children:"object-position: top"
+},void 0,0,{fileName:lm,lineNumber:68,columnNumber:15},this)," instead."]},void 0,0,{fileName:lm,lineNumber:57,columnNumber:13},this),bi(Ut.Demo,{title:"Changing the contained object's position",withSource:!0,children:bi("div",{className:"w-[350px]",children:bi(Ko,{children:bi("img",{src:"https://placehold.co/400x400",alt:"placeholder",className:"object-top"},void 0,0,{fileName:lm,lineNumber:77,columnNumber:19},this)},void 0,0,{fileName:lm,lineNumber:76,columnNumber:17},this)},void 0,0,{fileName:lm,lineNumber:75,columnNumber:15},this)},void 0,0,{fileName:lm,lineNumber:71,columnNumber:13},this)]},void 0,0,{fileName:lm,lineNumber:44,columnNumber:11},this)]},void 0,0,{fileName:lm,lineNumber:28,columnNumber:9},this),bi(Ut.Section,{title:"Component API",children:[bi(Ut.SectionL3,{title:"children",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Either the"," ",bi(ot,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element",children:"replaced element"},void 0,0,{
+fileName:lm,lineNumber:92,columnNumber:17},this)," ","to be sized or placeholder content in a container."]},void 0,0,{fileName:lm,lineNumber:90,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"preact.ComponentChildren"},void 0,0,{fileName:lm,lineNumber:98,columnNumber:17},this)},void 0,0,{fileName:lm,lineNumber:97,columnNumber:15},this)]},void 0,0,{fileName:lm,lineNumber:89,columnNumber:13},this)},void 0,0,{fileName:lm,lineNumber:88,columnNumber:11},this),bi(Ut.SectionL3,{title:"ratio",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Set the aspect ratio for the content"},void 0,0,{fileName:lm,lineNumber:104,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:[bi("code",{children:"string"},void 0,0,{fileName:lm,lineNumber:108,columnNumber:17},this)," Any numeric string that can be used in a CSS"," ",bi("code",{children:"calc()"},void 0,0,{fileName:lm,lineNumber:109,columnNumber:17},this)," expression"]},void 0,0,{fileName:lm,lineNumber:107,
+columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'16/9'"},void 0,0,{fileName:lm,lineNumber:112,columnNumber:17},this)},void 0,0,{fileName:lm,lineNumber:111,columnNumber:15},this)]},void 0,0,{fileName:lm,lineNumber:103,columnNumber:13},this)},void 0,0,{fileName:lm,lineNumber:102,columnNumber:11},this),bi(Ut.SectionL3,{title:"objectFit",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Control the way the content is resized and fitted (",bi(ot,{underline:"always",href:"https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit",children:"object-fit"},void 0,0,{fileName:lm,lineNumber:120,columnNumber:17},this),")."]},void 0,0,{fileName:lm,lineNumber:118,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'cover' | 'contain' | 'fill' | 'none' | 'scale-down'"},void 0,0,{fileName:lm,lineNumber:129,columnNumber:17},this)},void 0,0,{fileName:lm,lineNumber:128,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",
+children:bi("code",{children:"'cover'"},void 0,0,{fileName:lm,lineNumber:134,columnNumber:17},this)},void 0,0,{fileName:lm,lineNumber:133,columnNumber:15},this)]},void 0,0,{fileName:lm,lineNumber:117,columnNumber:13},this),bi(Ut.Demo,{title:"objectFit:'cover' (default)",withSource:!0,children:bi("div",{className:"w-[350px] border rounded-md",children:bi(Ko,{objectFit:"cover",children:bi("img",{src:"https://placehold.co/400x400",alt:"placeholder"},void 0,0,{fileName:lm,lineNumber:140,columnNumber:19},this)},void 0,0,{fileName:lm,lineNumber:139,columnNumber:17},this)},void 0,0,{fileName:lm,lineNumber:138,columnNumber:15},this)},void 0,0,{fileName:lm,lineNumber:137,columnNumber:13},this),bi(Ut.Demo,{title:"objectFit:'contain'",withSource:!0,children:bi("div",{className:"w-[350px] border rounded-md",children:bi(Ko,{objectFit:"contain",children:bi("img",{src:"https://placehold.co/400x400",alt:"placeholder"},void 0,0,{fileName:lm,lineNumber:148,columnNumber:19},this)},void 0,0,{fileName:lm,lineNumber:147,
+columnNumber:17},this)},void 0,0,{fileName:lm,lineNumber:146,columnNumber:15},this)},void 0,0,{fileName:lm,lineNumber:145,columnNumber:13},this),bi(Ut.Demo,{title:"objectFit:'fill'",withSource:!0,children:bi("div",{className:"w-[350px] border rounded-md",children:bi(Ko,{objectFit:"fill",children:bi("img",{src:"https://placehold.co/400x400",alt:"placeholder"},void 0,0,{fileName:lm,lineNumber:156,columnNumber:19},this)},void 0,0,{fileName:lm,lineNumber:155,columnNumber:17},this)},void 0,0,{fileName:lm,lineNumber:154,columnNumber:15},this)},void 0,0,{fileName:lm,lineNumber:153,columnNumber:13},this),bi(Ut.Demo,{title:"objectFit:'scale-down'",withSource:!0,children:bi("div",{className:"w-[350px] border rounded-md",children:bi(Ko,{objectFit:"scale-down",children:bi("img",{src:"https://placehold.co/400x400",alt:"placeholder"},void 0,0,{fileName:lm,lineNumber:164,columnNumber:19},this)},void 0,0,{fileName:lm,lineNumber:163,columnNumber:17},this)},void 0,0,{fileName:lm,lineNumber:162,columnNumber:15},this)
+},void 0,0,{fileName:lm,lineNumber:161,columnNumber:13},this),bi(Ut.Demo,{title:"objectFit:'none'",withSource:!0,children:bi("div",{className:"w-[350px] border rounded-md",children:bi(Ko,{objectFit:"none",children:bi("img",{src:"https://placehold.co/400x400",alt:"placeholder"},void 0,0,{fileName:lm,lineNumber:172,columnNumber:19},this)},void 0,0,{fileName:lm,lineNumber:171,columnNumber:17},this)},void 0,0,{fileName:lm,lineNumber:170,columnNumber:15},this)},void 0,0,{fileName:lm,lineNumber:169,columnNumber:13},this)]},void 0,0,{fileName:lm,lineNumber:116,columnNumber:11},this)]},void 0,0,{fileName:lm,lineNumber:87,columnNumber:9},this)]},void 0,0,{fileName:lm,lineNumber:15,columnNumber:7},this)},void 0,0,{fileName:lm,lineNumber:6,columnNumber:5},this)},route:"/data-aspectratio"},{title:"DataTable",group:"data",component:function(){const[e,i]=ae(mm[mm.length-1]),[l,n]=ae(null),[o,r]=ae(null),[t,m]=ae([]);return bi(Ut.Page,{title:"DataTable",intro:bi("p",{children:[bi("code",{children:"DataTable"},void 0,0,{
+fileName:tm,lineNumber:114,columnNumber:11},this)," is a composite component that provides support for interactive tables with columns and rows data. It is built atop the ",bi("code",{children:"Table"},void 0,0,{fileName:tm,lineNumber:116,columnNumber:15},this)," family of presentational components."]},void 0,0,{fileName:tm,lineNumber:113,columnNumber:9},this),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"DataTable"},void 0,0,{fileName:tm,lineNumber:122,columnNumber:11},this),bi(Ut.Demo,{title:"Basic DataTable",withSource:!0,children:bi("div",{className:"w-full h-[250px]",children:bi(Ii,{children:bi(Rr,{title:"A subset of Nabokov's novels with publish date and original language",rows:mm,columns:um},void 0,0,{fileName:tm,lineNumber:127,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:126,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:125,columnNumber:13},this)},void 0,0,{fileName:tm,lineNumber:124,columnNumber:11},this)]},void 0,0,{fileName:tm,
+lineNumber:121,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with tables",children:[bi(Ut.SectionL3,{title:"Rows, columns and items",children:[bi("p",{children:[bi("code",{children:"DataTable"},void 0,0,{fileName:tm,lineNumber:140,columnNumber:15},this)," operates on ",bi("code",{children:"rows"},void 0,0,{fileName:tm,lineNumber:140,columnNumber:50},this)," and",bi("code",{children:"columns"},void 0,0,{fileName:tm,lineNumber:141,columnNumber:15},this),". Rows are generic key-value objects and columns determine which fields in each row are rendered in the table."]},void 0,0,{fileName:tm,lineNumber:139,columnNumber:13},this),bi("p",{children:["All of the ",bi("code",{children:"DataTable"},void 0,0,{fileName:tm,lineNumber:146,columnNumber:26},this)," examples on this page use the same ",bi("code",{children:"rows"},void 0,0,{fileName:tm,lineNumber:147,columnNumber:20},this)," data:"]},void 0,0,{fileName:tm,lineNumber:145,columnNumber:13},this),bi("div",{className:"h-[300px]",children:bi(Ut.Code,{
+title:"rows data used for examples on this page",
+content:"const rows = [\n    {\n      title: 'Машенька',\n      year: '1926',\n      language: 'Russian',\n      translatedTitle: 'Mary',\n    },\n    {\n      title: 'Король, дама, валет',\n      year: '1928',\n      language: 'Russian',\n      translatedTitle: 'King, Queen, Knave',\n    },\n    {\n      title: 'Защита Лужина',\n      year: '1930',\n      language: 'Russian',\n      translatedTitle: 'The Defense',\n    },\n    {\n      title: 'Соглядатай',\n      year: '1930',\n      language: 'Russian',\n      translatedTitle: 'The Eye',\n    },\n    {\n      title: 'The Real Life of Sebastian Knight',\n      year: '1941',\n      language: 'English',\n    },\n    {\n      title: 'Bend Sinister',\n      year: '1947',\n      language: 'English',\n    },\n    {\n      title: 'Pale Fire',\n      year: '1965',\n      language: 'English',\n    },\n    {\n      title: 'Подвиг',\n      year: '1932',\n      language: 'Russian',\n      translatedTitle: 'Glory',\n    },\n    {\n      title: 'Ada or Ardor: A Family Chronicle',\n      year: '1969',\n      language: 'English',\n    },\n  ];"
+},void 0,0,{fileName:tm,lineNumber:150,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:149,columnNumber:13},this),bi(Ut.Code,{title:"example of columns",content:"const columns = [\n  { field: 'title', label: 'Title', classes: 'w-[80%]' },\n  { field: 'year', label: 'Year' },\n];"},void 0,0,{fileName:tm,lineNumber:206,columnNumber:13},this)]},void 0,0,{fileName:tm,lineNumber:138,columnNumber:11},this),bi(Ut.SectionL3,{title:"Grid DataTables with scroll",children:bi(Ut.Demo,{title:"Grid DataTables with scroll",withSource:!0,children:bi("div",{className:"w-full h-[250px]",children:bi(Ii,{children:bi(Rr,{title:"A subset of Nabokov's novels with publish date and original language",rows:mm,columns:um,grid:!0},void 0,0,{fileName:tm,lineNumber:218,columnNumber:19},this)},void 0,0,{fileName:tm,lineNumber:217,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:216,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:215,columnNumber:13},this)},void 0,0,{fileName:tm,lineNumber:214,columnNumber:11
+},this),bi(Ut.SectionL3,{title:"Interactive DataTables",children:[bi("p",{children:["The presence of a ",bi("code",{children:"onSelectRow"},void 0,0,{fileName:tm,lineNumber:230,columnNumber:33},this),","," ",bi("code",{children:"onSelectRows"},void 0,0,{fileName:tm,lineNumber:231,columnNumber:15},this)," or ",bi("code",{children:"onConfirmRow"},void 0,0,{fileName:tm,lineNumber:231,columnNumber:44},this)," callback prop will cause a ",bi("code",{children:"DataTable"},void 0,0,{fileName:tm,lineNumber:232,columnNumber:33},this)," to be interactive."]},void 0,0,{fileName:tm,lineNumber:229,columnNumber:13},this),bi("p",{children:["Rows in interactive ",bi("code",{children:"DataTable"},void 0,0,{fileName:tm,lineNumber:235,columnNumber:35},this),"s can be"," ",bi("strong",{children:"selected"},void 0,0,{fileName:tm,lineNumber:236,columnNumber:15},this)," by a single click or keyboard navigation focus, then subsequently — if ",bi("code",{children:"onConfirmRow"},void 0,0,{fileName:tm,lineNumber:237,columnNumber:45
+},this)," is provided — ",bi("strong",{children:"confirmed"},void 0,0,{fileName:tm,lineNumber:238,columnNumber:26},this)," with a double-click or by pressing ","'Enter'","."]},void 0,0,{fileName:tm,lineNumber:234,columnNumber:13},this),bi("p",{children:[bi("code",{children:"DataTable"},void 0,0,{fileName:tm,lineNumber:242,columnNumber:15},this)," does not maintain internal state and expects a parent component to provide the current selected rows. If the user should be able to select a single row, this should be passed via ",bi("code",{children:"selectedRow"},void 0,0,{fileName:tm,lineNumber:245,columnNumber:26},this),". If the user should be allowed to selected multiple rows, the selection should be passed via"," ",bi("code",{children:"selectedRows"},void 0,0,{fileName:tm,lineNumber:247,columnNumber:15},this),"."]},void 0,0,{fileName:tm,lineNumber:241,columnNumber:13},this),bi(Ut.Demo,{title:"Interactive DataTable with callbacks for row selection, confirmation",withSource:!0,children:bi("div",{
+className:"space-y-2 w-full",children:[bi("div",{children:["Selected row:"," ",l?bi("i",{children:l.title},void 0,0,{fileName:tm,lineNumber:257,columnNumber:35},this):"None"]},void 0,0,{fileName:tm,lineNumber:255,columnNumber:17},this),bi("div",{children:["Confirmed row:"," ",o?bi("i",{children:o.title},void 0,0,{fileName:tm,lineNumber:261,columnNumber:35},this):"None"]},void 0,0,{fileName:tm,lineNumber:259,columnNumber:17},this),bi("div",{className:"w-full h-[250px]",children:bi(Ii,{children:bi(Rr,{title:"Some of Nabokov's novels",rows:mm,columns:um,selectedRow:l,onSelectRow:e=>n(e),onConfirmRow:e=>r(e)},void 0,0,{fileName:tm,lineNumber:265,columnNumber:21},this)},void 0,0,{fileName:tm,lineNumber:264,columnNumber:19},this)},void 0,0,{fileName:tm,lineNumber:263,columnNumber:17},this)]},void 0,0,{fileName:tm,lineNumber:254,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:250,columnNumber:13},this)]},void 0,0,{fileName:tm,lineNumber:228,columnNumber:11},this),bi(Ut.SectionL3,{
+title:"Tables in constrained spaces",children:[bi("p",{children:[bi("code",{children:"DataTable"},void 0,0,{fileName:tm,lineNumber:280,columnNumber:15},this)," and ",bi("code",{children:"Table"},void 0,0,{fileName:tm,lineNumber:280,columnNumber:42},this)," are designed to be compatible with scrolling contexts. The examples on this page are constrained within ",bi("code",{children:"Scroll"},void 0,0,{fileName:tm,lineNumber:282,columnNumber:34},this)," components."]},void 0,0,{fileName:tm,lineNumber:279,columnNumber:13},this),bi("p",{children:[bi("code",{children:"DataTable"},void 0,0,{fileName:tm,lineNumber:285,columnNumber:15},this)," is designed to fill its containing space vertically. If there are sparse data (fewer rows than fill the space), the ",bi("code",{children:"Table"},void 0,0,{fileName:tm,lineNumber:287,columnNumber:27},this)," will still occupy the full vertical height."]},void 0,0,{fileName:tm,lineNumber:284,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,
+title:"Constrained Table with sparse content",children:bi("div",{className:"w-full h-[250px]",children:bi(Ii,{children:bi(Rr,{title:"A subset of Nabokov's novels with publish date and original language",rows:[mm[0],mm[1]],columns:um},void 0,0,{fileName:tm,lineNumber:297,columnNumber:19},this)},void 0,0,{fileName:tm,lineNumber:296,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:295,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:291,columnNumber:13},this)]},void 0,0,{fileName:tm,lineNumber:278,columnNumber:11},this)]},void 0,0,{fileName:tm,lineNumber:137,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("p",{children:[bi("code",{children:"DataTable"},void 0,0,{fileName:tm,lineNumber:310,columnNumber:13},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#composite-components-api",children:"composite component props"},void 0,0,{fileName:tm,lineNumber:311,columnNumber:13},this)," ","and some"," ",bi(Ut.Link,{href:"/data-table#table-props",
+children:[bi("code",{children:"Table"},void 0,0,{fileName:tm,lineNumber:316,columnNumber:15},this)," presentational props"]},void 0,0,{fileName:tm,lineNumber:315,columnNumber:13},this),"."]},void 0,0,{fileName:tm,lineNumber:309,columnNumber:11},this),bi(Ut.SectionL3,{title:"columns",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["An array of objects defining headers to render, as well as which fields in ",bi("code",{children:"rows"},void 0,0,{fileName:tm,lineNumber:324,columnNumber:27},this)," are rendered. Optional"," ",bi("code",{children:"classes"},void 0,0,{fileName:tm,lineNumber:325,columnNumber:17},this)," extend CSS classes applied to associated"," ",bi("code",{children:"th"},void 0,0,{fileName:tm,lineNumber:326,columnNumber:17},this)," elements."]},void 0,0,{fileName:tm,lineNumber:322,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi(Ut.Code,{size:"sm",content:"Array<{\n  field: string;\n  label: string;\n  classes?: string;\n}>\n"},void 0,0,{fileName:tm,
+lineNumber:329,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:328,columnNumber:15},this),bi(Ut.InfoItem,{label:"required",children:bi("code",{children:"true"},void 0,0,{fileName:tm,lineNumber:340,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:339,columnNumber:15},this)]},void 0,0,{fileName:tm,lineNumber:321,columnNumber:13},this),bi(Ut.Demo,{title:"Setting columns for a DataTable",withSource:!0,children:bi("div",{className:"w-full h-[250px]",children:bi(Ii,{children:bi(Rr,{title:"Some of Nabokov's novels and their publish date",rows:mm,columns:[{field:"title",label:"Title",classes:"w-[80%]"},{field:"year",label:"Year"}]},void 0,0,{fileName:tm,lineNumber:346,columnNumber:19},this)},void 0,0,{fileName:tm,lineNumber:345,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:344,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:343,columnNumber:13},this),bi(Ut.Code,{title:"columns data used for this example",
+content:"const columns = [\n  { field: 'title', label: 'Title', classes: 'w-[80%]' },\n  { field: 'year', label: 'Year' },\n];"},void 0,0,{fileName:tm,lineNumber:357,columnNumber:13},this)]},void 0,0,{fileName:tm,lineNumber:320,columnNumber:11},this),bi(Ut.SectionL3,{title:"rows",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Array of objects mapping field names to values. Only fields that are declared in ",bi("code",{children:"columns"},void 0,0,{fileName:tm,lineNumber:370,columnNumber:33},this)," will be rendered."]},void 0,0,{fileName:tm,lineNumber:368,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"Array<Record<string,any>"},void 0,0,{fileName:tm,lineNumber:373,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:372,columnNumber:15},this),bi(Ut.InfoItem,{label:"required",children:bi("code",{children:"true"},void 0,0,{fileName:tm,lineNumber:376,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:375,columnNumber:15},this)]
+},void 0,0,{fileName:tm,lineNumber:367,columnNumber:13},this),bi(Ut.Demo,{title:"Only fields declared in columns are rendered",withSource:!0,children:bi("div",{className:"w-full h-[250px]",children:bi(Ii,{children:bi(Rr,{title:"A subset of Nabokov's novels with publish date and original language",rows:mm,columns:um},void 0,0,{fileName:tm,lineNumber:386,columnNumber:19},this)},void 0,0,{fileName:tm,lineNumber:385,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:384,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:380,columnNumber:13},this),bi("p",{children:["In this example, the ",bi("code",{children:"translatedTitle"},void 0,0,{fileName:tm,lineNumber:396,columnNumber:36},this)," field is not referenced in ",bi("code",{children:"columns"},void 0,0,{fileName:tm,lineNumber:397,columnNumber:29},this),", so it is not rendered."]},void 0,0,{fileName:tm,lineNumber:395,columnNumber:13},this),bi(Ut.Code,{title:"columns data used for this example",
+content:"const columns = [\n  { field: 'title', label: 'Title' },\n  { field: 'year', label: 'Year' },\n  { field: 'language', label: 'Language' },\n];"},void 0,0,{fileName:tm,lineNumber:399,columnNumber:13},this)]},void 0,0,{fileName:tm,lineNumber:366,columnNumber:11},this),bi(Ut.SectionL3,{title:"emptyMessage",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Message to show if there are no ",bi("code",{children:"rows"},void 0,0,{fileName:tm,lineNumber:412,columnNumber:49},this),". Superseded by"," ",bi("code",{children:"loading"},void 0,0,{fileName:tm,lineNumber:413,columnNumber:17},this)," state."]},void 0,0,{fileName:tm,lineNumber:411,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"preact.ComponentChildren"},void 0,0,{fileName:tm,lineNumber:416,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:415,columnNumber:15},this)]},void 0,0,{fileName:tm,lineNumber:410,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi("div",{
+className:"w-full h-[250px]",children:bi(Ii,{children:bi(Rr,{title:"Some of Nabokov's novels",rows:[],columns:um,emptyMessage:bi("strong",{children:"No books found"},void 0,0,{fileName:tm,lineNumber:426,columnNumber:35},this)},void 0,0,{fileName:tm,lineNumber:422,columnNumber:19},this)},void 0,0,{fileName:tm,lineNumber:421,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:420,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:419,columnNumber:13},this)]},void 0,0,{fileName:tm,lineNumber:409,columnNumber:11},this),bi(Ut.SectionL3,{title:"loading",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Show a loading spinner. Column headings are still displayed."},void 0,0,{fileName:tm,lineNumber:435,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:tm,lineNumber:439,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:438,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"
+},void 0,0,{fileName:tm,lineNumber:442,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:441,columnNumber:15},this)]},void 0,0,{fileName:tm,lineNumber:434,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi("div",{className:"w-full h-[250px]",children:bi(Ii,{children:bi(Rr,{title:"Some of Nabokov's novels",rows:mm,columns:um,loading:!0},void 0,0,{fileName:tm,lineNumber:448,columnNumber:19},this)},void 0,0,{fileName:tm,lineNumber:447,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:446,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:445,columnNumber:13},this)]},void 0,0,{fileName:tm,lineNumber:433,columnNumber:11},this),bi(Ut.SectionL3,{title:"renderItem",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Callback for formatting the contents of an individual table cell."},void 0,0,{fileName:tm,lineNumber:461,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"(r: Row, field: keyof Row) => preact.ComponentChildren"
+},void 0,0,{fileName:tm,lineNumber:466,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:465,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"(r: Row, field: keyof Row) => r[field] as ComponentChildren"},void 0,0,{fileName:tm,lineNumber:469,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:468,columnNumber:15},this)]},void 0,0,{fileName:tm,lineNumber:460,columnNumber:13},this),bi(Ut.Demo,{title:"Using renderItem to format table cell contents",withSource:!0,children:bi("div",{className:"w-full h-[250px]",children:bi(Ii,{children:bi(Rr,{title:"Some of Nabokov's novels and their translated titles",rows:mm,columns:[{field:"title",label:"Title"},{field:"translatedTitle",label:"Translated As"},{field:"year",label:"Year"}],renderItem:(e,i)=>{switch(i){case"title":return bi("i",{children:e.title},void 0,0,{fileName:tm,lineNumber:490,columnNumber:34},this);case"translatedTitle":return e.translatedTitle?bi("i",{children:e.translatedTitle},void 0,0,{fileName:tm,
+lineNumber:493,columnNumber:29},this):"N/A";default:return e[i]}}},void 0,0,{fileName:tm,lineNumber:479,columnNumber:19},this)},void 0,0,{fileName:tm,lineNumber:478,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:477,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:473,columnNumber:13},this),bi(Ut.Code,{title:"renderItem callback used for this example",size:"sm",content:"const renderItem = (row, field) => {\n  switch (field) {\n    case 'title':\n      return <i>{row.title}</i>;\n    case 'translatedTitle':\n      return row.translatedTitle ? (\n        <i>{row.translatedTitle}</i>\n      ) : (\n        'N/A'\n      );\n    default:\n      return row[field];\n  }\n}"},void 0,0,{fileName:tm,lineNumber:505,columnNumber:13},this)]},void 0,0,{fileName:tm,lineNumber:459,columnNumber:11},this),bi(Ut.SectionL3,{title:"onSelectRow",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Callback invoked when a row is selected (focused or single-clicked)."},void 0,0,{fileName:tm,
+lineNumber:527,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"(r: Row) => void"},void 0,0,{fileName:tm,lineNumber:532,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:531,columnNumber:15},this)]},void 0,0,{fileName:tm,lineNumber:526,columnNumber:13},this),bi(Ut.Demo,{title:"DataTable with onSelectRow callback",withSource:!0,children:bi("div",{className:"space-y-2 w-full",children:[bi("div",{children:["Selected row:"," ",e?bi("i",{children:e.title},void 0,0,{fileName:tm,lineNumber:542,columnNumber:34},this):"None"]},void 0,0,{fileName:tm,lineNumber:540,columnNumber:17},this),bi("div",{className:"w-full h-[250px]",children:bi(Ii,{children:bi(Rr,{title:"Some of Nabokov's novels",rows:mm,columns:um,selectedRow:e,onSelectRow:e=>i(e)},void 0,0,{fileName:tm,lineNumber:546,columnNumber:21},this)},void 0,0,{fileName:tm,lineNumber:545,columnNumber:19},this)},void 0,0,{fileName:tm,lineNumber:544,columnNumber:17},this)]},void 0,0,{fileName:tm,lineNumber:539,columnNumber:15
+},this)},void 0,0,{fileName:tm,lineNumber:535,columnNumber:13},this)]},void 0,0,{fileName:tm,lineNumber:525,columnNumber:11},this),bi(Ut.SectionL3,{title:"onSelectRows",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Callback invoked when the selected rows are changed if multi-row selections are enabled by passing the `selectedRows` prop."},void 0,0,{fileName:tm,lineNumber:561,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"(r: Row[]) => void"},void 0,0,{fileName:tm,lineNumber:566,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:565,columnNumber:15},this)]},void 0,0,{fileName:tm,lineNumber:560,columnNumber:13},this),bi(Ut.Demo,{title:"DataTable with onSelectRows callback",withSource:!0,children:bi("div",{className:"space-y-2 w-full",children:[bi("div",{children:["Selected rows:"," ",t.length>0?bi("i",{children:t.map((e=>e.title)).join(", ")},void 0,0,{fileName:tm,lineNumber:577,columnNumber:21},this):"None"]},void 0,0,{fileName:tm,
+lineNumber:574,columnNumber:17},this),bi("div",{className:"w-full h-[250px]",children:bi(Ii,{children:bi(Rr,{title:"Some of Nabokov's novels",rows:mm,columns:um,selectedRows:t,onSelectRows:e=>m(e)},void 0,0,{fileName:tm,lineNumber:584,columnNumber:21},this)},void 0,0,{fileName:tm,lineNumber:583,columnNumber:19},this)},void 0,0,{fileName:tm,lineNumber:582,columnNumber:17},this)]},void 0,0,{fileName:tm,lineNumber:573,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:569,columnNumber:13},this)]},void 0,0,{fileName:tm,lineNumber:559,columnNumber:11},this),bi(Ut.SectionL3,{title:"onConfirmRow",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Callback invoked when a row is confirmed (double-clicked, or"," ",bi("kbd",{children:"enter"},void 0,0,{fileName:tm,lineNumber:601,columnNumber:17},this)," pressed)"]},void 0,0,{fileName:tm,lineNumber:599,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"(r: Row) => void"},void 0,0,{fileName:tm,lineNumber:604,
+columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:603,columnNumber:15},this)]},void 0,0,{fileName:tm,lineNumber:598,columnNumber:13},this)},void 0,0,{fileName:tm,lineNumber:597,columnNumber:11},this),bi(Ut.SectionL3,{title:"selectedRow",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set which Row in ",bi("code",{children:"rows"},void 0,0,{fileName:tm,lineNumber:612,columnNumber:34},this)," is currently selected."]},void 0,0,{fileName:tm,lineNumber:611,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"Row"},void 0,0,{fileName:tm,lineNumber:615,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:614,columnNumber:15},this)]},void 0,0,{fileName:tm,lineNumber:610,columnNumber:13},this),bi(Ut.Demo,{title:"DataTable with selectedRow",withSource:!0,children:bi("div",{className:"w-full h-[250px]",children:bi(Ii,{children:bi(Rr,{title:"Some of Nabokov's novels",rows:mm,columns:um,selectedRow:mm[2]},void 0,0,{fileName:tm,lineNumber:622,
+columnNumber:19},this)},void 0,0,{fileName:tm,lineNumber:621,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:620,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:619,columnNumber:13},this)]},void 0,0,{fileName:tm,lineNumber:609,columnNumber:11},this),bi(Ut.SectionL3,{title:"selectedRows",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["This is like ",bi("code",{children:"selectedRow"},void 0,0,{fileName:tm,lineNumber:636,columnNumber:30},this)," except that it specifies an array of rows, and enables the user to select multiple rows."]},void 0,0,{fileName:tm,lineNumber:635,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"Row[]"},void 0,0,{fileName:tm,lineNumber:640,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:639,columnNumber:15},this)]},void 0,0,{fileName:tm,lineNumber:634,columnNumber:13},this)},void 0,0,{fileName:tm,lineNumber:633,columnNumber:11},this),bi(Ut.SectionL3,{title:"order",children:bi(Ut.Info,{
+children:[bi(Ut.InfoItem,{label:"description",children:["Set the column from which ",bi("code",{children:"rows"},void 0,0,{fileName:tm,lineNumber:648,columnNumber:43},this)," are currently ordered. It will cause an arrow icon to be displayed next to the corresponding column name."]},void 0,0,{fileName:tm,lineNumber:647,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"{ field: T; direction: 'ascending' | 'descending' } | null"},void 0,0,{fileName:tm,lineNumber:653,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:652,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:tm,lineNumber:658,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:657,columnNumber:15},this)]},void 0,0,{fileName:tm,lineNumber:646,columnNumber:13},this)},void 0,0,{fileName:tm,lineNumber:645,columnNumber:11},this),bi(Ut.SectionL3,{title:"onOrderChange",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",
+children:["Used together with ",bi("code",{children:"order"},void 0,0,{fileName:tm,lineNumber:666,columnNumber:36},this),", can be used to know what is the new order to apply when a column is clicked. It will cause columns to have a pointer cursor."]},void 0,0,{fileName:tm,lineNumber:665,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"(newOrder: { field: T; direction: 'ascending' | 'descending' } | null) => void"},void 0,0,{fileName:tm,lineNumber:671,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:670,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:tm,lineNumber:676,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:675,columnNumber:15},this)]},void 0,0,{fileName:tm,lineNumber:664,columnNumber:13},this),bi(Ut.Demo,{title:"DataTable with client-side ordering",children:bi("div",{className:"w-full",children:bi(cm,{title:"Some of Nabokov's novels",rows:mm,columns:um},void 0,0,{fileName:tm,
+lineNumber:682,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:681,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:680,columnNumber:13},this),bi(Ut.Demo,{title:"DataTable with server-side ordering",children:bi("div",{className:"w-full",children:bi(am,{title:"Some of Nabokov's novels",rows:mm,columns:um},void 0,0,{fileName:tm,lineNumber:692,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:691,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:690,columnNumber:13},this)]},void 0,0,{fileName:tm,lineNumber:663,columnNumber:11},this),bi(Ut.SectionL3,{title:"orderableColumns",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["If provided together with ",bi("code",{children:"onOrderChange"},void 0,0,{fileName:tm,lineNumber:704,columnNumber:43},this),", it allows to restrict which columns can be used to order the table, or define the initial ordering direction for every orderable column. Defaults to no columns."]},void 0,0,{fileName:tm,lineNumber:703,
+columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"Field[] | Partial<Record<Field, 'ascending' | 'descending'>> | undefined"},void 0,0,{fileName:tm,lineNumber:710,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:709,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:tm,lineNumber:713,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:712,columnNumber:15},this)]},void 0,0,{fileName:tm,lineNumber:702,columnNumber:13},this),bi(Ut.Demo,{title:"Partially orderable DataTable",children:bi("div",{className:"w-full",children:bi(cm,{title:"Some of Nabokov's novels",rows:mm,columns:um,orderableColumns:["title","year"]},void 0,0,{fileName:tm,lineNumber:719,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:718,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:717,columnNumber:13},this),bi(Ut.Demo,{title:"Year orders descending by default",children:bi("div",{className:"w-full",children:bi(cm,{
+title:"Some of Nabokov's novels",rows:mm,columns:um,orderableColumns:{title:"ascending",year:"descending"}},void 0,0,{fileName:tm,lineNumber:730,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:729,columnNumber:15},this)},void 0,0,{fileName:tm,lineNumber:728,columnNumber:13},this)]},void 0,0,{fileName:tm,lineNumber:701,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"DataTable"},void 0,0,{fileName:tm,lineNumber:746,columnNumber:17},this)," accepts HTML element attributes except those detailed below."]},void 0,0,{fileName:tm,lineNumber:745,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"Omit<JSX.HTMLAttributes<HTMLElement>, 'size' | 'rows' | 'role' | 'loading'>"},void 0,0,{fileName:tm,lineNumber:750,columnNumber:17},this)},void 0,0,{fileName:tm,lineNumber:749,columnNumber:15},this)]},void 0,0,{fileName:tm,lineNumber:744,columnNumber:13},this)},void 0,0,{
+fileName:tm,lineNumber:743,columnNumber:11},this)]},void 0,0,{fileName:tm,lineNumber:308,columnNumber:9},this)]},void 0,0,{fileName:tm,lineNumber:120,columnNumber:7},this)},void 0,0,{fileName:tm,lineNumber:110,columnNumber:5},this)},route:"/data-datatable"},{title:"Icons",group:"data",component:function(){return bi(Ut.Page,{title:"Icons",intro:bi("p",{children:"Icons are simple, standalone components that wrap SVG source markup."},void 0,0,{fileName:dm,lineNumber:12,columnNumber:9},this),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"CancelIcon"},void 0,0,{fileName:dm,lineNumber:19,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic Icon component usage: CancelIcon",withSource:!0,children:bi(ji,{},void 0,0,{fileName:dm,lineNumber:25,columnNumber:15},this)},void 0,0,{fileName:dm,lineNumber:21,columnNumber:13},this)},void 0,0,{fileName:dm,lineNumber:20,columnNumber:11},this)]},void 0,0,{fileName:dm,lineNumber:18,columnNumber:9
+},this),bi(Ut.SectionL2,{title:"Icon components",children:bi("div",{className:"my-4 grid grid-cols-4 gap-6",children:Object.keys(Lo).map((e=>{const i=Lo[e];return bi("div",{className:Z("flex flex-col gap-y-4 border rounded p-4 items-center justify-center"),children:[bi(i,{},void 0,0,{fileName:dm,lineNumber:41,columnNumber:19},this),e]},e,0,{fileName:dm,lineNumber:35,columnNumber:17},this)}))},void 0,0,{fileName:dm,lineNumber:31,columnNumber:11},this)},void 0,0,{fileName:dm,lineNumber:30,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi(Ut.SectionL3,{title:"...htmlProps",children:[bi(Ut.Callout,{children:["Unlike other components in this package, Icon components take"," ",bi("code",{children:"className"},void 0,0,{fileName:dm,lineNumber:53,columnNumber:15},this),", not ",bi("code",{children:"classes"},void 0,0,{fileName:dm,lineNumber:53,columnNumber:43},this),"."]},void 0,0,{fileName:dm,lineNumber:51,columnNumber:13},this),bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",
+children:"Icon components accept SVG attributes."},void 0,0,{fileName:dm,lineNumber:56,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:[bi("code",{children:["preact.JSX.HTMLAttributes<",bi(ot,{href:"https://developer.mozilla.org/en-US/docs/Web/API/SVGSVGElement",children:"SVGSVGElement"},void 0,0,{fileName:dm,lineNumber:62,columnNumber:19},this)]},void 0,0,{fileName:dm,lineNumber:60,columnNumber:17},this),">"]},void 0,0,{fileName:dm,lineNumber:59,columnNumber:15},this)]},void 0,0,{fileName:dm,lineNumber:55,columnNumber:13},this)]},void 0,0,{fileName:dm,lineNumber:50,columnNumber:11},this),bi(Ut.Demo,{title:"Styled icon component",withSource:!0,children:bi(Xi,{className:"text-yellow-notice w-16 h-16"},void 0,0,{fileName:dm,lineNumber:72,columnNumber:13},this)},void 0,0,{fileName:dm,lineNumber:71,columnNumber:11},this)]},void 0,0,{fileName:dm,lineNumber:49,columnNumber:9},this)]},void 0,0,{fileName:dm,lineNumber:17,columnNumber:7},this)},void 0,0,{fileName:dm,lineNumber:9,columnNumber:5},this)},
+route:"/data-icons"},{title:"ScrollBox",group:"data",component:function(){return bi(Ut.Page,{title:"ScrollBox",intro:bi("p",{children:["The composite ",bi("code",{children:"ScrollBox"},void 0,0,{fileName:sm,lineNumber:16,columnNumber:25},this)," component provides a container for scrolling content, while individual ",bi("code",{children:"Scroll"},void 0,0,{fileName:sm,lineNumber:17,columnNumber:51},this)," components are available for additional customization if needed."]},void 0,0,{fileName:sm,lineNumber:15,columnNumber:9},this),children:[bi(Ut.Section,{title:"ScrollBox",intro:bi("p",{children:[bi("code",{children:"ScrollBox"},void 0,0,{fileName:sm,lineNumber:26,columnNumber:13},this)," is an opinionated composite component that provides a shorthand for styling scrollable content."]},void 0,0,{fileName:sm,lineNumber:25,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"ScrollBox"},void 0,0,{fileName:sm,lineNumber:32,columnNumber:11},this),bi(Ut.Demo,{
+title:"Basic Scrollbox",withSource:!0,children:bi("div",{className:"w-[280px] h-[200px]",children:bi(Vr,{children:bi("ul",{children:bi(om,{},void 0,0,{fileName:sm,lineNumber:37,columnNumber:19},this)},void 0,0,{fileName:sm,lineNumber:36,columnNumber:17},this)},void 0,0,{fileName:sm,lineNumber:35,columnNumber:15},this)},void 0,0,{fileName:sm,lineNumber:34,columnNumber:13},this)},void 0,0,{fileName:sm,lineNumber:33,columnNumber:11},this)]},void 0,0,{fileName:sm,lineNumber:31,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("p",{children:[bi("code",{children:"ScrollBox"},void 0,0,{fileName:sm,lineNumber:46,columnNumber:13},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#composite-components-api",children:"composite component props"},void 0,0,{fileName:sm,lineNumber:47,columnNumber:13},this),"."]},void 0,0,{fileName:sm,lineNumber:45,columnNumber:11},this),bi(Ut.SectionL3,{title:"borderless",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",
+children:["Disable the border on the ",bi("code",{children:"ScrollBox"},void 0,0,{fileName:sm,lineNumber:55,columnNumber:43},this)]},void 0,0,{fileName:sm,lineNumber:54,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:sm,lineNumber:58,columnNumber:17},this)},void 0,0,{fileName:sm,lineNumber:57,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:sm,lineNumber:61,columnNumber:17},this)},void 0,0,{fileName:sm,lineNumber:60,columnNumber:15},this)]},void 0,0,{fileName:sm,lineNumber:53,columnNumber:13},this),bi(Ut.Demo,{title:"Turning off borders",withSource:!0,children:bi("div",{className:"w-[280px] h-[200px]",children:bi(Vr,{borderless:!0,children:bi("ul",{children:bi(om,{},void 0,0,{fileName:sm,lineNumber:68,columnNumber:21},this)},void 0,0,{fileName:sm,lineNumber:67,columnNumber:19},this)},void 0,0,{fileName:sm,lineNumber:66,columnNumber:17},this)},void 0,0,{fileName:sm,lineNumber:65,
+columnNumber:15},this)},void 0,0,{fileName:sm,lineNumber:64,columnNumber:13},this)]},void 0,0,{fileName:sm,lineNumber:52,columnNumber:11},this)]},void 0,0,{fileName:sm,lineNumber:44,columnNumber:9},this)]},void 0,0,{fileName:sm,lineNumber:22,columnNumber:7},this),bi(Ut.Section,{title:"Working with scrolling components",intro:bi("p",{children:[bi("code",{children:"Scroll"},void 0,0,{fileName:sm,lineNumber:81,columnNumber:13},this)," and its allies allow for more customization control if ",bi("code",{children:"ScrollBox"},void 0,0,{fileName:sm,lineNumber:82,columnNumber:24},this)," ","doesn't"," meet flexibility needs."]},void 0,0,{fileName:sm,lineNumber:80,columnNumber:11},this),children:bi(Ut.SectionL2,{title:"Composing Scroll components",children:bi(Ut.SectionL3,{children:[bi("p",{children:["Sizing constraints are dictated by the immediate parent container of the outermost ",bi("code",{children:"Scroll*"},void 0,0,{fileName:sm,lineNumber:91,columnNumber:32
+},this)," component. Here and in following examples, the parent container sets width (",bi("code",{children:"320px"},void 0,0,{fileName:sm,lineNumber:93,columnNumber:15},this),") and height (",bi("code",{children:"200px"},void 0,0,{fileName:sm,lineNumber:93,columnNumber:47},this),")."]},void 0,0,{fileName:sm,lineNumber:89,columnNumber:13},this),bi(Ut.Demo,{title:"Using Scroll components to manage scroll",withSource:!0,children:bi("div",{className:"w-[320px] h-[200px]",children:bi(Fr,{children:bi(Ii,{children:bi(jr,{children:bi("ul",{children:bi(om,{},void 0,0,{fileName:sm,lineNumber:104,columnNumber:25},this)},void 0,0,{fileName:sm,lineNumber:103,columnNumber:23},this)},void 0,0,{fileName:sm,lineNumber:102,columnNumber:21},this)},void 0,0,{fileName:sm,lineNumber:101,columnNumber:19},this)},void 0,0,{fileName:sm,lineNumber:100,columnNumber:17},this)},void 0,0,{fileName:sm,lineNumber:99,columnNumber:15},this)},void 0,0,{fileName:sm,lineNumber:95,columnNumber:13},this)]},void 0,0,{fileName:sm,lineNumber:88,
+columnNumber:11},this)},void 0,0,{fileName:sm,lineNumber:87,columnNumber:9},this)},void 0,0,{fileName:sm,lineNumber:77,columnNumber:7},this),bi(Ut.Section,{title:"Scroll",intro:bi("p",{children:[bi("code",{children:"Scroll"},void 0,0,{fileName:sm,lineNumber:119,columnNumber:13},this)," is a presentational component providing a fluid container that scrolls on overflow."]},void 0,0,{fileName:sm,lineNumber:118,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Scroll"},void 0,0,{fileName:sm,lineNumber:125,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic Scroll",withSource:!0,children:bi("div",{className:"w-[320px] h-[200px]",children:bi(Ii,{children:bi("ul",{children:bi(om,{},void 0,0,{fileName:sm,lineNumber:131,columnNumber:21},this)},void 0,0,{fileName:sm,lineNumber:130,columnNumber:19},this)},void 0,0,{fileName:sm,lineNumber:129,columnNumber:17},this)},void 0,0,{fileName:sm,lineNumber:128,columnNumber:15},this)},void 0,0,{fileName:sm,
+lineNumber:127,columnNumber:13},this)},void 0,0,{fileName:sm,lineNumber:126,columnNumber:11},this)]},void 0,0,{fileName:sm,lineNumber:124,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("p",{children:[bi("code",{children:"Scroll"},void 0,0,{fileName:sm,lineNumber:141,columnNumber:13},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:sm,lineNumber:142,columnNumber:13},this),"."]},void 0,0,{fileName:sm,lineNumber:140,columnNumber:11},this),bi(Ut.SectionL3,{title:"variant",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Scroll"},void 0,0,{fileName:sm,lineNumber:150,columnNumber:17},this),"'s"," default ",bi("code",{children:"'raised'"},void 0,0,{fileName:sm,lineNumber:151,columnNumber:32},this)," ",bi("code",{children:"variant"},void 0,0,{fileName:sm,lineNumber:151,columnNumber:58
+},this)," ","renders CSS shadows to hint that content is scrollable. These can be disabled by using the ",bi("code",{children:"flat"},void 0,0,{fileName:sm,lineNumber:153,columnNumber:46},this)," variant."]},void 0,0,{fileName:sm,lineNumber:149,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'raised' | 'flat'"},void 0,0,{fileName:sm,lineNumber:156,columnNumber:17},this)},void 0,0,{fileName:sm,lineNumber:155,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"raised"},void 0,0,{fileName:sm,lineNumber:159,columnNumber:17},this)},void 0,0,{fileName:sm,lineNumber:158,columnNumber:15},this)]},void 0,0,{fileName:sm,lineNumber:148,columnNumber:13},this),bi(Ut.Demo,{title:"variant:'flat'",withSource:!0,children:bi("div",{className:"w-[320px] h-[200px]",children:bi(Ii,{variant:"flat",children:bi("ul",{children:bi(om,{},void 0,0,{fileName:sm,lineNumber:167,columnNumber:21},this)},void 0,0,{fileName:sm,lineNumber:166,columnNumber:19},this)},void 0,0,{
+fileName:sm,lineNumber:165,columnNumber:17},this)},void 0,0,{fileName:sm,lineNumber:164,columnNumber:15},this)},void 0,0,{fileName:sm,lineNumber:163,columnNumber:13},this)]},void 0,0,{fileName:sm,lineNumber:147,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Scroll"},void 0,0,{fileName:sm,lineNumber:177,columnNumber:17},this)," accepts HTML element attributes"]},void 0,0,{fileName:sm,lineNumber:176,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"JSX.HTMLAttributes<HTMLElement>"},void 0,0,{fileName:sm,lineNumber:180,columnNumber:17},this)},void 0,0,{fileName:sm,lineNumber:179,columnNumber:15},this)]},void 0,0,{fileName:sm,lineNumber:175,columnNumber:13},this)},void 0,0,{fileName:sm,lineNumber:174,columnNumber:11},this)]},void 0,0,{fileName:sm,lineNumber:139,columnNumber:9},this)]},void 0,0,{fileName:sm,lineNumber:115,columnNumber:7},this),bi(Ut.Section,{
+title:"ScrollContent",intro:bi("p",{children:[bi("code",{children:"ScrollContent"},void 0,0,{fileName:sm,lineNumber:191,columnNumber:13},this)," is a presentational component that puts consistent padding and spacing around content in a"," ",bi("code",{children:"Scroll"},void 0,0,{fileName:sm,lineNumber:193,columnNumber:13},this)," component."]},void 0,0,{fileName:sm,lineNumber:190,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"ScrollContent"},void 0,0,{fileName:sm,lineNumber:198,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Scroll with ScrollContent",withSource:!0,children:bi("div",{className:"w-[320px] h-[200px]",children:bi(Ii,{children:bi(jr,{children:bi("ul",{children:bi(om,{},void 0,0,{fileName:sm,lineNumber:205,columnNumber:23},this)},void 0,0,{fileName:sm,lineNumber:204,columnNumber:21},this)},void 0,0,{fileName:sm,lineNumber:203,columnNumber:19},this)},void 0,0,{fileName:sm,lineNumber:202,columnNumber:17},this)},void 0,0,{fileName:sm,
+lineNumber:201,columnNumber:15},this)},void 0,0,{fileName:sm,lineNumber:200,columnNumber:13},this)},void 0,0,{fileName:sm,lineNumber:199,columnNumber:11},this)]},void 0,0,{fileName:sm,lineNumber:197,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("p",{children:[bi("code",{children:"ScrollContent"},void 0,0,{fileName:sm,lineNumber:216,columnNumber:13},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:sm,lineNumber:217,columnNumber:13},this),"."]},void 0,0,{fileName:sm,lineNumber:215,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Scroll"},void 0,0,{fileName:sm,lineNumber:225,columnNumber:17},this)," accepts HTML element attributes"]},void 0,0,{fileName:sm,lineNumber:224,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{
+children:"JSX.HTMLAttributes<HTMLDivElement>"},void 0,0,{fileName:sm,lineNumber:228,columnNumber:17},this)},void 0,0,{fileName:sm,lineNumber:227,columnNumber:15},this)]},void 0,0,{fileName:sm,lineNumber:223,columnNumber:13},this)},void 0,0,{fileName:sm,lineNumber:222,columnNumber:11},this)]},void 0,0,{fileName:sm,lineNumber:214,columnNumber:9},this)]},void 0,0,{fileName:sm,lineNumber:187,columnNumber:7},this),bi(Ut.Section,{title:"ScrollContainer",intro:bi(I,{children:[bi("p",{children:[bi("code",{children:"ScrollContainer"},void 0,0,{fileName:sm,lineNumber:240,columnNumber:15},this)," is a presentational component that allows the combination of scrolling and non-scrolling content to be constrained to the parent ","container's"," dimensions. This is very handy when trying to constrain complex content within, e.g., a modal."]},void 0,0,{fileName:sm,lineNumber:239,columnNumber:13},this),bi("p",{children:["Only the content within ",bi("code",{children:"Scroll"},void 0,0,{fileName:sm,lineNumber:247,
+columnNumber:39},this)," actually scrolls."]},void 0,0,{fileName:sm,lineNumber:246,columnNumber:13},this)]},void 0),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"ScrollContainer"},void 0,0,{fileName:sm,lineNumber:253,columnNumber:11},this),bi(Ut.Demo,{title:"Basic ScrollContainer",withSource:!0,children:bi("div",{className:"w-[320px] h-[200px]",children:bi(Fr,{children:[bi("div",{className:"p-2 border-b",children:"Non-scrolling content here"},void 0,0,{fileName:sm,lineNumber:258,columnNumber:17},this),bi(Ii,{children:bi(jr,{children:bi("ul",{children:bi(om,{},void 0,0,{fileName:sm,lineNumber:262,columnNumber:23},this)},void 0,0,{fileName:sm,lineNumber:261,columnNumber:21},this)},void 0,0,{fileName:sm,lineNumber:260,columnNumber:19},this)},void 0,0,{fileName:sm,lineNumber:259,columnNumber:17},this),bi("div",{className:"p-2 border-t",children:"More non-scrolling content"},void 0,0,{fileName:sm,lineNumber:266,columnNumber:17},this)]},void 0,0,{fileName:sm,lineNumber:257,columnNumber:15},this)
+},void 0,0,{fileName:sm,lineNumber:256,columnNumber:13},this)},void 0,0,{fileName:sm,lineNumber:255,columnNumber:11},this)]},void 0,0,{fileName:sm,lineNumber:252,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("p",{children:[bi("code",{children:"ScrollContainer"},void 0,0,{fileName:sm,lineNumber:274,columnNumber:13},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:sm,lineNumber:275,columnNumber:13},this),"."]},void 0,0,{fileName:sm,lineNumber:273,columnNumber:11},this),bi(Ut.SectionL3,{title:"borderless",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Disable the border on the ",bi("code",{children:"ScrollContainer"},void 0,0,{fileName:sm,lineNumber:283,columnNumber:43},this)]},void 0,0,{fileName:sm,lineNumber:282,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:sm,lineNumber:286,
+columnNumber:17},this)},void 0,0,{fileName:sm,lineNumber:285,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:sm,lineNumber:289,columnNumber:17},this)},void 0,0,{fileName:sm,lineNumber:288,columnNumber:15},this)]},void 0,0,{fileName:sm,lineNumber:281,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi("div",{className:"w-[320px] h-[200px]",children:bi(Fr,{borderless:!0,children:[bi("div",{className:"p-2 border-b",children:"Non-scrolling content here"},void 0,0,{fileName:sm,lineNumber:296,columnNumber:19},this),bi(Ii,{children:bi(jr,{children:bi("ul",{children:bi(om,{},void 0,0,{fileName:sm,lineNumber:300,columnNumber:25},this)},void 0,0,{fileName:sm,lineNumber:299,columnNumber:23},this)},void 0,0,{fileName:sm,lineNumber:298,columnNumber:21},this)},void 0,0,{fileName:sm,lineNumber:297,columnNumber:19},this)]},void 0,0,{fileName:sm,lineNumber:295,columnNumber:17},this)},void 0,0,{fileName:sm,lineNumber:294,columnNumber:15},this)},void 0,0,{
+fileName:sm,lineNumber:293,columnNumber:13},this)]},void 0,0,{fileName:sm,lineNumber:280,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"ScrollContainer"},void 0,0,{fileName:sm,lineNumber:312,columnNumber:17},this)," accepts HTML element attributes"]},void 0,0,{fileName:sm,lineNumber:311,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"JSX.HTMLAttributes<HTMLDivElement>"},void 0,0,{fileName:sm,lineNumber:315,columnNumber:17},this)},void 0,0,{fileName:sm,lineNumber:314,columnNumber:15},this)]},void 0,0,{fileName:sm,lineNumber:310,columnNumber:13},this)},void 0,0,{fileName:sm,lineNumber:309,columnNumber:11},this)]},void 0,0,{fileName:sm,lineNumber:272,columnNumber:9},this)]},void 0,0,{fileName:sm,lineNumber:235,columnNumber:7},this)]},void 0,0,{fileName:sm,lineNumber:12,columnNumber:5},this)},route:"/data-scrollbox"},{title:"Table",group:"data",
+component:function(){return bi(Ut.Page,{title:"Table",intro:bi("p",{children:[bi("code",{children:"Table"},void 0,0,{fileName:Nm,lineNumber:18,columnNumber:11},this),", ",bi("code",{children:"TableHead"},void 0,0,{fileName:Nm,lineNumber:18,columnNumber:31},this),", ",bi("code",{children:"TableBody"},void 0,0,{fileName:Nm,lineNumber:18,columnNumber:55},this),","," ",bi("code",{children:"TableRow"},void 0,0,{fileName:Nm,lineNumber:19,columnNumber:11},this)," and ",bi("code",{children:"TableCell"},void 0,0,{fileName:Nm,lineNumber:19,columnNumber:37},this)," are presentational components for rendering table content."]},void 0,0,{fileName:Nm,lineNumber:17,columnNumber:9},this),children:bi(Ut.Section,{title:"Table",children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Table, TableHead, TableBody, TableRow, TableCell",size:"sm"},void 0,0,{fileName:Nm,lineNumber:26,columnNumber:11},this),bi(Ut.Demo,{title:"Basic Table",withSource:!0,children:bi(yr,{title:"Some sushi rolls",children:[bi(zr,{children:bi(Hr,{
+children:[bi(_r,{children:"Sushi roll name"},void 0,0,{fileName:Nm,lineNumber:34,columnNumber:19},this),bi(_r,{children:"Definition"},void 0,0,{fileName:Nm,lineNumber:35,columnNumber:19},this)]},void 0,0,{fileName:Nm,lineNumber:33,columnNumber:17},this)},void 0,0,{fileName:Nm,lineNumber:32,columnNumber:15},this),bi(Cr,{children:[bi(Hr,{children:[bi(_r,{children:"Alaskan roll"},void 0,0,{fileName:Nm,lineNumber:40,columnNumber:19},this),bi(_r,{children:"A variant of the California roll with smoked salmon on the inside, or layered on the outside."},void 0,0,{fileName:Nm,lineNumber:41,columnNumber:19},this)]},void 0,0,{fileName:Nm,lineNumber:39,columnNumber:17},this),bi(Hr,{children:[bi(_r,{children:"Boston roll"},void 0,0,{fileName:Nm,lineNumber:47,columnNumber:19},this),bi(_r,{children:"An uramaki California roll with poached shrimp instead of imitation crab."},void 0,0,{fileName:Nm,lineNumber:48,columnNumber:19},this)]},void 0,0,{fileName:Nm,lineNumber:46,columnNumber:17},this),bi(Hr,{children:[bi(_r,{
+children:"British Columbia roll"},void 0,0,{fileName:Nm,lineNumber:54,columnNumber:19},this),bi(_r,{children:"A roll containing grilled or barbecued salmon skin, cucumber, sweet sauce, sometimes with roe. Also sometimes referred to as salmon skin rolls outside of British Columbia, Canada."},void 0,0,{fileName:Nm,lineNumber:55,columnNumber:19},this)]},void 0,0,{fileName:Nm,lineNumber:53,columnNumber:17},this),bi(Hr,{children:[bi(_r,{children:"California roll"},void 0,0,{fileName:Nm,lineNumber:63,columnNumber:19},this),bi(_r,{children:["A roll consisting of avocado, kani kama (imitation crab/crab stick) (also can contain real crab in ","premium"," ","varieties), cucumber, and tobiko, often made as uramaki (with rice on the outside, nori on the inside)."]},void 0,0,{fileName:Nm,lineNumber:64,columnNumber:19},this)]},void 0,0,{fileName:Nm,lineNumber:62,columnNumber:17},this)]},void 0,0,{fileName:Nm,lineNumber:38,columnNumber:15},this)]},void 0,0,{fileName:Nm,lineNumber:31,columnNumber:13},this)},void 0,0,{
+fileName:Nm,lineNumber:30,columnNumber:11},this)]},void 0,0,{fileName:Nm,lineNumber:25,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with Tables",children:[bi(Ut.SectionL3,{title:"Composing Table components",children:bi("p",{children:["All ",bi("code",{children:"Table*"},void 0,0,{fileName:Nm,lineNumber:79,columnNumber:19},this)," (",bi("code",{children:"TableHead"},void 0,0,{fileName:Nm,lineNumber:79,columnNumber:40},this),","," ",bi("code",{children:"TableFoot"},void 0,0,{fileName:Nm,lineNumber:80,columnNumber:15},this),", ",bi("code",{children:"TableRow"},void 0,0,{fileName:Nm,lineNumber:80,columnNumber:39},this),","," ",bi("code",{children:"TableCell"},void 0,0,{fileName:Nm,lineNumber:81,columnNumber:15},this),", ",bi("code",{children:"TableBody"},void 0,0,{fileName:Nm,lineNumber:81,columnNumber:39},this),") are presentational components and take all standard props from the presentational component API. All also accept HTML attributes for their associated element."]},void 0,0,{fileName:Nm,
+lineNumber:78,columnNumber:13},this)},void 0,0,{fileName:Nm,lineNumber:77,columnNumber:11},this),bi(Ut.SectionL3,{title:"Sizing Tables",children:[bi("p",{children:"Table column width is established by the first row, which are typically headers."},void 0,0,{fileName:Nm,lineNumber:89,columnNumber:13},this),bi(Ut.Demo,{title:"Controlling column width",withSource:!0,children:bi(yr,{title:"Some sushi rolls",children:[bi(zr,{children:bi(Hr,{children:[bi(_r,{classes:"w-[200px]",children:"Sushi roll name"},void 0,0,{fileName:Nm,lineNumber:98,columnNumber:21},this),bi(_r,{children:"Definition"},void 0,0,{fileName:Nm,lineNumber:99,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:97,columnNumber:19},this)},void 0,0,{fileName:Nm,lineNumber:96,columnNumber:17},this),bi(Cr,{children:[bi(Hr,{children:[bi(_r,{children:"Alaskan roll"},void 0,0,{fileName:Nm,lineNumber:104,columnNumber:21},this),bi(_r,{children:"A variant of the California roll with smoked salmon on the inside, or layered on the outside."},void 0,0,{
+fileName:Nm,lineNumber:105,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:103,columnNumber:19},this),bi(Hr,{children:[bi(_r,{children:"Boston roll"},void 0,0,{fileName:Nm,lineNumber:111,columnNumber:21},this),bi(_r,{children:"An uramaki California roll with poached shrimp instead of imitation crab."},void 0,0,{fileName:Nm,lineNumber:112,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:110,columnNumber:19},this),bi(Hr,{children:[bi(_r,{children:"British Columbia roll"},void 0,0,{fileName:Nm,lineNumber:118,columnNumber:21},this),bi(_r,{children:"A roll containing grilled or barbecued salmon skin, cucumber, sweet sauce, sometimes with roe. Also sometimes referred to as salmon skin rolls outside of British Columbia, Canada."},void 0,0,{fileName:Nm,lineNumber:119,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:117,columnNumber:19},this),bi(Hr,{children:[bi(_r,{children:"California roll"},void 0,0,{fileName:Nm,lineNumber:127,columnNumber:21},this),bi(_r,{
+children:["A roll consisting of avocado, kani kama (imitation crab/crab stick) (also can contain real crab in"," ","premium"," varieties), cucumber, and tobiko, often made as uramaki (with rice on the outside, nori on the inside)."]},void 0,0,{fileName:Nm,lineNumber:128,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:126,columnNumber:19},this)]},void 0,0,{fileName:Nm,lineNumber:102,columnNumber:17},this)]},void 0,0,{fileName:Nm,lineNumber:95,columnNumber:15},this)},void 0,0,{fileName:Nm,lineNumber:94,columnNumber:13},this)]},void 0,0,{fileName:Nm,lineNumber:88,columnNumber:11},this)]},void 0,0,{fileName:Nm,lineNumber:76,columnNumber:9},this),bi(Ut.SectionL2,{id:"table-props",title:"Component API",children:[bi("code",{children:"Table"},void 0,0,{fileName:Nm,lineNumber:142,columnNumber:11},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:Nm,lineNumber:143,columnNumber:11
+},this),".",bi(Ut.SectionL3,{title:"stickyHeader",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Make the table headers sticky in scrolling contexts"},void 0,0,{fileName:Nm,lineNumber:149,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Nm,lineNumber:153,columnNumber:17},this)},void 0,0,{fileName:Nm,lineNumber:152,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Nm,lineNumber:156,columnNumber:17},this)},void 0,0,{fileName:Nm,lineNumber:155,columnNumber:15},this)]},void 0,0,{fileName:Nm,lineNumber:148,columnNumber:13},this),bi(Ut.Demo,{title:"Table with stickyHeader and rounded Scroll",withSource:!0,children:bi("div",{className:"h-[250px]",children:bi(Fr,{rounded:!0,children:bi(Ii,{children:bi(yr,{title:"Some sushi rolls",stickyHeader:!0,borderless:!0,children:[bi(zr,{children:bi(Hr,{children:[bi(_r,{classes:"w-[180px]",children:"Sushi roll name"
+},void 0,0,{fileName:Nm,lineNumber:169,columnNumber:27},this),bi(_r,{children:"Definition"},void 0,0,{fileName:Nm,lineNumber:172,columnNumber:27},this)]},void 0,0,{fileName:Nm,lineNumber:168,columnNumber:25},this)},void 0,0,{fileName:Nm,lineNumber:167,columnNumber:23},this),bi(Cr,{children:[bi(Hr,{children:[bi(_r,{children:"Alaskan roll"},void 0,0,{fileName:Nm,lineNumber:177,columnNumber:27},this),bi(_r,{children:"A variant of the California roll with smoked salmon on the inside, or layered on the outside."},void 0,0,{fileName:Nm,lineNumber:178,columnNumber:27},this)]},void 0,0,{fileName:Nm,lineNumber:176,columnNumber:25},this),bi(Hr,{children:[bi(_r,{children:"Boston roll"},void 0,0,{fileName:Nm,lineNumber:184,columnNumber:27},this),bi(_r,{children:"An uramaki California roll with poached shrimp instead of imitation crab."},void 0,0,{fileName:Nm,lineNumber:185,columnNumber:27},this)]},void 0,0,{fileName:Nm,lineNumber:183,columnNumber:25},this),bi(Hr,{children:[bi(_r,{children:"British Columbia roll"
+},void 0,0,{fileName:Nm,lineNumber:191,columnNumber:27},this),bi(_r,{children:"A roll containing grilled or barbecued salmon skin, cucumber, sweet sauce, sometimes with roe. Also sometimes referred to as salmon skin rolls outside of British Columbia, Canada."},void 0,0,{fileName:Nm,lineNumber:192,columnNumber:27},this)]},void 0,0,{fileName:Nm,lineNumber:190,columnNumber:25},this),bi(Hr,{children:[bi(_r,{children:"California roll"},void 0,0,{fileName:Nm,lineNumber:200,columnNumber:27},this),bi(_r,{children:["A roll consisting of avocado, kani kama (imitation crab/crab stick) (also can contain real crab in"," ","premium"," varieties), cucumber, and tobiko, often made as uramaki (with rice on the outside, nori on the inside)."]},void 0,0,{fileName:Nm,lineNumber:201,columnNumber:27},this)]},void 0,0,{fileName:Nm,lineNumber:199,columnNumber:25},this),bi(Hr,{children:[bi(_r,{children:"Dynamite roll"},void 0,0,{fileName:Nm,lineNumber:210,columnNumber:27},this),bi(_r,{
+children:"A roll including yellowtail (hamachi) or prawn tempura, and fillings such as bean sprouts, carrots, avocado, cucumber, chili, spicy mayonnaise, and roe."},void 0,0,{fileName:Nm,lineNumber:211,columnNumber:27},this)]},void 0,0,{fileName:Nm,lineNumber:209,columnNumber:25},this),bi(Hr,{children:[bi(_r,{children:"Hawaiian roll"},void 0,0,{fileName:Nm,lineNumber:218,columnNumber:27},this),bi(_r,{children:"A roll containing shōyu tuna (canned), tamago, kanpyō, kamaboko, and the distinctive red and green hana ebi (shrimp powder)."},void 0,0,{fileName:Nm,lineNumber:219,columnNumber:27},this)]},void 0,0,{fileName:Nm,lineNumber:217,columnNumber:25},this)]},void 0,0,{fileName:Nm,lineNumber:175,columnNumber:23},this)]},void 0,0,{fileName:Nm,lineNumber:166,columnNumber:21},this)},void 0,0,{fileName:Nm,lineNumber:165,columnNumber:19},this)},void 0,0,{fileName:Nm,lineNumber:164,columnNumber:17},this)},void 0,0,{fileName:Nm,lineNumber:163,columnNumber:15},this)},void 0,0,{fileName:Nm,lineNumber:159,columnNumber:13
+},this)]},void 0,0,{fileName:Nm,lineNumber:147,columnNumber:11},this),bi(Ut.SectionL3,{title:"interactive",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Set this boolean prop if rows in the table are select-able or otherwise interactive."},void 0,0,{fileName:Nm,lineNumber:234,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Nm,lineNumber:239,columnNumber:17},this)},void 0,0,{fileName:Nm,lineNumber:238,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Nm,lineNumber:242,columnNumber:17},this)},void 0,0,{fileName:Nm,lineNumber:241,columnNumber:15},this)]},void 0,0,{fileName:Nm,lineNumber:233,columnNumber:13},this),bi(Ut.Demo,{title:"Table with interactive set",withSource:!0,children:bi(yr,{title:"Some sushi rolls",interactive:!0,children:[bi(zr,{children:bi(Hr,{children:[bi(_r,{classes:"w-[180px]",children:"Sushi roll name"},void 0,0,{fileName:Nm,
+lineNumber:250,columnNumber:21},this),bi(_r,{children:"Definition"},void 0,0,{fileName:Nm,lineNumber:251,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:249,columnNumber:19},this)},void 0,0,{fileName:Nm,lineNumber:248,columnNumber:17},this),bi(Cr,{children:[bi(Hr,{onClick:()=>alert("Yum, Alaska roll!"),children:[bi(_r,{children:"Alaskan roll"},void 0,0,{fileName:Nm,lineNumber:256,columnNumber:21},this),bi(_r,{children:"A variant of the California roll with smoked salmon on the inside, or layered on the outside."},void 0,0,{fileName:Nm,lineNumber:257,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:255,columnNumber:19},this),bi(Hr,{onClick:()=>alert("This is a new one!"),children:[bi(_r,{children:"Boston roll"},void 0,0,{fileName:Nm,lineNumber:263,columnNumber:21},this),bi(_r,{children:"An uramaki California roll with poached shrimp instead of imitation crab."},void 0,0,{fileName:Nm,lineNumber:264,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:262,columnNumber:19},this),bi(Hr,{
+onClick:()=>alert("I call this a salmon-skin roll"),children:[bi(_r,{children:"British Columbia roll"},void 0,0,{fileName:Nm,lineNumber:272,columnNumber:21},this),bi(_r,{children:"A roll containing grilled or barbecued salmon skin, cucumber, sweet sauce, sometimes with roe. Also sometimes referred to as salmon skin rolls outside of British Columbia, Canada."},void 0,0,{fileName:Nm,lineNumber:273,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:269,columnNumber:19},this)]},void 0,0,{fileName:Nm,lineNumber:254,columnNumber:17},this)]},void 0,0,{fileName:Nm,lineNumber:247,columnNumber:15},this)},void 0,0,{fileName:Nm,lineNumber:246,columnNumber:13},this)]},void 0,0,{fileName:Nm,lineNumber:232,columnNumber:11},this),bi(Ut.SectionL3,{id:"table-props-borderless",title:"borderless",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set this boolean prop if you want to remove the table","'","s outer borders, in case it is rendered in a container with its own borders."]},void 0,0,{
+fileName:Nm,lineNumber:286,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Nm,lineNumber:292,columnNumber:17},this)},void 0,0,{fileName:Nm,lineNumber:291,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Nm,lineNumber:295,columnNumber:17},this)},void 0,0,{fileName:Nm,lineNumber:294,columnNumber:15},this)]},void 0,0,{fileName:Nm,lineNumber:285,columnNumber:13},this),bi(Ut.Demo,{title:"Table without borders",withSource:!0,children:bi(yr,{title:"Some sushi rolls",borderless:!0,children:[bi(zr,{children:bi(Hr,{children:[bi(_r,{classes:"w-[180px]",children:"Sushi roll name"},void 0,0,{fileName:Nm,lineNumber:303,columnNumber:21},this),bi(_r,{children:"Definition"},void 0,0,{fileName:Nm,lineNumber:304,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:302,columnNumber:19},this)},void 0,0,{fileName:Nm,lineNumber:301,columnNumber:17},this),bi(Cr,{children:[bi(Hr,{
+onClick:()=>alert("Yum, Alaska roll!"),children:[bi(_r,{children:"Alaskan roll"},void 0,0,{fileName:Nm,lineNumber:309,columnNumber:21},this),bi(_r,{children:"A variant of the California roll with smoked salmon on the inside, or layered on the outside."},void 0,0,{fileName:Nm,lineNumber:310,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:308,columnNumber:19},this),bi(Hr,{onClick:()=>alert("This is a new one!"),children:[bi(_r,{children:"Boston roll"},void 0,0,{fileName:Nm,lineNumber:316,columnNumber:21},this),bi(_r,{children:"An uramaki California roll with poached shrimp instead of imitation crab."},void 0,0,{fileName:Nm,lineNumber:317,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:315,columnNumber:19},this),bi(Hr,{onClick:()=>alert("I call this a salmon-skin roll"),children:[bi(_r,{children:"British Columbia roll"},void 0,0,{fileName:Nm,lineNumber:325,columnNumber:21},this),bi(_r,{
+children:"A roll containing grilled or barbecued salmon skin, cucumber, sweet sauce, sometimes with roe. Also sometimes referred to as salmon skin rolls outside of British Columbia, Canada."},void 0,0,{fileName:Nm,lineNumber:326,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:322,columnNumber:19},this)]},void 0,0,{fileName:Nm,lineNumber:307,columnNumber:17},this)]},void 0,0,{fileName:Nm,lineNumber:300,columnNumber:15},this)},void 0,0,{fileName:Nm,lineNumber:299,columnNumber:13},this)]},void 0,0,{fileName:Nm,lineNumber:284,columnNumber:11},this),bi(Ut.SectionL3,{title:"striped",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Renders a different background for odd rows."},void 0,0,{fileName:Nm,lineNumber:339,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Nm,lineNumber:343,columnNumber:17},this)},void 0,0,{fileName:Nm,lineNumber:342,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{
+children:"true"},void 0,0,{fileName:Nm,lineNumber:346,columnNumber:17},this)},void 0,0,{fileName:Nm,lineNumber:345,columnNumber:15},this)]},void 0,0,{fileName:Nm,lineNumber:338,columnNumber:13},this),bi(Ut.Demo,{title:"Table without stripes",withSource:!0,children:bi(yr,{title:"Some sushi rolls",striped:!1,children:[bi(zr,{children:bi(Hr,{children:[bi(_r,{classes:"w-[180px]",children:"Sushi roll name"},void 0,0,{fileName:Nm,lineNumber:354,columnNumber:21},this),bi(_r,{children:"Definition"},void 0,0,{fileName:Nm,lineNumber:355,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:353,columnNumber:19},this)},void 0,0,{fileName:Nm,lineNumber:352,columnNumber:17},this),bi(Cr,{children:[bi(Hr,{onClick:()=>alert("Yum, Alaska roll!"),children:[bi(_r,{children:"Alaskan roll"},void 0,0,{fileName:Nm,lineNumber:360,columnNumber:21},this),bi(_r,{children:"A variant of the California roll with smoked salmon on the inside, or layered on the outside."},void 0,0,{fileName:Nm,lineNumber:361,columnNumber:21},this)]
+},void 0,0,{fileName:Nm,lineNumber:359,columnNumber:19},this),bi(Hr,{onClick:()=>alert("This is a new one!"),children:[bi(_r,{children:"Boston roll"},void 0,0,{fileName:Nm,lineNumber:367,columnNumber:21},this),bi(_r,{children:"An uramaki California roll with poached shrimp instead of imitation crab."},void 0,0,{fileName:Nm,lineNumber:368,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:366,columnNumber:19},this),bi(Hr,{onClick:()=>alert("I call this a salmon-skin roll"),children:[bi(_r,{children:"British Columbia roll"},void 0,0,{fileName:Nm,lineNumber:376,columnNumber:21},this),bi(_r,{children:"A roll containing grilled or barbecued salmon skin, cucumber, sweet sauce, sometimes with roe. Also sometimes referred to as salmon skin rolls outside of British Columbia, Canada."},void 0,0,{fileName:Nm,lineNumber:377,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:373,columnNumber:19},this)]},void 0,0,{fileName:Nm,lineNumber:358,columnNumber:17},this)]},void 0,0,{fileName:Nm,lineNumber:351,
+columnNumber:15},this)},void 0,0,{fileName:Nm,lineNumber:350,columnNumber:13},this)]},void 0,0,{fileName:Nm,lineNumber:337,columnNumber:11},this),bi(Ut.SectionL3,{title:"grid",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Renders borders for table cells."},void 0,0,{fileName:Nm,lineNumber:390,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Nm,lineNumber:394,columnNumber:17},this)},void 0,0,{fileName:Nm,lineNumber:393,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Nm,lineNumber:397,columnNumber:17},this)},void 0,0,{fileName:Nm,lineNumber:396,columnNumber:15},this)]},void 0,0,{fileName:Nm,lineNumber:389,columnNumber:13},this),bi(Ut.Demo,{title:"Table with grid",withSource:!0,children:bi(yr,{title:"Some sushi rolls",grid:!0,children:[bi(zr,{children:bi(Hr,{children:[bi(_r,{classes:"w-[180px]",children:"Sushi roll name"},void 0,0,{fileName:Nm,
+lineNumber:405,columnNumber:21},this),bi(_r,{children:"Definition"},void 0,0,{fileName:Nm,lineNumber:406,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:404,columnNumber:19},this)},void 0,0,{fileName:Nm,lineNumber:403,columnNumber:17},this),bi(Cr,{children:[bi(Hr,{onClick:()=>alert("Yum, Alaska roll!"),children:[bi(_r,{children:"Alaskan roll"},void 0,0,{fileName:Nm,lineNumber:411,columnNumber:21},this),bi(_r,{children:"A variant of the California roll with smoked salmon on the inside, or layered on the outside."},void 0,0,{fileName:Nm,lineNumber:412,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:410,columnNumber:19},this),bi(Hr,{onClick:()=>alert("This is a new one!"),children:[bi(_r,{children:"Boston roll"},void 0,0,{fileName:Nm,lineNumber:418,columnNumber:21},this),bi(_r,{children:"An uramaki California roll with poached shrimp instead of imitation crab."},void 0,0,{fileName:Nm,lineNumber:419,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:417,columnNumber:19},this),bi(Hr,{
+onClick:()=>alert("I call this a salmon-skin roll"),children:[bi(_r,{children:"British Columbia roll"},void 0,0,{fileName:Nm,lineNumber:427,columnNumber:21},this),bi(_r,{children:"A roll containing grilled or barbecued salmon skin, cucumber, sweet sauce, sometimes with roe. Also sometimes referred to as salmon skin rolls outside of British Columbia, Canada."},void 0,0,{fileName:Nm,lineNumber:428,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:424,columnNumber:19},this)]},void 0,0,{fileName:Nm,lineNumber:409,columnNumber:17},this)]},void 0,0,{fileName:Nm,lineNumber:402,columnNumber:15},this)},void 0,0,{fileName:Nm,lineNumber:401,columnNumber:13},this),bi(Ut.Demo,{title:"Table with grid, without stripes",withSource:!0,children:bi(yr,{title:"Some sushi rolls",grid:!0,striped:!1,children:[bi(zr,{children:bi(Hr,{children:[bi(_r,{classes:"w-[180px]",children:"Sushi roll name"},void 0,0,{fileName:Nm,lineNumber:442,columnNumber:21},this),bi(_r,{children:"Definition"},void 0,0,{fileName:Nm,lineNumber:443,
+columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:441,columnNumber:19},this)},void 0,0,{fileName:Nm,lineNumber:440,columnNumber:17},this),bi(Cr,{children:[bi(Hr,{onClick:()=>alert("Yum, Alaska roll!"),children:[bi(_r,{children:"Alaskan roll"},void 0,0,{fileName:Nm,lineNumber:448,columnNumber:21},this),bi(_r,{children:"A variant of the California roll with smoked salmon on the inside, or layered on the outside."},void 0,0,{fileName:Nm,lineNumber:449,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:447,columnNumber:19},this),bi(Hr,{onClick:()=>alert("This is a new one!"),children:[bi(_r,{children:"Boston roll"},void 0,0,{fileName:Nm,lineNumber:455,columnNumber:21},this),bi(_r,{children:"An uramaki California roll with poached shrimp instead of imitation crab."},void 0,0,{fileName:Nm,lineNumber:456,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:454,columnNumber:19},this),bi(Hr,{onClick:()=>alert("I call this a salmon-skin roll"),children:[bi(_r,{children:"British Columbia roll"
+},void 0,0,{fileName:Nm,lineNumber:464,columnNumber:21},this),bi(_r,{children:"A roll containing grilled or barbecued salmon skin, cucumber, sweet sauce, sometimes with roe. Also sometimes referred to as salmon skin rolls outside of British Columbia, Canada."},void 0,0,{fileName:Nm,lineNumber:465,columnNumber:21},this)]},void 0,0,{fileName:Nm,lineNumber:461,columnNumber:19},this)]},void 0,0,{fileName:Nm,lineNumber:446,columnNumber:17},this)]},void 0,0,{fileName:Nm,lineNumber:439,columnNumber:15},this)},void 0,0,{fileName:Nm,lineNumber:438,columnNumber:13},this)]},void 0,0,{fileName:Nm,lineNumber:388,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Link"},void 0,0,{fileName:Nm,lineNumber:479,columnNumber:17},this)," accepts HTML attribute props applicable to"," ",bi("code",{children:"HTMLTableElement"},void 0,0,{fileName:Nm,lineNumber:480,columnNumber:17},this),"."]},void 0,0,{fileName:Nm,
+lineNumber:478,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"preact.JSX.HTMLAttributes<HTMLTableElement>"},void 0,0,{fileName:Nm,lineNumber:483,columnNumber:17},this)},void 0,0,{fileName:Nm,lineNumber:482,columnNumber:15},this)]},void 0,0,{fileName:Nm,lineNumber:477,columnNumber:13},this)},void 0,0,{fileName:Nm,lineNumber:476,columnNumber:11},this)]},void 0,0,{fileName:Nm,lineNumber:141,columnNumber:9},this)]},void 0,0,{fileName:Nm,lineNumber:24,columnNumber:7},this)},void 0,0,{fileName:Nm,lineNumber:14,columnNumber:5},this)},route:"/data-table"},{title:"Thumbnail",group:"data",component:function(){return bi(Ut.Page,{title:"Thumbnail",intro:bi("p",{children:[bi("code",{children:"Thumbnail"},void 0,0,{fileName:hm,lineNumber:10,columnNumber:11},this)," renders media thumbnails, handling aspect ratio, loading states, and placeholder content. It is a composite component that uses"," ",bi(Ut.Link,{href:"/data-aspectratio",children:bi("code",{children:"AspectRatio"},void 0,0,{
+fileName:hm,lineNumber:14,columnNumber:13},this)},void 0,0,{fileName:hm,lineNumber:13,columnNumber:11},this),"."]},void 0,0,{fileName:hm,lineNumber:9,columnNumber:9},this),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Thumbnail"},void 0,0,{fileName:hm,lineNumber:22,columnNumber:11},this),bi(Ut.Demo,{title:"Basic Thumbnail",withSource:!0,children:bi("div",{className:"w-[250px]",children:bi(Xr,{children:bi("img",{src:"https://placehold.co/400x400",alt:"placeholder"},void 0,0,{fileName:hm,lineNumber:27,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:26,columnNumber:15},this)},void 0,0,{fileName:hm,lineNumber:25,columnNumber:13},this)},void 0,0,{fileName:hm,lineNumber:24,columnNumber:11},this)]},void 0,0,{fileName:hm,lineNumber:21,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with Thumbnails",children:[bi(Ut.SectionL3,{title:"Loading and placeholder content",children:[bi(Ut.Demo,{withSource:!0,title:"Loading state",children:bi("div",{
+className:"w-[250px]",children:bi(Xr,{loading:!0,children:bi("img",{src:"https://placehold.co/400x400",alt:"placeholder"},void 0,0,{fileName:hm,lineNumber:38,columnNumber:19},this)},void 0,0,{fileName:hm,lineNumber:37,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:36,columnNumber:15},this)},void 0,0,{fileName:hm,lineNumber:35,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,title:"Placeholder shown when empty",children:bi("div",{className:"w-[250px]",children:bi(Xr,{},void 0,0,{fileName:hm,lineNumber:45,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:44,columnNumber:15},this)},void 0,0,{fileName:hm,lineNumber:43,columnNumber:13},this)]},void 0,0,{fileName:hm,lineNumber:34,columnNumber:11},this),bi(Ut.SectionL3,{title:"Height and width constraints",children:[bi("p",{children:[bi("code",{children:"Thumbnail"},void 0,0,{fileName:hm,lineNumber:52,columnNumber:15
+},this)," will constrain content to within the height and width constraints of the containing element. If the parent element has a set height and there is extra space, Thumbnail content will be centered vertically."]},void 0,0,{fileName:hm,lineNumber:51,columnNumber:13},this),bi(Ut.Demo,{title:"Extra available vertical space",withSource:!0,children:bi("div",{className:"w-[250px] h-[300px]",children:bi(Xr,{children:bi("img",{src:"https://placehold.co/400x400",alt:"placeholder"},void 0,0,{fileName:hm,lineNumber:60,columnNumber:19},this)},void 0,0,{fileName:hm,lineNumber:59,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:58,columnNumber:15},this)},void 0,0,{fileName:hm,lineNumber:57,columnNumber:13},this),bi("p",{children:["Thumbnail content respects parent constraints, even if there is not enough room to show the full content. In this example,",bi("code",{children:"object-position: top"},void 0,0,{fileName:hm,lineNumber:67,columnNumber:15
+},this)," has been set on the contained image to optimize the cropping."]},void 0,0,{fileName:hm,lineNumber:64,columnNumber:13},this),bi(Ut.Demo,{title:"Content taller than vertical space",withSource:!0,children:bi("div",{className:"w-[350px] h-[150px]",children:bi(Xr,{children:bi("img",{src:"https://placehold.co/400x400",className:"object-top",alt:"placeholder"},void 0,0,{fileName:hm,lineNumber:74,columnNumber:19},this)},void 0,0,{fileName:hm,lineNumber:73,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:72,columnNumber:15},this)},void 0,0,{fileName:hm,lineNumber:71,columnNumber:13},this)]},void 0,0,{fileName:hm,lineNumber:50,columnNumber:11},this)]},void 0,0,{fileName:hm,lineNumber:33,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("p",{children:[bi("code",{children:"Thumbnail"},void 0,0,{fileName:hm,lineNumber:87,columnNumber:13},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#composite-components-api",children:"composite component props"},void 0,0,{
+fileName:hm,lineNumber:88,columnNumber:13},this),"."]},void 0,0,{fileName:hm,lineNumber:86,columnNumber:11},this),bi(Ut.SectionL3,{title:"borderless",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Render the ",bi("code",{children:"Thumbnail"},void 0,0,{fileName:hm,lineNumber:97,columnNumber:28},this)," with no visual border. Relative border size can be controlled with the"," ",bi("code",{children:"size"},void 0,0,{fileName:hm,lineNumber:99,columnNumber:17},this)," prop."]},void 0,0,{fileName:hm,lineNumber:96,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:hm,lineNumber:102,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:101,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:hm,lineNumber:105,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:104,columnNumber:15},this)]},void 0,0,{fileName:hm,lineNumber:95,columnNumber:13},this),bi(Ut.Demo,{
+title:"borderless Thumbnails",withSource:!0,children:bi("div",{className:"space-y-4",children:[bi("div",{className:"w-[200px]",children:bi(Xr,{borderless:!0,children:bi("img",{src:"https://placehold.co/400x400",alt:"placeholder"},void 0,0,{fileName:hm,lineNumber:113,columnNumber:21},this)},void 0,0,{fileName:hm,lineNumber:112,columnNumber:19},this)},void 0,0,{fileName:hm,lineNumber:111,columnNumber:17},this),bi("div",{className:"w-[200px]",children:bi(Xr,{borderless:!0},void 0,0,{fileName:hm,lineNumber:117,columnNumber:19},this)},void 0,0,{fileName:hm,lineNumber:116,columnNumber:17},this)]},void 0,0,{fileName:hm,lineNumber:110,columnNumber:15},this)},void 0,0,{fileName:hm,lineNumber:109,columnNumber:13},this)]},void 0,0,{fileName:hm,lineNumber:94,columnNumber:11},this),bi(Ut.SectionL3,{title:"loading",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Display a loading indicator."},void 0,0,{fileName:hm,lineNumber:125,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",
+children:bi("code",{children:"boolean"},void 0,0,{fileName:hm,lineNumber:129,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:128,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:hm,lineNumber:132,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:131,columnNumber:15},this)]},void 0,0,{fileName:hm,lineNumber:124,columnNumber:13},this)},void 0,0,{fileName:hm,lineNumber:123,columnNumber:11},this),bi(Ut.SectionL3,{title:"objectFit",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Control the way the content is resized and fitted (",bi(ot,{underline:"always",href:"https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit",children:"object-fit"},void 0,0,{fileName:hm,lineNumber:141,columnNumber:17},this),")."]},void 0,0,{fileName:hm,lineNumber:139,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'cover' | 'contain' | 'fill' | 'none' | 'scale-down'"},void 0,0,{fileName:hm,
+lineNumber:150,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:149,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'cover'"},void 0,0,{fileName:hm,lineNumber:155,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:154,columnNumber:15},this)]},void 0,0,{fileName:hm,lineNumber:138,columnNumber:13},this)},void 0,0,{fileName:hm,lineNumber:137,columnNumber:11},this),bi(Ut.SectionL3,{title:"placeholder",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Custom placeholder content to use when the"," ",bi("code",{children:"Thumbnail"},void 0,0,{fileName:hm,lineNumber:164,columnNumber:17},this)," is empty."]},void 0,0,{fileName:hm,lineNumber:162,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"preact.ComponentChildren"},void 0,0,{fileName:hm,lineNumber:167,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:166,columnNumber:15},this)]},void 0,0,{fileName:hm,lineNumber:161,columnNumber:13
+},this),bi(Ut.Demo,{withSource:!0,title:"Custom placeholder",children:bi("div",{className:"w-[250px]",children:bi(Xr,{placeholder:bi(dn,{className:"text-grey-5 w-1em h-1em"},void 0,0,{fileName:hm,lineNumber:174,columnNumber:21},this)},void 0,0,{fileName:hm,lineNumber:172,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:171,columnNumber:15},this)},void 0,0,{fileName:hm,lineNumber:170,columnNumber:13},this)]},void 0,0,{fileName:hm,lineNumber:160,columnNumber:11},this),bi(Ut.SectionL3,{title:"ratio",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Set the aspect ratio for the content."},void 0,0,{fileName:hm,lineNumber:183,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:[bi("code",{children:"string"},void 0,0,{fileName:hm,lineNumber:187,columnNumber:17},this)," Any numeric string that can be used in a CSS"," ",bi("code",{children:"calc()"},void 0,0,{fileName:hm,lineNumber:188,columnNumber:17},this)," expression"]},void 0,0,{fileName:hm,lineNumber:186,
+columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'16/9'"},void 0,0,{fileName:hm,lineNumber:191,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:190,columnNumber:15},this)]},void 0,0,{fileName:hm,lineNumber:182,columnNumber:13},this),bi(Ut.Demo,{title:"ratio: '4/3'",withSource:!0,children:bi("div",{className:"w-[250px]",children:bi(Xr,{ratio:"4/3",children:bi("img",{src:"https://placehold.co/400x400",alt:"placeholder"},void 0,0,{fileName:hm,lineNumber:198,columnNumber:19},this)},void 0,0,{fileName:hm,lineNumber:197,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:196,columnNumber:15},this)},void 0,0,{fileName:hm,lineNumber:195,columnNumber:13},this)]},void 0,0,{fileName:hm,lineNumber:181,columnNumber:11},this),bi(Ut.SectionL3,{title:"size",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set the relative proportions of the ",bi("code",{children:"Thumbnail"},void 0,0,{fileName:hm,lineNumber:207,columnNumber:53
+},this),", its border, loading spinner and placeholder content. If you need more styling control, use"," ",bi(Ut.Link,{href:"/data-aspectratio",children:"AspectRatio"},void 0,0,{fileName:hm,lineNumber:210,columnNumber:17},this)," ","directly."]},void 0,0,{fileName:hm,lineNumber:206,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'sm' | 'md' | 'lg'"},void 0,0,{fileName:hm,lineNumber:216,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:215,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'md'"},void 0,0,{fileName:hm,lineNumber:219,columnNumber:17},this)},void 0,0,{fileName:hm,lineNumber:218,columnNumber:15},this)]},void 0,0,{fileName:hm,lineNumber:205,columnNumber:13},this),bi(Ut.Demo,{title:"size: 'sm'",withSource:!0,children:bi("div",{className:"flex gap-x-4",children:[bi("div",{className:"w-[200px]",children:bi(Xr,{size:"sm",children:bi("img",{src:"https://placehold.co/400x400",alt:"placeholder"},void 0,0,{fileName:hm,
+lineNumber:227,columnNumber:21},this)},void 0,0,{fileName:hm,lineNumber:226,columnNumber:19},this)},void 0,0,{fileName:hm,lineNumber:225,columnNumber:17},this),bi("div",{className:"w-[200px]",children:bi(Xr,{size:"sm",loading:!0},void 0,0,{fileName:hm,lineNumber:232,columnNumber:19},this)},void 0,0,{fileName:hm,lineNumber:231,columnNumber:17},this),bi("div",{className:"w-[200px]",children:bi(Xr,{size:"sm"},void 0,0,{fileName:hm,lineNumber:236,columnNumber:19},this)},void 0,0,{fileName:hm,lineNumber:235,columnNumber:17},this)]},void 0,0,{fileName:hm,lineNumber:224,columnNumber:15},this)},void 0,0,{fileName:hm,lineNumber:223,columnNumber:13},this),bi(Ut.Demo,{title:"size: 'md'",withSource:!0,children:bi("div",{className:"flex gap-x-4",children:[bi("div",{className:"w-[200px]",children:bi(Xr,{size:"md",children:bi("img",{src:"https://placehold.co/400x400",alt:"placeholder"},void 0,0,{fileName:hm,lineNumber:245,columnNumber:21},this)},void 0,0,{fileName:hm,lineNumber:244,columnNumber:19},this)},void 0,0,{
+fileName:hm,lineNumber:243,columnNumber:17},this),bi("div",{className:"w-[200px]",children:bi(Xr,{size:"md",loading:!0},void 0,0,{fileName:hm,lineNumber:250,columnNumber:19},this)},void 0,0,{fileName:hm,lineNumber:249,columnNumber:17},this),bi("div",{className:"w-[200px]",children:bi(Xr,{size:"md"},void 0,0,{fileName:hm,lineNumber:254,columnNumber:19},this)},void 0,0,{fileName:hm,lineNumber:253,columnNumber:17},this)]},void 0,0,{fileName:hm,lineNumber:242,columnNumber:15},this)},void 0,0,{fileName:hm,lineNumber:241,columnNumber:13},this),bi(Ut.Demo,{title:"size: 'lg'",withSource:!0,children:bi("div",{className:"flex gap-x-4",children:[bi("div",{className:"w-[200px]",children:bi(Xr,{size:"lg",children:bi("img",{src:"https://placehold.co/400x400",alt:"placeholder"},void 0,0,{fileName:hm,lineNumber:263,columnNumber:21},this)},void 0,0,{fileName:hm,lineNumber:262,columnNumber:19},this)},void 0,0,{fileName:hm,lineNumber:261,columnNumber:17},this),bi("div",{className:"w-[200px]",children:bi(Xr,{size:"lg",loading:!0
+},void 0,0,{fileName:hm,lineNumber:268,columnNumber:19},this)},void 0,0,{fileName:hm,lineNumber:267,columnNumber:17},this),bi("div",{className:"w-[200px]",children:bi(Xr,{size:"lg"},void 0,0,{fileName:hm,lineNumber:272,columnNumber:19},this)},void 0,0,{fileName:hm,lineNumber:271,columnNumber:17},this)]},void 0,0,{fileName:hm,lineNumber:260,columnNumber:15},this)},void 0,0,{fileName:hm,lineNumber:259,columnNumber:13},this)]},void 0,0,{fileName:hm,lineNumber:204,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Thubmnail"},void 0,0,{fileName:hm,lineNumber:281,columnNumber:17},this)," accepts HTML element attributes"]},void 0,0,{fileName:hm,lineNumber:280,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"Omit<JSX.HTMLAttributes<HTMLElement>, 'size' | 'loading' | 'placeholder'>"},void 0,0,{fileName:hm,lineNumber:284,columnNumber:17},this)},void 0,0,{fileName:hm,
+lineNumber:283,columnNumber:15},this)]},void 0,0,{fileName:hm,lineNumber:279,columnNumber:13},this)},void 0,0,{fileName:hm,lineNumber:278,columnNumber:11},this)]},void 0,0,{fileName:hm,lineNumber:85,columnNumber:9},this)]},void 0,0,{fileName:hm,lineNumber:20,columnNumber:7},this)},void 0,0,{fileName:hm,lineNumber:6,columnNumber:5},this)},route:"/data-thumbnail"},{title:"Callout",group:"feedback",component:function(){return bi(Ut.Page,{title:"Callout",intro:bi("p",{children:"Callout is a presentational component that can be used for alerts, banners or toast messages."},void 0,0,{fileName:bm,lineNumber:9,columnNumber:9},this),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Callout"},void 0,0,{fileName:bm,lineNumber:17,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{withSource:!0,title:"Basic Callout",children:bi("div",{className:"flex flex-col gap-y-4",children:[bi(Jr,{status:"notice",children:"A callout with (default) notice status."},void 0,0,{fileName:bm,
+lineNumber:21,columnNumber:17},this),bi(Jr,{status:"success",children:"A callout with a success message."},void 0,0,{fileName:bm,lineNumber:24,columnNumber:17},this),bi(Jr,{status:"error",children:"A callout with an error message."},void 0,0,{fileName:bm,lineNumber:27,columnNumber:17},this)]},void 0,0,{fileName:bm,lineNumber:20,columnNumber:15},this)},void 0,0,{fileName:bm,lineNumber:19,columnNumber:13},this)},void 0,0,{fileName:bm,lineNumber:18,columnNumber:11},this)]},void 0,0,{fileName:bm,lineNumber:16,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("p",{children:[bi("code",{children:"Callout"},void 0,0,{fileName:bm,lineNumber:37,columnNumber:13},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:bm,lineNumber:38,columnNumber:13},this),"."]},void 0,0,{fileName:bm,lineNumber:36,columnNumber:11},this),bi(Ut.SectionL3,{title:"icon",children:[bi(Ut.Info,{
+children:[bi(Ut.InfoItem,{label:"description",children:"Custom icon to display in callout."},void 0,0,{fileName:bm,lineNumber:46,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"IconComponent"},void 0,0,{fileName:bm,lineNumber:50,columnNumber:17},this)},void 0,0,{fileName:bm,lineNumber:49,columnNumber:15},this)]},void 0,0,{fileName:bm,lineNumber:45,columnNumber:13},this),bi(Ut.Demo,{title:"Callout with custom icon",withSource:!0,children:bi(Jr,{icon:Gn,status:"success",children:"This callout has a custom icon"},void 0,0,{fileName:bm,lineNumber:55,columnNumber:15},this)},void 0,0,{fileName:bm,lineNumber:54,columnNumber:13},this)]},void 0,0,{fileName:bm,lineNumber:44,columnNumber:11},this),bi(Ut.SectionL3,{title:"status",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Will theme the callout with an appropriate icon and coloring (unless overridden by the ",bi("code",{children:"icon"},void 0,0,{fileName:bm,lineNumber:65,columnNumber:43
+},this)," prop or Styling API props)."]},void 0,0,{fileName:bm,lineNumber:63,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'notice' | 'success' | 'error'"},void 0,0,{fileName:bm,lineNumber:69,columnNumber:17},this)},void 0,0,{fileName:bm,lineNumber:68,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'notice'"},void 0,0,{fileName:bm,lineNumber:72,columnNumber:17},this)},void 0,0,{fileName:bm,lineNumber:71,columnNumber:15},this)]},void 0,0,{fileName:bm,lineNumber:62,columnNumber:13},this)},void 0,0,{fileName:bm,lineNumber:61,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Callout"},void 0,0,{fileName:bm,lineNumber:80,columnNumber:17},this)," accepts HTML attribute props applicable to"," ",bi("code",{children:"HTMLElement"},void 0,0,{fileName:bm,lineNumber:81,columnNumber:17},this),"."]},void 0,0,{fileName:bm,lineNumber:79,
+columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"Omit<JSX.HTMLAttributes<HTMLElement>, 'size' | 'icon'>"},void 0,0,{fileName:bm,lineNumber:84,columnNumber:17},this)},void 0,0,{fileName:bm,lineNumber:83,columnNumber:15},this)]},void 0,0,{fileName:bm,lineNumber:78,columnNumber:13},this)},void 0,0,{fileName:bm,lineNumber:77,columnNumber:11},this)]},void 0,0,{fileName:bm,lineNumber:35,columnNumber:9},this),bi(Ut.SectionL2,{title:"Styling API",children:[bi("p",{children:[bi("code",{children:"Callout"},void 0,0,{fileName:bm,lineNumber:92,columnNumber:13},this)," accepts the following props from the"," ",bi(Ut.Link,{href:"/using-components#presentational-components-styling-api",children:"presentational component styling API"},void 0,0,{fileName:bm,lineNumber:93,columnNumber:13},this),"."]},void 0,0,{fileName:bm,lineNumber:91,columnNumber:11},this),bi(Ut.SectionL3,{title:"variant",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set the ",bi("code",{
+children:"Callout"},void 0,0,{fileName:bm,lineNumber:102,columnNumber:25},this)," theming."]},void 0,0,{fileName:bm,lineNumber:101,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'outlined' | 'raised' | 'custom'"},void 0,0,{fileName:bm,lineNumber:105,columnNumber:17},this)},void 0,0,{fileName:bm,lineNumber:104,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'outlined'"},void 0,0,{fileName:bm,lineNumber:108,columnNumber:17},this)},void 0,0,{fileName:bm,lineNumber:107,columnNumber:15},this)]},void 0,0,{fileName:bm,lineNumber:100,columnNumber:13},this),bi(Ut.Demo,{title:"Callout variants",withSource:!0,children:bi("div",{className:"flex flex-col gap-y-4",children:[bi(Jr,{variant:"outlined",children:["This is an ",bi("strong",{children:"outlined"},void 0,0,{fileName:bm,lineNumber:114,columnNumber:30},this)," (default) callout."]},void 0,0,{fileName:bm,lineNumber:113,columnNumber:17},this),bi(Jr,{variant:"raised",
+children:["This is a ",bi("strong",{children:"raised"},void 0,0,{fileName:bm,lineNumber:117,columnNumber:29},this)," callout, which provides dimensionality and interactive cursor."]},void 0,0,{fileName:bm,lineNumber:116,columnNumber:17},this)]},void 0,0,{fileName:bm,lineNumber:112,columnNumber:15},this)},void 0,0,{fileName:bm,lineNumber:111,columnNumber:13},this),bi(Ut.Demo,{title:"Callout with custom variant",withSource:!0,children:bi(Jr,{variant:"custom",children:["Note that no icon is rendered when variant is"," ",bi("code",{children:"'custom'"},void 0,0,{fileName:bm,lineNumber:126,columnNumber:17},this),"."]},void 0,0,{fileName:bm,lineNumber:124,columnNumber:15},this)},void 0,0,{fileName:bm,lineNumber:123,columnNumber:13},this)]},void 0,0,{fileName:bm,lineNumber:99,columnNumber:11},this),bi(Ut.SectionL3,{title:"size",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set the relative internal sizing of the callout. Set to"," ",bi("code",{children:"'custom'"},void 0,0,{
+fileName:bm,lineNumber:135,columnNumber:17},this)," to disable sizing classes and set your own with ",bi("code",{children:"classes"},void 0,0,{fileName:bm,lineNumber:136,columnNumber:26},this),"."]},void 0,0,{fileName:bm,lineNumber:133,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'sm' | 'md' | 'lg' | 'custom'"},void 0,0,{fileName:bm,lineNumber:139,columnNumber:17},this)},void 0,0,{fileName:bm,lineNumber:138,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'md'"},void 0,0,{fileName:bm,lineNumber:142,columnNumber:17},this)},void 0,0,{fileName:bm,lineNumber:141,columnNumber:15},this)]},void 0,0,{fileName:bm,lineNumber:132,columnNumber:13},this),bi(Ut.Demo,{title:"Callout sizes",withSource:!0,children:bi("div",{className:"flex flex-col gap-y-4",children:[bi(Jr,{status:"success",size:"sm",children:"A callout with a small size."},void 0,0,{fileName:bm,lineNumber:148,columnNumber:17},this),bi(Jr,{status:"success",size:"md",
+children:"A callout with a medium size."},void 0,0,{fileName:bm,lineNumber:151,columnNumber:17},this),bi(Jr,{status:"success",size:"lg",children:"A callout with a large size."},void 0,0,{fileName:bm,lineNumber:154,columnNumber:17},this),bi(Jr,{status:"success",size:"custom",classes:"p-4",children:["Note that no icon is rendered if size is"," ",bi("code",{children:"'custom'"},void 0,0,{fileName:bm,lineNumber:160,columnNumber:19},this)]},void 0,0,{fileName:bm,lineNumber:158,columnNumber:17},this)]},void 0,0,{fileName:bm,lineNumber:147,columnNumber:15},this)},void 0,0,{fileName:bm,lineNumber:146,columnNumber:13},this)]},void 0,0,{fileName:bm,lineNumber:131,columnNumber:11},this),bi(Ut.SectionL3,{title:"unstyled",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set this to disable all styling and provide your own styling with ",bi("code",{children:"classes"},void 0,0,{fileName:bm,lineNumber:170,columnNumber:22},this),". No icon will be rendered."]},void 0,0,{fileName:bm,
+lineNumber:168,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:bm,lineNumber:173,columnNumber:17},this)},void 0,0,{fileName:bm,lineNumber:172,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:bm,lineNumber:176,columnNumber:17},this)},void 0,0,{fileName:bm,lineNumber:175,columnNumber:15},this)]},void 0,0,{fileName:bm,lineNumber:167,columnNumber:13},this)},void 0,0,{fileName:bm,lineNumber:166,columnNumber:11},this)]},void 0,0,{fileName:bm,lineNumber:90,columnNumber:9},this)]},void 0,0,{fileName:bm,lineNumber:15,columnNumber:7},this)},void 0,0,{fileName:bm,lineNumber:6,columnNumber:5},this)},route:"/feedback-callout"},{title:"Dialogs",group:"feedback",component:function(){const e=Ne(null),[i,l]=ae(null),[n,o]=ae("tab1");return bi(Ut.Page,{title:"Dialogs",intro:bi("p",{children:[bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:205,columnNumber:11},this)," and ",bi("code",{
+children:"ModalDialog"},void 0,0,{fileName:fm,lineNumber:205,columnNumber:35},this)," provide functionality similar to a ","browser's"," ",bi("code",{children:"dialog"},void 0,0,{fileName:fm,lineNumber:206,columnNumber:38},this)," element, with applied",bi("code",{children:"Panel"},void 0,0,{fileName:fm,lineNumber:207,columnNumber:11},this)," layout."]},void 0,0,{fileName:fm,lineNumber:204,columnNumber:9},this),children:[bi(Ut.Section,{id:"dialog",title:"Dialog",intro:bi("p",{children:[bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:216,columnNumber:13},this)," renders a non-modal dialog. It handles focus routing and provides other optional dialog behaviors."]},void 0,0,{fileName:fm,lineNumber:215,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Dialog"},void 0,0,{fileName:fm,lineNumber:222,columnNumber:11},this),bi(Ut.Demo,{title:"Basic Dialog",withSource:!0,children:bi(wm,{buttons:bi(gm,{},void 0,0,{fileName:fm,lineNumber:225,columnNumber:24},this),
+icon:wl,initialFocus:e,title:"Basic dialog",children:[bi("p",{children:"This is a basic Dialog that routes focus initially to a text input."},void 0,0,{fileName:fm,lineNumber:230,columnNumber:15},this),bi(zo,{children:[bi(nr,{name:"my-input",elementRef:e},void 0,0,{fileName:fm,lineNumber:235,columnNumber:17},this),bi(Ho,{icon:Hi,variant:"dark",title:"go"},void 0,0,{fileName:fm,lineNumber:236,columnNumber:17},this)]},void 0,0,{fileName:fm,lineNumber:234,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:224,columnNumber:13},this)},void 0,0,{fileName:fm,lineNumber:223,columnNumber:11},this)]},void 0,0,{fileName:fm,lineNumber:221,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with Dialogs",children:bi(Ut.SectionL3,{title:"Laying out content",children:[bi("p",{children:["By default, ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:245,columnNumber:27},this)," will lay out its children in a"," ",bi("code",{children:"Panel"},void 0,0,{fileName:fm,lineNumber:246,columnNumber:15
+},this),". Set ",bi("code",{children:"variant"},void 0,0,{fileName:fm,lineNumber:246,columnNumber:39},this)," to"," ",bi("code",{children:"'custom'"},void 0,0,{fileName:fm,lineNumber:247,columnNumber:15},this)," to use a custom layout."]},void 0,0,{fileName:fm,lineNumber:244,columnNumber:13},this),bi("p",{children:["Use"," ",bi(Ut.Link,{href:"/input-closebutton",children:bi("code",{children:"CloseButton"},void 0,0,{fileName:fm,lineNumber:252,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:251,columnNumber:15},this)," ","in custom dialog layouts to ensure the proper close handler is used."]},void 0,0,{fileName:fm,lineNumber:249,columnNumber:13},this),bi(Ut.Demo,{title:"Dialog with custom layout",withSource:!0,children:bi(wm,{variant:"custom",transitionComponent:ft,children:bi("div",{className:"flex gap-x-3 items-center border p-3 bg-white",children:[bi("div",{className:"grow",children:"Custom dialog content"},void 0,0,{fileName:fm,lineNumber:260,columnNumber:19},this),bi(Bo,{},void 0,0,{fileName:fm,
+lineNumber:261,columnNumber:19},this)]},void 0,0,{fileName:fm,lineNumber:259,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:258,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:257,columnNumber:13},this)]},void 0,0,{fileName:fm,lineNumber:243,columnNumber:11},this)},void 0,0,{fileName:fm,lineNumber:242,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("p",{children:[bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:270,columnNumber:13},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#composite-components-api",children:"composite component props"},void 0,0,{fileName:fm,lineNumber:271,columnNumber:13},this),"."]},void 0,0,{fileName:fm,lineNumber:269,columnNumber:11},this),bi(Ut.SectionL3,{title:"title",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["A ",bi("code",{children:"title"},void 0,0,{fileName:fm,lineNumber:280,columnNumber:19},this)," is required for all dialogs."]},void 0,0,{fileName:fm,
+lineNumber:279,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string"},void 0,0,{fileName:fm,lineNumber:283,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:282,columnNumber:15},this),bi(Ut.InfoItem,{label:"required",children:bi("code",{children:"true"},void 0,0,{fileName:fm,lineNumber:286,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:285,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:278,columnNumber:13},this)},void 0,0,{fileName:fm,lineNumber:277,columnNumber:11},this),bi(Ut.SectionL3,{title:"classes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Atypically for a composite component, ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:294,columnNumber:55},this)," ","accepts ",bi("code",{children:"classes"},void 0,0,{fileName:fm,lineNumber:295,columnNumber:25},this)," (CSS classes). These will be appended to the classes applied to the ","dialog's"," container element."]},void 0,0,{fileName:fm,
+lineNumber:293,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string"},void 0,0,{fileName:fm,lineNumber:300,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:299,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:292,columnNumber:13},this)},void 0,0,{fileName:fm,lineNumber:291,columnNumber:11},this),bi(Ut.SectionL3,{title:"closeOnClickAway",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["The ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:308,columnNumber:21},this)," should close (invoke its"," ",bi("code",{children:"onClose"},void 0,0,{fileName:fm,lineNumber:309,columnNumber:17},this)," callback) when there are click events outside of it"]},void 0,0,{fileName:fm,lineNumber:307,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:fm,lineNumber:313,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:312,columnNumber:15},this),bi(Ut.InfoItem,{
+label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:fm,lineNumber:316,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:315,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:306,columnNumber:13},this),bi(Ut.Demo,{title:"Dialog that closes on external clicks",withSource:!0,children:bi(wm,{closeOnClickAway:!0,title:"Dialog that closes when there are external clicks",children:bi("p",{children:"This dialog will close if you click outside of it"},void 0,0,{fileName:fm,lineNumber:327,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:323,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:319,columnNumber:13},this)]},void 0,0,{fileName:fm,lineNumber:305,columnNumber:11},this),bi(Ut.SectionL3,{title:"closeOnEscape",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["The ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:335,columnNumber:21},this)," should close (invoke its"," ",bi("code",{children:"onClose"},void 0,0,{
+fileName:fm,lineNumber:336,columnNumber:17},this)," callback) when the ",bi("kbd",{children:"ESC"},void 0,0,{fileName:fm,lineNumber:336,columnNumber:57},this)," key is pressed."]},void 0,0,{fileName:fm,lineNumber:334,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:fm,lineNumber:340,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:339,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:fm,lineNumber:343,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:342,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:333,columnNumber:13},this),bi(Ut.Demo,{title:"Dialog with close-on-Escape behavior",withSource:!0,children:bi(wm,{closeOnEscape:!0,title:"Close on ESC",children:bi("p",{children:["This dialog will close if you press ",bi("kbd",{children:"Escape"},void 0,0,{fileName:fm,lineNumber:353,columnNumber:55},this),"."]},void 0,0,{fileName:fm,lineNumber:352,columnNumber:17
+},this)},void 0,0,{fileName:fm,lineNumber:351,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:347,columnNumber:13},this)]},void 0,0,{fileName:fm,lineNumber:332,columnNumber:11},this),bi(Ut.SectionL3,{title:"closeOnFocusAway",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["The ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:362,columnNumber:21},this)," should close (invoke its"," ",bi("code",{children:"onClose"},void 0,0,{fileName:fm,lineNumber:363,columnNumber:17},this)," callback) when there are focus events outside of it."]},void 0,0,{fileName:fm,lineNumber:361,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:fm,lineNumber:367,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:366,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:fm,lineNumber:370,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:369,columnNumber:15
+},this)]},void 0,0,{fileName:fm,lineNumber:360,columnNumber:13},this),bi(Ut.Demo,{title:"Dialog that closes on external focus events",withSource:!0,children:bi(wm,{closeOnFocusAway:!0,title:"Close on Away Focus",children:bi("p",{children:"This dialog will close if you focus outside of it"},void 0,0,{fileName:fm,lineNumber:378,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:377,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:373,columnNumber:13},this)]},void 0,0,{fileName:fm,lineNumber:359,columnNumber:11},this),bi(Ut.SectionL3,{title:"initialFocus",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Determine how initial focus is routed when the"," ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:387,columnNumber:17},this)," is mounted (opened). By default (",bi("code",{children:"'auto'"},void 0,0,{fileName:fm,lineNumber:388,columnNumber:17},this),"), the dialog itself will be focused. Provide a ",bi("code",{children:"ref"},void 0,0,{fileName:fm,
+lineNumber:389,columnNumber:27},this)," to focus a specific element initially, or set to ",bi("code",{children:"'manual'"},void 0,0,{fileName:fm,lineNumber:390,columnNumber:38},this)," to opt out of any focus routing."]},void 0,0,{fileName:fm,lineNumber:385,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"preact.RefObject<HTMLOrSVGElement | null> | 'auto' | 'manual'"},void 0,0,{fileName:fm,lineNumber:394,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:393,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'auto'"},void 0,0,{fileName:fm,lineNumber:397,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:396,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:384,columnNumber:13},this)},void 0,0,{fileName:fm,lineNumber:383,columnNumber:11},this),bi(Ut.SectionL3,{title:"onClose",children:[bi(Ut.Callout,{children:["The ",bi("code",{children:"onClose"},void 0,0,{fileName:fm,lineNumber:404,columnNumber:19
+},this)," prop is optional, but should be considered required for all new ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:405,columnNumber:47},this),"s. This flexibility exists to support legacy use cases of"," ","non-closeable"," dialogs."]},void 0,0,{fileName:fm,lineNumber:403,columnNumber:13},this),bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Callback invoked when the ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:411,columnNumber:43},this)," should be closed."," ","Note: ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:412,columnNumber:23},this),"s have no state — when rendered, they are always open."]},void 0,0,{fileName:fm,lineNumber:410,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"() => void"},void 0,0,{fileName:fm,lineNumber:416,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:415,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:409,columnNumber:13},this),bi(Ut.Demo,{
+title:"Non-closeable Dialog example",withSource:!0,children:bi(wm,{icon:wl,title:"Non-closeable dialog example",_nonCloseable:!0,children:bi("p",{children:["This is a ",'"non-closeable"'," ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:426,columnNumber:49},this),". This pattern should be avoided, but is supported for a few legacy use cases. You can close this modal by clicking the"," ",'"Escape!"'," button."]},void 0,0,{fileName:fm,lineNumber:425,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:420,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:419,columnNumber:13},this)]},void 0,0,{fileName:fm,lineNumber:402,columnNumber:11},this),bi(Ut.SectionL3,{title:"closeTitle",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Determine the accessible title to be set on the close button when ",bi("code",{children:"onClose"},void 0,0,{fileName:fm,lineNumber:439,columnNumber:22},this)," has also been provided."]},void 0,0,{fileName:fm,lineNumber:437,
+columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string"},void 0,0,{fileName:fm,lineNumber:442,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:441,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'Close'"},void 0,0,{fileName:fm,lineNumber:445,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:444,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:436,columnNumber:13},this),bi(Ut.Demo,{title:"Custom close title",withSource:!0,children:bi(wm,{title:"Custom close title",closeTitle:"Custom text here",children:bi("p",{children:"This dialog has a custom title on the close button. Hover over it to see it."},void 0,0,{fileName:fm,lineNumber:450,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:449,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:448,columnNumber:13},this)]},void 0,0,{fileName:fm,lineNumber:435,columnNumber:11},this),bi(Ut.SectionL3,{title:"restoreFocus",children:[bi(Ut.Info,{
+children:[bi(Ut.InfoItem,{label:"description",children:["Upon closing (unmounting), restore focus to the element that had focus before the ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:462,columnNumber:34},this)," was opened (mounted)."]},void 0,0,{fileName:fm,lineNumber:460,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:fm,lineNumber:465,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:464,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:fm,lineNumber:468,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:467,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:459,columnNumber:13},this),bi(Ut.Demo,{title:"Dialog with focus restoration on close",withSource:!0,children:bi(wm,{_alwaysShowButton:!0,restoreFocus:!0,title:"Restore focus",children:bi("p",{children:"This dialog will restore focus to the previously-focused element on close."},void 0,0,{
+fileName:fm,lineNumber:477,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:476,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:472,columnNumber:13},this)]},void 0,0,{fileName:fm,lineNumber:458,columnNumber:11},this),bi(Ut.SectionL3,{title:"transitionComponent",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["A ",bi("code",{children:"TransitionComponent"},void 0,0,{fileName:fm,lineNumber:488,columnNumber:19},this)," to use when this"," ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:489,columnNumber:17},this)," is opened/mounted and closed/unmounted. By default, no transition is applied."]},void 0,0,{fileName:fm,lineNumber:487,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"TransitionComponent"},void 0,0,{fileName:fm,lineNumber:493,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:492,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:486,columnNumber:13},this),bi(Ut.Demo,{
+title:"Dialog with TransitionComponent example",withSource:!0,children:bi(wm,{title:"Dialog with TransitionComponent example",transitionComponent:ft,children:bi("p",{children:"This dialog has a slide down/up transition when opened/closed."},void 0,0,{fileName:fm,lineNumber:505,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:501,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:497,columnNumber:13},this)]},void 0,0,{fileName:fm,lineNumber:485,columnNumber:11},this),bi(Ut.SectionL3,{title:"variant",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["By default, contents are laid out in a ",bi("code",{children:"Panel"},void 0,0,{fileName:fm,lineNumber:515,columnNumber:56},this),". Set to ",bi("code",{children:"'custom'"},void 0,0,{fileName:fm,lineNumber:516,columnNumber:20},this)," to lay out dialog content manually."]},void 0,0,{fileName:fm,lineNumber:514,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'panel' | 'custom'"},void 0,0,{
+fileName:fm,lineNumber:519,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:518,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'panel'"},void 0,0,{fileName:fm,lineNumber:522,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:521,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:513,columnNumber:13},this)},void 0,0,{fileName:fm,lineNumber:512,columnNumber:11},this),bi(Ut.SectionL3,{title:"...panelProps",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:530,columnNumber:17},this)," uses ",bi("code",{children:"Panel"},void 0,0,{fileName:fm,lineNumber:530,columnNumber:42},this)," for layout. All"," ",bi(Ut.Link,{href:"/layout-panel",children:"Panel"},void 0,0,{fileName:fm,lineNumber:531,columnNumber:17},this)," props are accepted and forwarded except for"," ",bi("code",{children:"fullWidthHeader"},void 0,0,{fileName:fm,lineNumber:533,columnNumber:17
+},this)," (which is always set for"," ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:534,columnNumber:17},this),")."]},void 0,0,{fileName:fm,lineNumber:529,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"Omit<PanelProps, 'fullWidthHeader'>"},void 0,0,{fileName:fm,lineNumber:537,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:536,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:528,columnNumber:13},this)},void 0,0,{fileName:fm,lineNumber:527,columnNumber:11},this)]},void 0,0,{fileName:fm,lineNumber:268,columnNumber:9},this)]},void 0,0,{fileName:fm,lineNumber:211,columnNumber:7},this),bi(Ut.Section,{id:"modaldialog",title:"ModalDialog",intro:bi("p",{children:[bi("code",{children:"ModalDialog"},void 0,0,{fileName:fm,lineNumber:549,columnNumber:13},this)," renders a modal dialog with a full-screen backdrop overlay. It extends ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:550,columnNumber:42
+},this)," and sets some different behavioral defaults."]},void 0,0,{fileName:fm,lineNumber:548,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"ModalDialog"},void 0,0,{fileName:fm,lineNumber:556,columnNumber:11},this),bi(Ut.Demo,{title:"Basic ModalDialog",withSource:!0,children:bi(xm,{_alwaysShowButton:!0,buttons:bi(gm,{},void 0,0,{fileName:fm,lineNumber:561,columnNumber:24},this),icon:wl,initialFocus:e,title:"Basic dialog",children:[bi("p",{children:"This is a basic ModalDialog."},void 0,0,{fileName:fm,lineNumber:566,columnNumber:15},this),bi("ul",{className:"list-disc m-8",children:[bi("li",{children:["It will close if you press the ",bi("kbd",{children:"Escape"},void 0,0,{fileName:fm,lineNumber:569,columnNumber:50},this)," key."]},void 0,0,{fileName:fm,lineNumber:568,columnNumber:17},this),bi("li",{children:"It will trap focus and allow navigation with tab and shift-tab."},void 0,0,{fileName:fm,lineNumber:571,columnNumber:17},this),bi("li",{
+children:"It will restore focus after it is closed."},void 0,0,{fileName:fm,lineNumber:575,columnNumber:17},this)]},void 0,0,{fileName:fm,lineNumber:567,columnNumber:15},this),bi(zo,{children:[bi(nr,{name:"my-input",elementRef:e},void 0,0,{fileName:fm,lineNumber:578,columnNumber:17},this),bi(Ho,{icon:Hi,variant:"dark",title:"go"},void 0,0,{fileName:fm,lineNumber:579,columnNumber:17},this)]},void 0,0,{fileName:fm,lineNumber:577,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:559,columnNumber:13},this)},void 0,0,{fileName:fm,lineNumber:558,columnNumber:11},this)]},void 0,0,{fileName:fm,lineNumber:555,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with ModalDialogs",children:[bi(Ut.SectionL3,{title:"Handling long content",children:[bi("p",{children:["By default, content in a ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:587,columnNumber:40},this)," or"," ",bi("code",{children:"ModalDialog"},void 0,0,{fileName:fm,lineNumber:588,columnNumber:15
+},this)," will scroll as needed to keep the modal from exceeding viewport capacity."]},void 0,0,{fileName:fm,lineNumber:586,columnNumber:13},this),bi(Ut.Demo,{title:"Modal with overflowing content",withSource:!0,children:bi(xm,{buttons:bi(gm,{},void 0,0,{fileName:fm,lineNumber:593,columnNumber:26},this),title:"Modal with long content",children:bi(rm,{size:"lg"},void 0,0,{fileName:fm,lineNumber:596,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:592,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:591,columnNumber:13},this)]},void 0,0,{fileName:fm,lineNumber:585,columnNumber:11},this),bi(Ut.SectionL3,{title:"Handling complex modals",children:[bi("p",{children:["Modal dialogs should provide appropriate keyboard navigation even when there are multiple or complex embedded widgts, like data tables (ARIA ",bi("code",{children:'role="grid"'},void 0,0,{fileName:fm,lineNumber:604,columnNumber:28},this),") or tabs (ARIA"," ",bi("code",{children:'role="tablist"'},void 0,0,{fileName:fm,lineNumber:605,
+columnNumber:15},this),")."]},void 0,0,{fileName:fm,lineNumber:601,columnNumber:13},this),bi(Ut.Demo,{title:"Modal with embedded ARIA widgets",withSource:!0,children:bi(xm,{buttons:bi(gm,{},void 0,0,{fileName:fm,lineNumber:609,columnNumber:26},this),classes:"h-[25rem]",title:"Modal with tabs and data table",scrollable:!1,children:[bi(bt,{classes:"gap-x-4",children:[bi(Nt,{textContent:"Tab 1",selected:"tab1"===n,onClick:()=>o("tab1"),children:"Tab 1"},void 0,0,{fileName:fm,lineNumber:615,columnNumber:19},this),bi(Nt,{textContent:"Tab 2",selected:"tab2"===n,onClick:()=>o("tab2"),children:"Tab 2"},void 0,0,{fileName:fm,lineNumber:622,columnNumber:19},this)]},void 0,0,{fileName:fm,lineNumber:614,columnNumber:17},this),bi("p",{children:["Content for both tabs, with"," ",bi(ot,{href:"#",underline:"always",children:"a link"},void 0,0,{fileName:fm,lineNumber:632,columnNumber:19},this),"."]},void 0,0,{fileName:fm,lineNumber:630,columnNumber:17},this),"tab1"===n&&bi(Ii,{children:bi(Rr,{rows:vm,columns:pm,
+title:"Nabokov novels",selectedRow:i,onSelectRow:e=>l(e)},void 0,0,{fileName:fm,lineNumber:639,columnNumber:21},this)},void 0,0,{fileName:fm,lineNumber:638,columnNumber:19},this),"tab2"===n&&bi(I,{children:[bi("p",{children:"This is content on another, second, tab."},void 0,0,{fileName:fm,lineNumber:650,columnNumber:21},this),bi("div",{className:"flex gap-x-4",children:[bi(Ao,{children:"Click me"},void 0,0,{fileName:fm,lineNumber:652,columnNumber:23},this),bi(Ao,{children:"No, me!"},void 0,0,{fileName:fm,lineNumber:653,columnNumber:23},this)]},void 0,0,{fileName:fm,lineNumber:651,columnNumber:21},this)]},void 0)]},void 0,0,{fileName:fm,lineNumber:608,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:607,columnNumber:13},this)]},void 0,0,{fileName:fm,lineNumber:600,columnNumber:11},this),bi(Ut.SectionL3,{title:"Managing modal height",children:[bi("p",{
+children:"By default, the height of a modal is dependent on the content inside of it. It will grow in height as needed for the content until it fills the available vertical space in the viewport, after which it will (unless disabled) scroll overheight content."},void 0,0,{fileName:fm,lineNumber:661,columnNumber:13},this),bi("p",{children:"But you may wish to control the height of your modals. There are two options:"},void 0,0,{fileName:fm,lineNumber:667,columnNumber:13},this),bi("ul",{children:[bi("li",{children:[bi("strong",{children:"Set a height on the ModalDialog"},void 0,0,{fileName:fm,lineNumber:673,columnNumber:17},this)," itself via the"," ",bi("code",{children:"classes"},void 0,0,{fileName:fm,lineNumber:674,columnNumber:17},this)," prop. The Modal will always render at this height. If contained content height exceeds this height, it will scroll."]},void 0,0,{fileName:fm,lineNumber:672,columnNumber:15},this),bi("li",{children:[bi("strong",{
+children:["Set a minimum height on the ","ModalDialog's"," content"]},void 0,0,{fileName:fm,lineNumber:679,columnNumber:17},this),". The ModalDialog will always render at least this height, but will grow in height if needed to accommodate longer content (up to the bounds of the viewport)."]},void 0,0,{fileName:fm,lineNumber:678,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:671,columnNumber:13},this),bi(Ut.Demo,{title:"ModalDialog with a fixed height",withSource:!0,children:bi(xm,{title:"Modal with a fixed height",buttons:bi(gm,{},void 0,0,{fileName:fm,lineNumber:690,columnNumber:26},this),classes:"h-[25rem]",children:bi("p",{children:["This ModalDialog has a height of ",bi("code",{children:"25rem"},void 0,0,{fileName:fm,lineNumber:694,columnNumber:52},this),"."]},void 0,0,{fileName:fm,lineNumber:693,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:688,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:687,columnNumber:13},this),bi(Ut.Demo,{
+title:"Modal with a fixed height: long content",withSource:!0,children:bi(xm,{title:"ModalDialog with a fixed height",buttons:bi(gm,{},void 0,0,{fileName:fm,lineNumber:705,columnNumber:26},this),classes:"h-[25rem]",children:[bi("p",{children:["This ModalDialog has a height of ",bi("code",{children:"25rem"},void 0,0,{fileName:fm,lineNumber:709,columnNumber:52},this)," and long content."]},void 0,0,{fileName:fm,lineNumber:708,columnNumber:17},this),bi(rm,{size:"lg"},void 0,0,{fileName:fm,lineNumber:712,columnNumber:17},this)]},void 0,0,{fileName:fm,lineNumber:703,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:699,columnNumber:13},this),bi(Ut.Demo,{title:"Modal with a minimum content height and not much content",withSource:!0,children:bi(xm,{title:"Modal with minimum height set on content",buttons:bi(gm,{},void 0,0,{fileName:fm,lineNumber:722,columnNumber:26},this),children:bi("div",{className:"min-h-[15rem]",children:bi("p",{
+children:["This ","ModalDialog's"," content has a preferred height of 15rem set by a CSS class."]},void 0,0,{fileName:fm,lineNumber:725,columnNumber:19},this)},void 0,0,{fileName:fm,lineNumber:724,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:720,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:716,columnNumber:13},this),bi(Ut.Demo,{title:"Modal with a minimum height and scrolling content",withSource:!0,children:bi(xm,{title:"Modal with a minimum height and tall content",buttons:bi(gm,{},void 0,0,{fileName:fm,lineNumber:739,columnNumber:26},this),children:bi("div",{className:"min-h-[15rem] space-y-3",children:[bi("p",{children:"This modal has a preferred height of 15rem, but its content exceeds the height of the viewport, and scrolls."},void 0,0,{fileName:fm,lineNumber:742,columnNumber:19},this),bi("hr",{},void 0,0,{fileName:fm,lineNumber:746,columnNumber:19},this),bi("p",{children:bi(rm,{size:"lg"},void 0,0,{fileName:fm,lineNumber:748,columnNumber:21},this)},void 0,0,{fileName:fm,
+lineNumber:747,columnNumber:19},this)]},void 0,0,{fileName:fm,lineNumber:741,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:737,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:733,columnNumber:13},this)]},void 0,0,{fileName:fm,lineNumber:660,columnNumber:11},this),bi(Ut.SectionL3,{title:"Custom layout",children:bi(Ut.Demo,{title:"Modal dialog with custom layout",withSource:!0,children:bi(ym,{variant:"custom",children:bi("div",{className:"flex gap-x-3 items-center border p-3 bg-white",children:[bi("div",{className:"grow",children:"Custom dialog content"},void 0,0,{fileName:fm,lineNumber:758,columnNumber:19},this),bi(Bo,{},void 0,0,{fileName:fm,lineNumber:759,columnNumber:19},this)]},void 0,0,{fileName:fm,lineNumber:757,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:756,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:755,columnNumber:13},this)},void 0,0,{fileName:fm,lineNumber:754,columnNumber:11},this)]},void 0,0,{fileName:fm,lineNumber:584,columnNumber:9
+},this),bi(Ut.SectionL2,{title:"ComponentAPI",children:[bi(Ut.SectionL3,{title:"title",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["A ",bi("code",{children:"title"},void 0,0,{fileName:fm,lineNumber:769,columnNumber:19},this)," is required for all modal dialogs."]},void 0,0,{fileName:fm,lineNumber:768,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string"},void 0,0,{fileName:fm,lineNumber:772,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:771,columnNumber:15},this),bi(Ut.InfoItem,{label:"required",children:bi("code",{children:"true"},void 0,0,{fileName:fm,lineNumber:775,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:774,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:767,columnNumber:13},this)},void 0,0,{fileName:fm,lineNumber:766,columnNumber:11},this),bi(Ut.SectionL3,{title:"disableCloseOnEscape",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Do not close the ",bi("code",{
+children:"ModalDialog"},void 0,0,{fileName:fm,lineNumber:783,columnNumber:34},this)," when ",bi("kbd",{children:"ESC"},void 0,0,{fileName:fm,lineNumber:783,columnNumber:64},this)," is pressed."]},void 0,0,{fileName:fm,lineNumber:782,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:fm,lineNumber:787,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:786,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:fm,lineNumber:790,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:789,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:781,columnNumber:13},this)},void 0,0,{fileName:fm,lineNumber:780,columnNumber:11},this),bi(Ut.SectionL3,{title:"disableFocusTrap",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Do not trap focus in the modal."},void 0,0,{fileName:fm,lineNumber:797,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{
+children:"boolean"},void 0,0,{fileName:fm,lineNumber:801,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:800,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:fm,lineNumber:804,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:803,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:796,columnNumber:13},this),bi(Ut.Callout,{children:[bi("em",{children:"Note"},void 0,0,{fileName:fm,lineNumber:809,columnNumber:15},this),": Modal focus trapping is part of"," ",bi(ot,{href:"https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/#keyboardinteraction",underline:"always",children:"WAI-ARIA authoring guidelines"},void 0,0,{fileName:fm,lineNumber:810,columnNumber:15},this),". Disabling this prop is not recommended and could raise issues of accessibility."]},void 0,0,{fileName:fm,lineNumber:808,columnNumber:13},this)]},void 0,0,{fileName:fm,lineNumber:795,columnNumber:11},this),bi(Ut.SectionL3,{title:"disableRestoreFocus",
+children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Do not restore focus to previously-focused element when the modal is closed."},void 0,0,{fileName:fm,lineNumber:823,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:fm,lineNumber:828,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:827,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:fm,lineNumber:831,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:830,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:822,columnNumber:13},this)},void 0,0,{fileName:fm,lineNumber:821,columnNumber:11},this),bi(Ut.SectionL3,{title:"size",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set the relative width of the modal element. Set to ","'custom'"," ","to customize dimensions via ",bi("code",{children:"classes"},void 0,0,{fileName:fm,lineNumber:840,columnNumber:45
+},this),".",bi("br",{},void 0,0,{fileName:fm,lineNumber:841,columnNumber:17},this),"Note that setting ","'custom'"," value will disable both horizontal and vertical automatic sizing."]},void 0,0,{fileName:fm,lineNumber:838,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'sm' | 'md' | 'lg' | 'custom'"},void 0,0,{fileName:fm,lineNumber:846,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:845,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'md'"},void 0,0,{fileName:fm,lineNumber:849,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:848,columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:837,columnNumber:13},this),bi(Ut.Demo,{title:"size='sm'",withSource:!0,children:bi(xm,{buttons:bi(gm,{},void 0,0,{fileName:fm,lineNumber:854,columnNumber:26},this),title:"Small modal",size:"sm",children:bi(rm,{size:"sm"},void 0,0,{fileName:fm,lineNumber:858,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:853,columnNumber:15},this)
+},void 0,0,{fileName:fm,lineNumber:852,columnNumber:13},this),bi(Ut.Demo,{title:"size='md' (default)",withSource:!0,children:bi(xm,{buttons:bi(gm,{},void 0,0,{fileName:fm,lineNumber:864,columnNumber:26},this),title:"Medium-size modal",size:"md",children:bi(rm,{size:"md"},void 0,0,{fileName:fm,lineNumber:868,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:863,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:862,columnNumber:13},this),bi(Ut.Demo,{title:"size='lg'",withSource:!0,children:bi(xm,{buttons:bi(gm,{},void 0,0,{fileName:fm,lineNumber:874,columnNumber:26},this),title:"Wide modal",size:"lg",children:bi(rm,{size:"md"},void 0,0,{fileName:fm,lineNumber:878,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:873,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:872,columnNumber:13},this),bi(Ut.Demo,{title:"size='custom'",withSource:!0,children:bi(xm,{buttons:bi(gm,{},void 0,0,{fileName:fm,lineNumber:884,columnNumber:26},this),classes:"w-[40em] h-[80vh] top-[10vh]",
+title:"Custom-size modal",size:"custom",children:bi(rm,{size:"md"},void 0,0,{fileName:fm,lineNumber:889,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:883,columnNumber:15},this)},void 0,0,{fileName:fm,lineNumber:882,columnNumber:13},this)]},void 0,0,{fileName:fm,lineNumber:836,columnNumber:11},this),bi(Ut.SectionL3,{title:"scrollable (default true)",children:[bi("p",{children:"By default, dialogs will scroll overflowing content. In some cases, it is desireable to scroll only a portion of the content, or to disable scrolling entirely."},void 0,0,{fileName:fm,lineNumber:895,columnNumber:13},this),bi("p",{children:["The ",bi("i",{children:"Handling Complex Modals"},void 0,0,{fileName:fm,lineNumber:901,columnNumber:19},this)," example above disables scrolling with the ",bi("code",{children:"scrollable"},void 0,0,{fileName:fm,lineNumber:902,columnNumber:34},this)," prop."]},void 0,0,{fileName:fm,lineNumber:900,columnNumber:13},this)]},void 0,0,{fileName:fm,lineNumber:894,columnNumber:11
+},this),bi(Ut.SectionL3,{title:"...dialogAndPanelProps",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Props forwarded to ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:909,columnNumber:36},this)," and ",bi("code",{children:"Panel"},void 0,0,{fileName:fm,lineNumber:909,columnNumber:60},this),"."]},void 0,0,{fileName:fm,lineNumber:908,columnNumber:15},this),bi(Ut.InfoItem,{label:"props",children:["All ",bi("code",{children:"Dialog"},void 0,0,{fileName:fm,lineNumber:912,columnNumber:21},this)," and ",bi("code",{children:"Panel"},void 0,0,{fileName:fm,lineNumber:912,columnNumber:45},this)," props,"," ",bi("strong",{children:"except"},void 0,0,{fileName:fm,lineNumber:913,columnNumber:17},this),":",bi("ul",{children:[bi("li",{children:[bi("code",{children:"closeOnEscape (Dialog)"},void 0,0,{fileName:fm,lineNumber:916,columnNumber:21},this),": Use"," ",bi("code",{children:"disableCloseOnEscape"},void 0,0,{fileName:fm,lineNumber:917,columnNumber:21},this)," instead"]
+},void 0,0,{fileName:fm,lineNumber:915,columnNumber:19},this),bi("li",{children:[bi("code",{children:"restoreFocus (Dialog)"},void 0,0,{fileName:fm,lineNumber:920,columnNumber:21},this),": Use"," ",bi("code",{children:"disableRestoreFocus"},void 0,0,{fileName:fm,lineNumber:921,columnNumber:21},this)," instead"]},void 0,0,{fileName:fm,lineNumber:919,columnNumber:19},this),bi("li",{children:[bi("code",{children:"fullWidthHeader (Panel)"},void 0,0,{fileName:fm,lineNumber:924,columnNumber:21},this),": always"," ",bi("code",{children:"true"},void 0,0,{fileName:fm,lineNumber:925,columnNumber:21},this)," for all dialogs"]},void 0,0,{fileName:fm,lineNumber:923,columnNumber:19},this)]},void 0,0,{fileName:fm,lineNumber:914,columnNumber:17},this)]},void 0,0,{fileName:fm,lineNumber:911,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"Omit<DialogProps, 'restoreFocus' | 'closeOnEscape'>"},void 0,0,{fileName:fm,lineNumber:930,columnNumber:17},this)},void 0,0,{fileName:fm,lineNumber:929,
+columnNumber:15},this)]},void 0,0,{fileName:fm,lineNumber:907,columnNumber:13},this)},void 0,0,{fileName:fm,lineNumber:906,columnNumber:11},this)]},void 0,0,{fileName:fm,lineNumber:765,columnNumber:9},this)]},void 0,0,{fileName:fm,lineNumber:544,columnNumber:7},this),bi(Ut.Section,{id:"confirmprompt",title:"confirm",intro:bi("p",{children:[bi("code",{children:"confirm"},void 0,0,{fileName:fm,lineNumber:942,columnNumber:13},this)," is a utility function that renders a"," ",bi("code",{children:"ModalDialog"},void 0,0,{fileName:fm,lineNumber:943,columnNumber:13},this)," with two action buttons. It returns a"," ",bi("code",{children:"Promise"},void 0,0,{fileName:fm,lineNumber:944,columnNumber:13},this)," resolving a ",bi("code",{children:"boolean"},void 0,0,{fileName:fm,lineNumber:944,columnNumber:46},this),"."]},void 0,0,{fileName:fm,lineNumber:941,columnNumber:11},this),children:bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"confirm"},void 0,0,{fileName:fm,lineNumber:949,columnNumber:11
+},this),bi(Ut.Demo,{title:"Basic confirm",children:bi(Im,{},void 0,0,{fileName:fm,lineNumber:951,columnNumber:13},this)},void 0,0,{fileName:fm,lineNumber:950,columnNumber:11},this),bi(Ut.Demo,{title:"Usage",children:bi(Ut.Code,{content:"const answer = await confirm({\n  message: 'This is a confirm dialog',\n\n  // Optional options\n  title: 'Your title',\n  confirmAction: 'Yes please',\n  cancelAction: 'I changed my mind'\n});"},void 0,0,{fileName:fm,lineNumber:955,columnNumber:13},this)},void 0,0,{fileName:fm,lineNumber:954,columnNumber:11},this)]},void 0,0,{fileName:fm,lineNumber:948,columnNumber:9},this)},void 0,0,{fileName:fm,lineNumber:937,columnNumber:7},this)]},void 0,0,{fileName:fm,lineNumber:201,columnNumber:5},this)},route:"/feedback-dialog"},{title:"Popover",group:"feedback",component:function(){return bi(Ut.Page,{title:"Popover",intro:bi(I,{children:bi("p",{children:[bi("code",{children:"Popover"},void 0,0,{fileName:Sm,lineNumber:11,columnNumber:13
+},this)," is a floating element rendered above other content and positioned next to an anchor element."]},void 0,0,{fileName:Sm,lineNumber:10,columnNumber:11},this)},void 0),children:bi(Ut.Section,{title:"Popover",intro:bi(I,{children:[bi("p",{children:["By default, ",bi("code",{children:"Popover"},void 0,0,{fileName:Sm,lineNumber:22,columnNumber:27},this)," will be displayed below the anchor element, unless there is not enough space below."]},void 0,0,{fileName:Sm,lineNumber:21,columnNumber:13},this),bi("p",{children:"It will always be at least as wide as the anchor element, but it can grow to fit its content if needed. However, it will never grow beyond the viewport."},void 0,0,{fileName:Sm,lineNumber:25,columnNumber:13},this),bi("p",{children:["In browsers that support it, ",bi("code",{children:"Popover"},void 0,0,{fileName:Sm,lineNumber:31,columnNumber:44},this)," uses the"," ",bi(ot,{target:"_blank",href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/popover",children:bi("code",{
+children:"popover"},void 0,0,{fileName:Sm,lineNumber:36,columnNumber:17},this)},void 0,0,{fileName:Sm,lineNumber:32,columnNumber:15},this)," ","attribute and gets toggled via"," ",bi(ot,{target:"_blank",href:"https://developer.mozilla.org/en-US/docs/Web/API/Popover_API",children:"popover API"},void 0,0,{fileName:Sm,lineNumber:39,columnNumber:15},this),". Otherwise, it is rendered as an absolute-positioned element, so it is recommended to wrap it and its anchor element in a relative-positioned container."]},void 0,0,{fileName:Sm,lineNumber:30,columnNumber:13},this)]},void 0),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{symbolName:"Popover"},void 0,0,{fileName:Sm,lineNumber:53,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic Popover",exampleFile:"popover-basic",withSource:!0},void 0,0,{fileName:Sm,lineNumber:55,columnNumber:13},this)},void 0,0,{fileName:Sm,lineNumber:54,columnNumber:11},this)]},void 0,0,{fileName:Sm,lineNumber:52,columnNumber:9},this),bi(Ut.SectionL2,{
+title:"Popover component API",children:[bi(Ut.SectionL3,{title:"align",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Determines to which side of the anchor element the popover should be aligned."},void 0,0,{fileName:Sm,lineNumber:66,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'left' | 'right'"},void 0,0,{fileName:Sm,lineNumber:71,columnNumber:17},this)},void 0,0,{fileName:Sm,lineNumber:70,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'left'"},void 0,0,{fileName:Sm,lineNumber:74,columnNumber:17},this)},void 0,0,{fileName:Sm,lineNumber:73,columnNumber:15},this)]},void 0,0,{fileName:Sm,lineNumber:65,columnNumber:13},this),bi(Ut.Demo,{title:"Right-aligned Popover",exampleFile:"popover-right",withSource:!0},void 0,0,{fileName:Sm,lineNumber:77,columnNumber:13},this)]},void 0,0,{fileName:Sm,lineNumber:64,columnNumber:11},this),bi(Ut.SectionL3,{title:"anchorElementRef",children:bi(Ut.Info,{
+children:[bi(Ut.InfoItem,{label:"description",children:"A reference to the element to which the popover should anchor, which will be used to calculate the popover size and positioning."},void 0,0,{fileName:Sm,lineNumber:85,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"RefObject<HTMLElement | undefined>"},void 0,0,{fileName:Sm,lineNumber:91,columnNumber:17},this)},void 0,0,{fileName:Sm,lineNumber:90,columnNumber:15},this)]},void 0,0,{fileName:Sm,lineNumber:84,columnNumber:13},this)},void 0,0,{fileName:Sm,lineNumber:83,columnNumber:11},this),bi(Ut.SectionL3,{title:"asNativePopover",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Determines if the"," ",bi(ot,{target:"_blank",href:"https://developer.mozilla.org/en-US/docs/Web/API/Popover_API",children:"popover API"},void 0,0,{fileName:Sm,lineNumber:99,columnNumber:17
+},this)," ","should be used. It","'","s mainly used as a test seam, but can be used to explicitly disable use of the native popover API."]},void 0,0,{fileName:Sm,lineNumber:97,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Sm,lineNumber:109,columnNumber:17},this)},void 0,0,{fileName:Sm,lineNumber:108,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:[bi("code",{children:"true"},void 0,0,{fileName:Sm,lineNumber:112,columnNumber:17},this)," if the browser supports ",bi("code",{children:"[popover]"},void 0,0,{fileName:Sm,lineNumber:112,columnNumber:59},this),". Otherwise it is ",bi("code",{children:"false"},void 0,0,{fileName:Sm,lineNumber:113,columnNumber:35},this)]},void 0,0,{fileName:Sm,lineNumber:111,columnNumber:15},this)]},void 0,0,{fileName:Sm,lineNumber:96,columnNumber:13},this)},void 0,0,{fileName:Sm,lineNumber:95,columnNumber:11},this),bi(Ut.SectionL3,{title:"classes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{
+label:"description",children:"Additional CSS classes to pass to the popover."},void 0,0,{fileName:Sm,lineNumber:119,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string | string[]"},void 0,0,{fileName:Sm,lineNumber:123,columnNumber:17},this)},void 0,0,{fileName:Sm,lineNumber:122,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Sm,lineNumber:126,columnNumber:17},this)},void 0,0,{fileName:Sm,lineNumber:125,columnNumber:15},this)]},void 0,0,{fileName:Sm,lineNumber:118,columnNumber:13},this)},void 0,0,{fileName:Sm,lineNumber:117,columnNumber:11},this),bi(Ut.SectionL3,{title:"elementRef",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Ref for the popover","'","s outermost element."]},void 0,0,{fileName:Sm,lineNumber:132,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:["RefObject","<","HTMLElement",">"]},void 0,0,{fileName:Sm,lineNumber:136,
+columnNumber:17},this)},void 0,0,{fileName:Sm,lineNumber:135,columnNumber:15},this)]},void 0,0,{fileName:Sm,lineNumber:131,columnNumber:13},this)},void 0,0,{fileName:Sm,lineNumber:130,columnNumber:11},this),bi(Ut.SectionL3,{title:"onClose",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Callback invoked when the popover is automatically closed by clicking away or pressing ",bi("code",{children:"Escape"},void 0,0,{fileName:Sm,lineNumber:146,columnNumber:43},this),".",bi("br",{},void 0,0,{fileName:Sm,lineNumber:147,columnNumber:17},this),"The caller should use this callback to keep local state in sync, so that the popover is re-rendered with ",bi("code",{children:"open"},void 0,0,{fileName:Sm,lineNumber:149,columnNumber:57},this)," set to"," ",bi("code",{children:"false"},void 0,0,{fileName:Sm,lineNumber:150,columnNumber:17},this),"."]},void 0,0,{fileName:Sm,lineNumber:144,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"() => void"},void 0,0,{
+fileName:Sm,lineNumber:153,columnNumber:17},this)},void 0,0,{fileName:Sm,lineNumber:152,columnNumber:15},this)]},void 0,0,{fileName:Sm,lineNumber:143,columnNumber:13},this)},void 0,0,{fileName:Sm,lineNumber:142,columnNumber:11},this),bi(Ut.SectionL3,{title:"onScroll",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Handler for ",'"',"scroll",'"'," events on the outermost element."]},void 0,0,{fileName:Sm,lineNumber:159,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"() => void | undefined"},void 0,0,{fileName:Sm,lineNumber:163,columnNumber:17},this)},void 0,0,{fileName:Sm,lineNumber:162,columnNumber:15},this)]},void 0,0,{fileName:Sm,lineNumber:158,columnNumber:13},this)},void 0,0,{fileName:Sm,lineNumber:157,columnNumber:11},this),bi(Ut.SectionL3,{title:"open",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Whether the ",bi("code",{children:"Popover"},void 0,0,{fileName:Sm,lineNumber:170,columnNumber:29
+},this)," is currently open or not."]},void 0,0,{fileName:Sm,lineNumber:169,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Sm,lineNumber:173,columnNumber:17},this)},void 0,0,{fileName:Sm,lineNumber:172,columnNumber:15},this)]},void 0,0,{fileName:Sm,lineNumber:168,columnNumber:13},this)},void 0,0,{fileName:Sm,lineNumber:167,columnNumber:11},this),bi(Ut.SectionL3,{title:"restoreFocusOnClose",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Determines if focus should be restored when the"," ",bi("code",{children:"Popover"},void 0,0,{fileName:Sm,lineNumber:181,columnNumber:17},this)," is closed."]},void 0,0,{fileName:Sm,lineNumber:179,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Sm,lineNumber:184,columnNumber:17},this)},void 0,0,{fileName:Sm,lineNumber:183,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"true"},void 0,0,{
+fileName:Sm,lineNumber:187,columnNumber:17},this)},void 0,0,{fileName:Sm,lineNumber:186,columnNumber:15},this)]},void 0,0,{fileName:Sm,lineNumber:178,columnNumber:13},this)},void 0,0,{fileName:Sm,lineNumber:177,columnNumber:11},this),bi(Ut.SectionL3,{title:"variant",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set the ",bi("code",{children:"Popover"},void 0,0,{fileName:Sm,lineNumber:194,columnNumber:25},this)," style variant."]},void 0,0,{fileName:Sm,lineNumber:193,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'panel' | 'custom'"},void 0,0,{fileName:Sm,lineNumber:197,columnNumber:17},this)},void 0,0,{fileName:Sm,lineNumber:196,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'panel'"},void 0,0,{fileName:Sm,lineNumber:200,columnNumber:17},this)},void 0,0,{fileName:Sm,lineNumber:199,columnNumber:15},this)]},void 0,0,{fileName:Sm,lineNumber:192,columnNumber:13},this),bi(Ut.Demo,{title:"Custom Popover",
+exampleFile:"popover-custom",withSource:!0},void 0,0,{fileName:Sm,lineNumber:203,columnNumber:13},this)]},void 0,0,{fileName:Sm,lineNumber:191,columnNumber:11},this)]},void 0,0,{fileName:Sm,lineNumber:63,columnNumber:9},this)]},void 0,0,{fileName:Sm,lineNumber:17,columnNumber:7},this)},void 0,0,{fileName:Sm,lineNumber:6,columnNumber:5},this)},route:"/feedback-popover"},{title:"Spinner",group:"feedback",component:function(){const[e,i]=ae(!1);function l(){i(!e)}return bi(Ut.Page,{title:"Spinner",intro:bi(I,{children:bi("p",{children:[bi("code",{children:"Spinner"},void 0,0,{fileName:km,lineNumber:18,columnNumber:13},this)," and ",bi("code",{children:"SpinnerOverlay"},void 0,0,{fileName:km,lineNumber:18,columnNumber:38},this)," are simple components to render loading spinners."]},void 0,0,{fileName:km,lineNumber:17,columnNumber:11},this)},void 0),children:[bi(Ut.Section,{title:"Spinner",intro:bi("p",{children:[bi("code",{children:"Spinner"},void 0,0,{fileName:km,lineNumber:28,columnNumber:13
+},this)," is a simple component to render a spinner with spokes, representing loading or other progress."]},void 0,0,{fileName:km,lineNumber:27,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Spinner"},void 0,0,{fileName:km,lineNumber:34,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{withSource:!0,children:bi(Gr,{},void 0,0,{fileName:km,lineNumber:37,columnNumber:15},this)},void 0,0,{fileName:km,lineNumber:36,columnNumber:13},this)},void 0,0,{fileName:km,lineNumber:35,columnNumber:11},this)]},void 0,0,{fileName:km,lineNumber:33,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi(Ut.SectionL3,{title:"color",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Set the foreground color of the spinner icon."},void 0,0,{fileName:km,lineNumber:45,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:["'text' |'text-light' | 'text-inverted'","]"]},void 0,0,{fileName:km,lineNumber:49,
+columnNumber:17},this)},void 0,0,{fileName:km,lineNumber:48,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'text-light'"},void 0,0,{fileName:km,lineNumber:52,columnNumber:17},this)},void 0,0,{fileName:km,lineNumber:51,columnNumber:15},this)]},void 0,0,{fileName:km,lineNumber:44,columnNumber:13},this),bi(Ut.Demo,{title:"Available Spinner colors",withSource:!0,children:bi("div",{className:"flex gap-x-8 items-center",children:[bi(Gr,{color:"text-light",size:"md"},void 0,0,{fileName:km,lineNumber:57,columnNumber:17},this),bi(Gr,{color:"text",size:"md"},void 0,0,{fileName:km,lineNumber:59,columnNumber:17},this),bi("div",{className:"bg-slate-7 rounded-lg flex items-center justify-center p-8",children:bi(Gr,{color:"text-inverted",size:"md"},void 0,0,{fileName:km,lineNumber:62,columnNumber:19},this)},void 0,0,{fileName:km,lineNumber:61,columnNumber:17},this)]},void 0,0,{fileName:km,lineNumber:56,columnNumber:15},this)},void 0,0,{fileName:km,lineNumber:55,columnNumber:13},this)]
+},void 0,0,{fileName:km,lineNumber:43,columnNumber:11},this),bi(Ut.SectionL3,{title:"size",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Set relative size of the spinner."},void 0,0,{fileName:km,lineNumber:70,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'sm' | 'md' | 'lg' "},void 0,0,{fileName:km,lineNumber:74,columnNumber:17},this)},void 0,0,{fileName:km,lineNumber:73,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'md'"},void 0,0,{fileName:km,lineNumber:77,columnNumber:17},this)},void 0,0,{fileName:km,lineNumber:76,columnNumber:15},this)]},void 0,0,{fileName:km,lineNumber:69,columnNumber:13},this),bi(Ut.Demo,{title:"Spinner sizes",withSource:!0,children:bi("div",{className:"flex gap-x-8 items-center",children:[bi(Gr,{size:"sm"},void 0,0,{fileName:km,lineNumber:82,columnNumber:17},this),bi(Gr,{size:"md"},void 0,0,{fileName:km,lineNumber:83,columnNumber:17},this),bi(Gr,{size:"lg"},void 0,0,{fileName:km,
+lineNumber:84,columnNumber:17},this)]},void 0,0,{fileName:km,lineNumber:81,columnNumber:15},this)},void 0,0,{fileName:km,lineNumber:80,columnNumber:13},this)]},void 0,0,{fileName:km,lineNumber:68,columnNumber:11},this)]},void 0,0,{fileName:km,lineNumber:42,columnNumber:9},this)]},void 0,0,{fileName:km,lineNumber:24,columnNumber:7},this),bi(Ut.Section,{title:"SpinnerOverlay",intro:bi("p",{children:[bi("code",{children:"SpinnerOverlay"},void 0,0,{fileName:km,lineNumber:94,columnNumber:13},this)," is a simple component that composes a spinner with an"," ",bi(Ut.Link,{href:"/layout-overlay",children:bi("code",{children:"Overlay"},void 0,0,{fileName:km,lineNumber:97,columnNumber:15},this)},void 0,0,{fileName:km,lineNumber:96,columnNumber:13},this),"."]},void 0,0,{fileName:km,lineNumber:93,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"SpinnerOverlay"},void 0,0,{fileName:km,lineNumber:104,columnNumber:11},this),bi(Ut.SectionL3,{children:[bi(Ut.Demo,{
+title:"Basic SpinnerOverlay",children:[bi(Ao,{onClick:l,children:"Show overlay"},void 0,0,{fileName:km,lineNumber:107,columnNumber:15},this),e&&bi(Yr,{onClick:l},void 0,0,{fileName:km,lineNumber:108,columnNumber:31},this)]},void 0,0,{fileName:km,lineNumber:106,columnNumber:13},this),bi(Ut.Code,{content:"<Button onClick={toggleOverlayOpen}>Show overlay</Button>\n{overlayOpen && <SpinnerOverlay onClick={toggleOverlayOpen} />}",title:"Source for spinner-overlay example"},void 0,0,{fileName:km,lineNumber:110,columnNumber:13},this)]},void 0,0,{fileName:km,lineNumber:105,columnNumber:11},this)]},void 0,0,{fileName:km,lineNumber:103,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"HTML attributes applied to the outermost full-screen element."},void 0,0,{fileName:km,lineNumber:121,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{
+children:"Omit<JSX.HTMLAttributes<HTMLElement>, 'className' | 'open'>"},void 0,0,{fileName:km,lineNumber:126,columnNumber:17},this)},void 0,0,{fileName:km,lineNumber:125,columnNumber:15},this)]},void 0,0,{fileName:km,lineNumber:120,columnNumber:13},this)},void 0,0,{fileName:km,lineNumber:119,columnNumber:11},this)},void 0,0,{fileName:km,lineNumber:118,columnNumber:9},this)]},void 0,0,{fileName:km,lineNumber:90,columnNumber:7},this)]},void 0,0,{fileName:km,lineNumber:13,columnNumber:5},this)},route:"/feedback-spinner"},{title:"ToastMessages",group:"feedback",component:function(){return bi(Ut.Page,{title:"ToastMessages",intro:bi("p",{children:["ToastMessages is a component that wraps"," ",bi(Ut.Link,{href:"/feedback-callout",children:"Callout"},void 0,0,{fileName:Cm,lineNumber:123,columnNumber:11},this)," with out of the box accessibility, message auto-dismiss, dismiss-on-click, transitions and message positioning."]},void 0,0,{fileName:Cm,lineNumber:121,columnNumber:9},this),children:bi(Ut.Section,{
+children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"ToastMessages"},void 0,0,{fileName:Cm,lineNumber:131,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{withSource:!0,title:"Basic ToastMessages",children:bi(_m,{messages:Lm,onMessageDismiss:()=>{}},void 0,0,{fileName:Cm,lineNumber:134,columnNumber:15},this)},void 0,0,{fileName:Cm,lineNumber:133,columnNumber:13},this)},void 0,0,{fileName:Cm,lineNumber:132,columnNumber:11},this)]},void 0,0,{fileName:Cm,lineNumber:130,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with ToastMessages",children:[bi(Ut.SectionL3,{title:"Accessibility",children:[bi("p",{children:[bi("code",{children:"ToastMessages"},void 0,0,{fileName:Cm,lineNumber:145,columnNumber:15},this)," includes an"," ",bi(ot,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions",children:bi("code",{children:["aria-live=",'"',"polite",'"']},void 0,0,{fileName:Cm,lineNumber:147,columnNumber:17},this)},void 0,0,{fileName:Cm,lineNumber:146,
+columnNumber:15},this)," ","wrapper which will announce added toast messages to screen readers."]},void 0,0,{fileName:Cm,lineNumber:144,columnNumber:13},this),bi("p",{children:["Additionally, it is possible to append hidden messages that are only announced by screen readers, via"," ",bi("code",{children:"{ visuallyHidden: true }"},void 0,0,{fileName:Cm,lineNumber:157,columnNumber:15},this)]},void 0,0,{fileName:Cm,lineNumber:154,columnNumber:13},this)]},void 0,0,{fileName:Cm,lineNumber:143,columnNumber:11},this),bi(Ut.SectionL3,{title:"Positioning",children:bi("p",{children:["By default, every message rendered by ",bi("code",{children:"ToastMessages"},void 0,0,{fileName:Cm,lineNumber:162,columnNumber:53},this)," ","will be relative positioned. It","'","s up to consumers to wrap it in an absolute-positioned container if desired."]},void 0,0,{fileName:Cm,lineNumber:161,columnNumber:13},this)},void 0,0,{fileName:Cm,lineNumber:160,columnNumber:11},this),bi(Ut.SectionL3,{title:"Auto-dismiss",children:bi("p",{
+children:["All messages will be auto-dismissed after 5 seconds. Pass",bi("code",{children:"{ autoDismiss: false }"},void 0,0,{fileName:Cm,lineNumber:170,columnNumber:15},this)," for those messages where you want this to be prevented."]},void 0,0,{fileName:Cm,lineNumber:168,columnNumber:13},this)},void 0,0,{fileName:Cm,lineNumber:167,columnNumber:11},this),bi(Ut.SectionL3,{title:"Transitions",children:bi("p",{children:["All messages will fade-in when appended and fade-out when dismissed, but you can provide your own transition classes via"," ",bi("code",{children:"transitionClasses"},void 0,0,{fileName:Cm,lineNumber:178,columnNumber:15},this)," prop."]},void 0,0,{fileName:Cm,lineNumber:175,columnNumber:13},this)},void 0,0,{fileName:Cm,lineNumber:174,columnNumber:11},this)]},void 0,0,{fileName:Cm,lineNumber:142,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi(Ut.SectionL3,{title:"messages",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",
+children:"The list of toast messages to display at a given point."},void 0,0,{fileName:Cm,lineNumber:186,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"ToastMessage[]"},void 0,0,{fileName:Cm,lineNumber:190,columnNumber:17},this)},void 0,0,{fileName:Cm,lineNumber:189,columnNumber:15},this)]},void 0,0,{fileName:Cm,lineNumber:185,columnNumber:13},this),bi(Ut.Demo,{title:"ToastMessages with one message",withSource:!0,children:bi(_m,{messages:[Lm[0]],onMessageDismiss:()=>{}},void 0,0,{fileName:Cm,lineNumber:195,columnNumber:15},this)},void 0,0,{fileName:Cm,lineNumber:194,columnNumber:13},this)]},void 0,0,{fileName:Cm,lineNumber:184,columnNumber:11},this),bi(Ut.SectionL3,{title:"onMessageDismiss",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Callback invoked with the toast message id, when it ends its dismiss transition. The message with that id can then be removed from the list."},void 0,0,{fileName:Cm,lineNumber:203,columnNumber:15
+},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"(toastMessageId: string) => void"},void 0,0,{fileName:Cm,lineNumber:209,columnNumber:17},this)},void 0,0,{fileName:Cm,lineNumber:208,columnNumber:15},this)]},void 0,0,{fileName:Cm,lineNumber:202,columnNumber:13},this),bi(Ut.Demo,{title:"Click a message to dismiss it",withSource:!0,children:bi(_m,{messages:Lm,onMessageDismiss:()=>{},_printOnDismiss:!0},void 0,0,{fileName:Cm,lineNumber:214,columnNumber:15},this)},void 0,0,{fileName:Cm,lineNumber:213,columnNumber:13},this)]},void 0,0,{fileName:Cm,lineNumber:201,columnNumber:11},this),bi(Ut.SectionL3,{title:"transitionClasses",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Custom CSS classes to apply to toast messages when appended and/or dismissed. By default they get"," ",bi("code",{children:"animate-fade-in"},void 0,0,{fileName:Cm,lineNumber:226,columnNumber:17},this)," and ",bi("code",{children:"animate-fade-out"},void 0,0,{fileName:Cm,lineNumber:226,
+columnNumber:50},this)]},void 0,0,{fileName:Cm,lineNumber:223,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"{ transitionIn?: string; transitionOut?: string; }"},void 0,0,{fileName:Cm,lineNumber:229,columnNumber:17},this)},void 0,0,{fileName:Cm,lineNumber:228,columnNumber:15},this)]},void 0,0,{fileName:Cm,lineNumber:222,columnNumber:13},this),bi(Ut.Demo,{title:"Custom transitions",withSource:!0,children:bi(_m,{messages:Lm,onMessageDismiss:()=>{},transitionClasses:{transitionIn:"animate-slide-in-from-right",transitionOut:"animate-slide-out-to-right"},_allowAppending:!0},void 0,0,{fileName:Cm,lineNumber:234,columnNumber:15},this)},void 0,0,{fileName:Cm,lineNumber:233,columnNumber:13},this)]},void 0,0,{fileName:Cm,lineNumber:221,columnNumber:11},this)]},void 0,0,{fileName:Cm,lineNumber:183,columnNumber:9},this)]},void 0,0,{fileName:Cm,lineNumber:129,columnNumber:7},this)},void 0,0,{fileName:Cm,lineNumber:118,columnNumber:5},this)},route:"/feedback-toast-messages"},{
+title:"Button",group:"input",component:function(){return bi(Ut.Page,{title:"Button",intro:bi("p",{children:["Button components apply common styling and accessibility attributes to"," ",bi("code",{children:"button"},void 0,0,{fileName:Mm,lineNumber:19,columnNumber:11},this)," elements."]},void 0,0,{fileName:Mm,lineNumber:17,columnNumber:9},this),children:[bi(Ut.Section,{title:"Button",children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Button"},void 0,0,{fileName:Mm,lineNumber:25,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic Button",withSource:!0,children:bi(Ao,{icon:il,onClick:()=>alert("You clicked the button"),children:"Click me"},void 0,0,{fileName:Mm,lineNumber:28,columnNumber:15},this)},void 0,0,{fileName:Mm,lineNumber:27,columnNumber:13},this)},void 0,0,{fileName:Mm,lineNumber:26,columnNumber:11},this)]},void 0,0,{fileName:Mm,lineNumber:24,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("code",{children:"Button"},void 0,0,{fileName:Mm,
+lineNumber:39,columnNumber:11},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:Mm,lineNumber:40,columnNumber:11},this),".",bi(Ut.SectionL3,{title:"expanded",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["This ","button's"," associated content is expanded."]},void 0,0,{fileName:Mm,lineNumber:46,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Mm,lineNumber:50,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:49,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Mm,lineNumber:53,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:52,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:45,columnNumber:13},this)},void 0,0,{fileName:Mm,lineNumber:44,columnNumber:11},this),bi(Ut.SectionL3,{title:"icon",children:bi(Ut.Info,{
+children:[bi(Ut.InfoItem,{label:"description",children:["An SVG icon to display to the left of the ","button's"," content."]},void 0,0,{fileName:Mm,lineNumber:59,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"IconComponent"},void 0,0,{fileName:Mm,lineNumber:63,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:62,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:58,columnNumber:13},this)},void 0,0,{fileName:Mm,lineNumber:57,columnNumber:11},this),bi(Ut.SectionL3,{title:"pressed",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"This button is active"},void 0,0,{fileName:Mm,lineNumber:69,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Mm,lineNumber:73,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:72,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Mm,lineNumber:76,columnNumber:17},this)},void 0,0,{
+fileName:Mm,lineNumber:75,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:68,columnNumber:13},this)},void 0,0,{fileName:Mm,lineNumber:67,columnNumber:11},this),bi(Ut.SectionL3,{title:"title",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Used to set an ",bi("code",{children:"aria-label"},void 0,0,{fileName:Mm,lineNumber:83,columnNumber:32},this)," attribute"]},void 0,0,{fileName:Mm,lineNumber:82,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string"},void 0,0,{fileName:Mm,lineNumber:86,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:85,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:81,columnNumber:13},this)},void 0,0,{fileName:Mm,lineNumber:80,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Button"},void 0,0,{fileName:Mm,lineNumber:93,columnNumber:17
+},this)," accepts HTML attribute props applicable to"," ",bi("code",{children:"HTMLButtonElement"},void 0,0,{fileName:Mm,lineNumber:94,columnNumber:17},this),"."]},void 0,0,{fileName:Mm,lineNumber:92,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"Omit<preact.JSX.ButtonHTMLAttributes<HTMLButtonElement>, 'icon' | 'size'>"},void 0,0,{fileName:Mm,lineNumber:97,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:96,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:91,columnNumber:13},this)},void 0,0,{fileName:Mm,lineNumber:90,columnNumber:11},this)]},void 0,0,{fileName:Mm,lineNumber:38,columnNumber:9},this),bi(Ut.SectionL2,{title:"Styling API",children:[bi("p",{children:[bi("code",{children:"Button"},void 0,0,{fileName:Mm,lineNumber:105,columnNumber:13},this)," accepts the following props from the"," ",bi(Ut.Link,{href:"/using-components#presentational-components-styling-api",children:"presentational component styling API"},void 0,0,{fileName:Mm,lineNumber:106,
+columnNumber:13},this),"."]},void 0,0,{fileName:Mm,lineNumber:104,columnNumber:11},this),bi(Ut.SectionL3,{title:"variant",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set a defined theme on the button. Set to ","'custom'"," to disable theming and provide your own theming with"," ",bi("code",{children:"classes"},void 0,0,{fileName:Mm,lineNumber:116,columnNumber:17},this),"."]},void 0,0,{fileName:Mm,lineNumber:113,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'primary' | 'secondary' | 'custom'"},void 0,0,{fileName:Mm,lineNumber:119,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:118,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'secondary'"},void 0,0,{fileName:Mm,lineNumber:122,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:121,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:112,columnNumber:13},this),bi(Ut.Demo,{title:"variant: 'secondary'",withSource:!0,children:[bi(Ao,{
+variant:"secondary",children:"Default"},void 0,0,{fileName:Mm,lineNumber:126,columnNumber:15},this),bi(Ao,{variant:"secondary",children:[bi(ji,{},void 0,0,{fileName:Mm,lineNumber:128,columnNumber:17},this),"Default"]},void 0,0,{fileName:Mm,lineNumber:127,columnNumber:15},this),bi(Ao,{variant:"secondary",pressed:!0,children:"Pressed"},void 0,0,{fileName:Mm,lineNumber:131,columnNumber:15},this),bi(Ao,{variant:"secondary",expanded:!0,children:"Expanded"},void 0,0,{fileName:Mm,lineNumber:134,columnNumber:15},this),bi(Ao,{variant:"secondary",disabled:!0,children:"Disabled"},void 0,0,{fileName:Mm,lineNumber:137,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:125,columnNumber:13},this),bi(Ut.Demo,{title:"variant: 'primary'",withSource:!0,children:[bi(Ao,{variant:"primary",children:"Default"},void 0,0,{fileName:Mm,lineNumber:143,columnNumber:15},this),bi(Ao,{variant:"primary",children:[bi(wl,{},void 0,0,{fileName:Mm,lineNumber:145,columnNumber:17},this),"Default"]},void 0,0,{fileName:Mm,lineNumber:144,
+columnNumber:15},this),bi(Ao,{variant:"primary",pressed:!0,children:"Pressed"},void 0,0,{fileName:Mm,lineNumber:148,columnNumber:15},this),bi(Ao,{variant:"primary",expanded:!0,children:"Expanded"},void 0,0,{fileName:Mm,lineNumber:151,columnNumber:15},this),bi(Ao,{variant:"primary",disabled:!0,children:"Disabled"},void 0,0,{fileName:Mm,lineNumber:154,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:142,columnNumber:13},this),bi(Ut.Demo,{title:"variant: 'custom' (custom theming)",withSource:!0,children:[bi(Ao,{variant:"custom",classes:"border rounded-md",children:"Default"},void 0,0,{fileName:Mm,lineNumber:160,columnNumber:15},this),bi(Ao,{variant:"custom",classes:"border rounded-md",children:[bi(wl,{},void 0,0,{fileName:Mm,lineNumber:164,columnNumber:17},this),"Default"]},void 0,0,{fileName:Mm,lineNumber:163,columnNumber:15},this),bi(Ao,{variant:"custom",pressed:!0,classes:"border rounded-md",children:"Pressed"},void 0,0,{fileName:Mm,lineNumber:167,columnNumber:15},this),bi(Ao,{variant:"custom",
+expanded:!0,classes:"border rounded-md",children:"Expanded"},void 0,0,{fileName:Mm,lineNumber:170,columnNumber:15},this),bi(Ao,{variant:"custom",disabled:!0,classes:"border rounded-md",children:"Disabled"},void 0,0,{fileName:Mm,lineNumber:173,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:159,columnNumber:13},this)]},void 0,0,{fileName:Mm,lineNumber:111,columnNumber:11},this),bi(Ut.SectionL3,{title:"size",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set the relative internal sizing of the button. Set to"," ","'custom'"," to disable sizing classes and set your own with"," ",bi("code",{children:"classes"},void 0,0,{fileName:Mm,lineNumber:184,columnNumber:17},this),"."]},void 0,0,{fileName:Mm,lineNumber:181,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'xs' | 'sm' | 'md' | 'lg' | 'custom'"},void 0,0,{fileName:Mm,lineNumber:187,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:186,columnNumber:15},this),bi(Ut.InfoItem,{
+label:"default",children:bi("code",{children:"'md'"},void 0,0,{fileName:Mm,lineNumber:190,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:189,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:180,columnNumber:13},this),bi(Ut.Demo,{title:"Button sizes",withSource:!0,children:[bi(Ao,{icon:wl,size:"xs",children:"(xs)"},void 0,0,{fileName:Mm,lineNumber:194,columnNumber:15},this),bi(Ao,{icon:wl,size:"sm",children:"(sm)"},void 0,0,{fileName:Mm,lineNumber:197,columnNumber:15},this),bi(Ao,{icon:io,size:"md",children:"(md)"},void 0,0,{fileName:Mm,lineNumber:200,columnNumber:15},this),bi(Ao,{icon:il,size:"lg",children:"(lg)"},void 0,0,{fileName:Mm,lineNumber:203,columnNumber:15},this),bi(Ao,{icon:il,size:"custom",classes:"p-2 gap-x-3",children:"(custom)"},void 0,0,{fileName:Mm,lineNumber:206,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:193,columnNumber:13},this)]},void 0,0,{fileName:Mm,lineNumber:179,columnNumber:11},this),bi(Ut.SectionL3,{title:"unstyled",children:[bi(Ut.Info,{
+children:[bi(Ut.InfoItem,{label:"description",children:["Set this to disable all styling and provide your own styling with ",bi("code",{children:"classes"},void 0,0,{fileName:Mm,lineNumber:216,columnNumber:22},this),"."]},void 0,0,{fileName:Mm,lineNumber:214,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Mm,lineNumber:219,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:218,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Mm,lineNumber:222,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:221,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:213,columnNumber:13},this),bi(Ut.Demo,{title:"unstyled Button with custom styling",withSource:!0,children:bi(Ao,{unstyled:!0,classes:"border rounded-md p-2 bg-stone-100 font-normal color-slate-600 hover:bg-stone-50 hover:color-slate-700 hover:shadow-lg",children:"Custom button"},void 0,0,{fileName:Mm,lineNumber:230,
+columnNumber:15},this)},void 0,0,{fileName:Mm,lineNumber:226,columnNumber:13},this)]},void 0,0,{fileName:Mm,lineNumber:212,columnNumber:11},this)]},void 0,0,{fileName:Mm,lineNumber:103,columnNumber:9},this)]},void 0,0,{fileName:Mm,lineNumber:23,columnNumber:7},this),bi(Ut.Section,{title:"IconButton",intro:bi("p",{children:[bi("code",{children:"IconButton"},void 0,0,{fileName:Mm,lineNumber:245,columnNumber:13},this)," is for icon-only ",bi("code",{children:"Button"},void 0,0,{fileName:Mm,lineNumber:245,columnNumber:54},this),"s."]},void 0,0,{fileName:Mm,lineNumber:244,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"IconButton"},void 0,0,{fileName:Mm,lineNumber:250,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic IconButton",withSource:!0,children:bi(Ho,{onClick:()=>alert("You clicked the button"),icon:io,title:"Reply"},void 0,0,{fileName:Mm,lineNumber:253,columnNumber:15},this)},void 0,0,{fileName:Mm,lineNumber:252,columnNumber:13},this)
+},void 0,0,{fileName:Mm,lineNumber:251,columnNumber:11},this)]},void 0,0,{fileName:Mm,lineNumber:249,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with IconButtons",children:bi(Ut.SectionL3,{title:"Styling the icon",children:[bi("p",{children:["If you need more control over icon styles, use an icon component directly in the content instead of passing an ",bi("code",{children:"icon"},void 0,0,{fileName:Mm,lineNumber:266,columnNumber:61},this)," ","prop."]},void 0,0,{fileName:Mm,lineNumber:264,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:[bi(Ho,{title:"Share",children:bi(ao,{className:"w-8 h-8"},void 0,0,{fileName:Mm,lineNumber:271,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:270,columnNumber:15},this),bi(Ho,{title:"Share",children:bi(ao,{className:"w-3 h-3"},void 0,0,{fileName:Mm,lineNumber:274,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:273,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:269,columnNumber:13},this)]},void 0,0,{fileName:Mm,lineNumber:263,
+columnNumber:11},this)},void 0,0,{fileName:Mm,lineNumber:262,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi(Ut.SectionL3,{title:"title",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["A ",bi("code",{children:"title"},void 0,0,{fileName:Mm,lineNumber:284,columnNumber:19},this)," is required for ",bi("code",{children:"IconButton"},void 0,0,{fileName:Mm,lineNumber:284,columnNumber:54},this),"s."]},void 0,0,{fileName:Mm,lineNumber:283,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string"},void 0,0,{fileName:Mm,lineNumber:287,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:286,columnNumber:15},this),bi(Ut.InfoItem,{label:"required",children:bi("code",{children:"true"},void 0,0,{fileName:Mm,lineNumber:290,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:289,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:282,columnNumber:13},this)},void 0,0,{fileName:Mm,lineNumber:281,columnNumber:11
+},this),bi(Ut.SectionL3,{title:"...buttonProps",children:[bi("code",{children:"IconButton"},void 0,0,{fileName:Mm,lineNumber:296,columnNumber:13},this)," accepts and forwards all props from the"," ",bi("code",{children:"Button"},void 0,0,{fileName:Mm,lineNumber:297,columnNumber:13},this)," component API."]},void 0,0,{fileName:Mm,lineNumber:295,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"IconButton"},void 0,0,{fileName:Mm,lineNumber:303,columnNumber:17},this)," accepts HTML attribute props applicable to ",bi("code",{children:"HTMLButtonElement"},void 0,0,{fileName:Mm,lineNumber:304,columnNumber:20},this),"."]},void 0,0,{fileName:Mm,lineNumber:302,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"Omit<preact.JSX.HTMLAttributes<HTMLButtonElement>, 'icon' | 'size'>"},void 0,0,{fileName:Mm,lineNumber:307,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:306,
+columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:301,columnNumber:13},this)},void 0,0,{fileName:Mm,lineNumber:300,columnNumber:11},this)]},void 0,0,{fileName:Mm,lineNumber:280,columnNumber:9},this),bi(Ut.SectionL2,{title:"Styling API",children:[bi("p",{children:[bi("code",{children:"IconButton"},void 0,0,{fileName:Mm,lineNumber:315,columnNumber:13},this)," accepts the following props from the"," ",bi(Ut.Link,{href:"/using-components#presentational-components-styling-api",children:"presentational component styling API"},void 0,0,{fileName:Mm,lineNumber:316,columnNumber:13},this),"."]},void 0,0,{fileName:Mm,lineNumber:314,columnNumber:11},this),bi(Ut.SectionL3,{title:"variant",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set a defined theme on the button. Set to ","'custom'"," to disable theming and provide your own theming with"," ",bi("code",{children:"classes"},void 0,0,{fileName:Mm,lineNumber:326,columnNumber:17},this),"."]},void 0,0,{fileName:Mm,lineNumber:323,
+columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'primary' | 'secondary' | 'dark' | 'custom'"},void 0,0,{fileName:Mm,lineNumber:329,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:328,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'secondary'"},void 0,0,{fileName:Mm,lineNumber:332,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:331,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:322,columnNumber:13},this),bi("p",{children:["The following examples show themed ",bi("code",{children:"IconButton"},void 0,0,{fileName:Mm,lineNumber:337,columnNumber:50},this),"s in default state, ",bi("code",{children:"pressed"},void 0,0,{fileName:Mm,lineNumber:338,columnNumber:30},this),", ",bi("code",{children:"expanded"},void 0,0,{fileName:Mm,lineNumber:338,columnNumber:52},this)," and"," ",bi("code",{children:"disabled"},void 0,0,{fileName:Mm,lineNumber:339,columnNumber:15},this),"."]},void 0,0,{fileName:Mm,lineNumber:336,
+columnNumber:13},this),bi(Ut.Demo,{title:"variant: 'secondary'",withSource:!0,children:[bi(Ho,{variant:"secondary",title:"Watch out!",icon:Xi},void 0,0,{fileName:Mm,lineNumber:343,columnNumber:15},this),bi(Ho,{variant:"secondary",title:"Watch out!",icon:Xi,pressed:!0},void 0,0,{fileName:Mm,lineNumber:348,columnNumber:15},this),bi(Ho,{variant:"secondary",title:"Watch out!",icon:Xi,expanded:!0},void 0,0,{fileName:Mm,lineNumber:354,columnNumber:15},this),bi(Ho,{variant:"secondary",title:"Watch out!",icon:Xi,disabled:!0},void 0,0,{fileName:Mm,lineNumber:360,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:342,columnNumber:13},this),bi(Ut.Demo,{title:"variant: 'primary'",withSource:!0,children:[bi(Ho,{variant:"primary",title:"Watch out!",icon:Xi},void 0,0,{fileName:Mm,lineNumber:369,columnNumber:15},this),bi(Ho,{variant:"primary",title:"Watch out!",icon:Xi,pressed:!0},void 0,0,{fileName:Mm,lineNumber:374,columnNumber:15},this),bi(Ho,{variant:"primary",title:"Watch out!",icon:Xi,expanded:!0},void 0,0,{
+fileName:Mm,lineNumber:380,columnNumber:15},this),bi(Ho,{variant:"primary",title:"Watch out!",icon:Xi,disabled:!0},void 0,0,{fileName:Mm,lineNumber:386,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:368,columnNumber:13},this),bi(Ut.Demo,{classes:"bg-slate-0 p-4",title:"variant: 'dark'",withSource:!0,children:[bi(Ho,{variant:"dark",title:"Watch out!",icon:Xi},void 0,0,{fileName:Mm,lineNumber:398,columnNumber:15},this),bi(Ho,{variant:"dark",title:"Watch out!",icon:Xi,pressed:!0},void 0,0,{fileName:Mm,lineNumber:403,columnNumber:15},this),bi(Ho,{variant:"dark",title:"Watch out!",icon:Xi,expanded:!0},void 0,0,{fileName:Mm,lineNumber:409,columnNumber:15},this),bi(Ho,{variant:"dark",title:"Watch out!",icon:Xi,disabled:!0},void 0,0,{fileName:Mm,lineNumber:415,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:393,columnNumber:13},this),bi(Ut.Demo,{title:"variant: 'custom' with custom theming",withSource:!0,children:[bi(Ho,{classes:"border rounded-md text-slate-600",variant:"custom",
+title:"Watch out!",icon:Xi},void 0,0,{fileName:Mm,lineNumber:427,columnNumber:15},this),bi(Ho,{classes:"border rounded-md text-slate-800 bg-stone-100 border-slate-400",variant:"custom",title:"Watch out!",icon:Xi,pressed:!0},void 0,0,{fileName:Mm,lineNumber:433,columnNumber:15},this),bi(Ho,{variant:"custom",classes:"border rounded-md text-slate-800 bg-stone-100 border-slate-400",title:"Watch out!",icon:Xi,expanded:!0},void 0,0,{fileName:Mm,lineNumber:440,columnNumber:15},this),bi(Ho,{classes:"border rounded-md text-slate-400",variant:"custom",title:"Watch out!",icon:Xi,disabled:!0},void 0,0,{fileName:Mm,lineNumber:447,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:423,columnNumber:13},this)]},void 0,0,{fileName:Mm,lineNumber:321,columnNumber:11},this),bi(Ut.SectionL3,{title:"size",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set relative internal sizing. Set to ","'custom'"," to disable sizing classes and set your own with ",bi("code",{children:"classes"},void 0,0,{
+fileName:Mm,lineNumber:461,columnNumber:54},this),"."]},void 0,0,{fileName:Mm,lineNumber:459,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'xs' | 'sm' | 'md' | 'lg' | 'custom'"},void 0,0,{fileName:Mm,lineNumber:464,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:463,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'md'"},void 0,0,{fileName:Mm,lineNumber:467,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:466,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:458,columnNumber:13},this),bi(Ut.Demo,{title:"size: 'xs', 'sm', 'md', 'lg' and 'custom'",withSource:!0,children:[bi(Ho,{icon:wl,size:"xs",title:"Edit"},void 0,0,{fileName:Mm,lineNumber:474,columnNumber:15},this),bi(Ho,{icon:wl,size:"sm",title:"Edit"},void 0,0,{fileName:Mm,lineNumber:475,columnNumber:15},this),bi(Ho,{icon:wl,size:"md",title:"Edit"},void 0,0,{fileName:Mm,lineNumber:476,columnNumber:15},this),bi(Ho,{icon:wl,size:"lg",title:"Edit"},void 0,0,{
+fileName:Mm,lineNumber:477,columnNumber:15},this),bi(Ho,{icon:wl,size:"custom",title:"Edit",classes:"p-3"},void 0,0,{fileName:Mm,lineNumber:478,columnNumber:15},this)]},void 0,0,{fileName:Mm,lineNumber:470,columnNumber:13},this)]},void 0,0,{fileName:Mm,lineNumber:457,columnNumber:11},this),bi(Ut.SectionL3,{title:"unstyled",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set this to disable all styling and provide your own styling with ",bi("code",{children:"classes"},void 0,0,{fileName:Mm,lineNumber:490,columnNumber:22},this),"."]},void 0,0,{fileName:Mm,lineNumber:488,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Mm,lineNumber:493,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:492,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Mm,lineNumber:496,columnNumber:17},this)},void 0,0,{fileName:Mm,lineNumber:495,columnNumber:15},this)]},void 0,0,{
+fileName:Mm,lineNumber:487,columnNumber:13},this)},void 0,0,{fileName:Mm,lineNumber:486,columnNumber:11},this)]},void 0,0,{fileName:Mm,lineNumber:313,columnNumber:9},this)]},void 0,0,{fileName:Mm,lineNumber:241,columnNumber:7},this)]},void 0,0,{fileName:Mm,lineNumber:14,columnNumber:5},this)},route:"/input-button"},{title:"Checkbox",group:"input",component:function(){const[e,i]=ae(!1);return bi(Ut.Page,{title:"Checkbox",intro:bi("p",{children:[bi("code",{children:"Checkbox"},void 0,0,{fileName:Tm,lineNumber:17,columnNumber:11},this)," is a composite component that includes a checkbox input and label."]},void 0,0,{fileName:Tm,lineNumber:16,columnNumber:9},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Checkbox"},void 0,0,{fileName:Tm,lineNumber:23,columnNumber:9},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic Checkbox",withSource:!0,children:bi("div",{className:"flex flex-col",children:[bi(Zo,{children:"Click me"},void 0,0,{fileName:Tm,lineNumber:27,columnNumber:15
+},this),bi(Zo,{disabled:!0,children:"Disabled"},void 0,0,{fileName:Tm,lineNumber:28,columnNumber:15},this)]},void 0,0,{fileName:Tm,lineNumber:26,columnNumber:13},this)},void 0,0,{fileName:Tm,lineNumber:25,columnNumber:11},this)},void 0,0,{fileName:Tm,lineNumber:24,columnNumber:9},this)]},void 0,0,{fileName:Tm,lineNumber:22,columnNumber:7},this),bi(Ut.SectionL2,{title:"Working with Checkboxes",children:[bi(Ut.SectionL3,{title:"Controlled Checkboxes",children:[bi("p",{children:["The presence of a ",bi("code",{children:"checked"},void 0,0,{fileName:Tm,lineNumber:37,columnNumber:31},this)," prop will make the"," ",bi("code",{children:"Checkbox"},void 0,0,{fileName:Tm,lineNumber:38,columnNumber:13},this)," behave as a controlled component. Consuming components should respond to the ",bi("code",{children:"onChange"},void 0,0,{fileName:Tm,lineNumber:39,columnNumber:46},this)," event."]},void 0,0,{fileName:Tm,lineNumber:36,columnNumber:11},this),bi(Ut.Demo,{title:"Controlling a Checkbox with `checked`",withSource:!0,
+children:bi(Zo,{checked:e,onChange:e=>{i(e.target.checked)},children:"Controlled checkbox"},void 0,0,{fileName:Tm,lineNumber:45,columnNumber:13},this)},void 0,0,{fileName:Tm,lineNumber:41,columnNumber:11},this),bi(Ut.Code,{content:"const [checked, setChecked] = useState(false);\n\nconst handleControlledChange = e => {\n  setChecked(e.target.checked);\n};\n\n<Checkbox\n  checked={checked}\n  onChange={handleControlledChange}\n>\n  Controlled checkbox\n</Checkbox>\n",size:"sm",title:"When the `checked prop` is present, Checkbox will behave as a controlled component"},void 0,0,{fileName:Tm,lineNumber:50,columnNumber:11},this),bi(Ut.Demo,{title:"Don't forget to handle events for controlled Checkboxes",withSource:!0,children:bi(Zo,{checked:!1,children:bi("div",{className:"text-red-error",children:"This checkbox will not update when clicked"},void 0,0,{fileName:Tm,lineNumber:73,columnNumber:15},this)},void 0,0,{fileName:Tm,lineNumber:72,columnNumber:13},this)},void 0,0,{fileName:Tm,lineNumber:68,columnNumber:11
+},this)]},void 0,0,{fileName:Tm,lineNumber:35,columnNumber:9},this),bi(Ut.SectionL3,{title:"Customizing Checkbox icons",children:[bi("p",{children:[bi("code",{children:"Checkbox"},void 0,0,{fileName:Tm,lineNumber:82,columnNumber:13},this)," uses icons to style the checkbox, in unchecked and checked states. Custom icons may be provided if desired."]},void 0,0,{fileName:Tm,lineNumber:81,columnNumber:11},this),bi(Ut.Demo,{withSource:!0,title:"Checkbox with custom icon and checkedIcon",children:bi(Zo,{icon:mn,checkedIcon:No,defaultChecked:!0},void 0,0,{fileName:Tm,lineNumber:89,columnNumber:13},this)},void 0,0,{fileName:Tm,lineNumber:85,columnNumber:11},this)]},void 0,0,{fileName:Tm,lineNumber:80,columnNumber:9},this)]},void 0,0,{fileName:Tm,lineNumber:34,columnNumber:7},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("code",{children:"Checkbox"},void 0,0,{fileName:Tm,lineNumber:95,columnNumber:9},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",
+children:"presentational component props"},void 0,0,{fileName:Tm,lineNumber:96,columnNumber:9},this),".",bi(Ut.SectionL3,{title:"checked",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set whether the ",bi("code",{children:"Checkbox"},void 0,0,{fileName:Tm,lineNumber:103,columnNumber:31},this)," is checked. The presence of this component indicates that the ",bi("code",{children:"Checkbox"},void 0,0,{fileName:Tm,lineNumber:104,columnNumber:49},this)," is being used as a controlled component."]},void 0,0,{fileName:Tm,lineNumber:102,columnNumber:13},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Tm,lineNumber:108,columnNumber:15},this)},void 0,0,{fileName:Tm,lineNumber:107,columnNumber:13},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Tm,lineNumber:111,columnNumber:15},this)},void 0,0,{fileName:Tm,lineNumber:110,columnNumber:13},this)]},void 0,0,{fileName:Tm,lineNumber:101,
+columnNumber:11},this)},void 0,0,{fileName:Tm,lineNumber:100,columnNumber:9},this),bi(Ut.SectionL3,{title:"defaultChecked",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Whether the ",bi("code",{children:"Checkbox"},void 0,0,{fileName:Tm,lineNumber:118,columnNumber:27},this)," is initially checked. For use when ",bi("code",{children:"Checkbox"},void 0,0,{fileName:Tm,lineNumber:119,columnNumber:20},this)," is an uncontrolled component."]},void 0,0,{fileName:Tm,lineNumber:117,columnNumber:13},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Tm,lineNumber:122,columnNumber:15},this)},void 0,0,{fileName:Tm,lineNumber:121,columnNumber:13},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Tm,lineNumber:125,columnNumber:15},this)},void 0,0,{fileName:Tm,lineNumber:124,columnNumber:13},this)]},void 0,0,{fileName:Tm,lineNumber:116,columnNumber:11},this),bi(Ut.Demo,{
+title:"Uncontrolled Checkbox with defaultChecked",withSource:!0,children:bi(Zo,{defaultChecked:!0,children:"Default checked"},void 0,0,{fileName:Tm,lineNumber:133,columnNumber:13},this)},void 0,0,{fileName:Tm,lineNumber:129,columnNumber:11},this)]},void 0,0,{fileName:Tm,lineNumber:115,columnNumber:9},this),bi(Ut.SectionL3,{title:"icon",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"IconComponent"},void 0,0,{fileName:Tm,lineNumber:139,columnNumber:15},this)," to use as the (unchecked) checkbox icon"]},void 0,0,{fileName:Tm,lineNumber:138,columnNumber:13},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"IconComponent"},void 0,0,{fileName:Tm,lineNumber:142,columnNumber:15},this)},void 0,0,{fileName:Tm,lineNumber:141,columnNumber:13},this)]},void 0,0,{fileName:Tm,lineNumber:137,columnNumber:11},this)},void 0,0,{fileName:Tm,lineNumber:136,columnNumber:9},this),bi(Ut.SectionL3,{title:"checkedIcon",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{
+label:"description",children:[bi("code",{children:"IconComponent"},void 0,0,{fileName:Tm,lineNumber:149,columnNumber:15},this)," to use as the (checked) checkbox icon"]},void 0,0,{fileName:Tm,lineNumber:148,columnNumber:13},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"IconComponent"},void 0,0,{fileName:Tm,lineNumber:152,columnNumber:15},this)},void 0,0,{fileName:Tm,lineNumber:151,columnNumber:13},this)]},void 0,0,{fileName:Tm,lineNumber:147,columnNumber:11},this)},void 0,0,{fileName:Tm,lineNumber:146,columnNumber:9},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Checkbox"},void 0,0,{fileName:Tm,lineNumber:159,columnNumber:15},this)," accepts HTML attributes for input elements"]},void 0,0,{fileName:Tm,lineNumber:158,columnNumber:13},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"JSX.InputHTMLAttributes<HTMLInputElement>"},void 0,0,{fileName:Tm,lineNumber:162,columnNumber:15
+},this)},void 0,0,{fileName:Tm,lineNumber:161,columnNumber:13},this)]},void 0,0,{fileName:Tm,lineNumber:157,columnNumber:11},this)},void 0,0,{fileName:Tm,lineNumber:156,columnNumber:9},this)]},void 0,0,{fileName:Tm,lineNumber:94,columnNumber:7},this)]},void 0,0,{fileName:Tm,lineNumber:13,columnNumber:5},this)},route:"/input-checkbox"},{title:"CloseButton",group:"input",component:function(){return bi(Ut.Page,{title:"CloseButton",intro:bi("p",{children:"Render a close button that can take a click handler or find one in context."},void 0,0,{fileName:zm,lineNumber:39,columnNumber:9},this),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"CloseButton"},void 0,0,{fileName:zm,lineNumber:47,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{withSource:!0,title:"Basic CloseButton",children:bi(Bo,{},void 0,0,{fileName:zm,lineNumber:50,columnNumber:15},this)},void 0,0,{fileName:zm,lineNumber:49,columnNumber:13},this)},void 0,0,{fileName:zm,lineNumber:48,columnNumber:11
+},this)]},void 0,0,{fileName:zm,lineNumber:46,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with CloseButton",children:bi(Ut.SectionL3,{title:"Click handlers for close buttons",children:[bi("p",{children:["You can pass an ",bi("code",{children:"onClick"},void 0,0,{fileName:zm,lineNumber:58,columnNumber:31},this)," prop to"," ",bi("code",{children:"CloseButton"},void 0,0,{fileName:zm,lineNumber:59,columnNumber:15},this)," like any button and that will be used. If no ",bi("code",{children:"onClick"},void 0,0,{fileName:zm,lineNumber:60,columnNumber:18},this)," is provided, ",bi("code",{children:"CloseButton"},void 0,0,{fileName:zm,lineNumber:60,columnNumber:52},this)," will check for any available ",bi("code",{children:"CloseableContext"},void 0,0,{fileName:zm,lineNumber:61,columnNumber:39},this)," close handler and use that, if found."]},void 0,0,{fileName:zm,lineNumber:57,columnNumber:13},this),bi("p",{children:["For example, ",bi("code",{children:"Dialog"},void 0,0,{fileName:zm,lineNumber:65,
+columnNumber:28},this)," components provide a"," ",bi("code",{children:"CloseableContext"},void 0,0,{fileName:zm,lineNumber:66,columnNumber:15},this),". Any ",bi("code",{children:"CloseButton"},void 0,0,{fileName:zm,lineNumber:66,columnNumber:50},this)," inside of a ",bi("code",{children:"Dialog"},void 0,0,{fileName:zm,lineNumber:67,columnNumber:20},this)," with an ",bi("code",{children:"onClose"},void 0,0,{fileName:zm,lineNumber:67,columnNumber:48},this)," handler will use that handler automatically: you do not need to provide an"," ",bi("code",{children:"onClick"},void 0,0,{fileName:zm,lineNumber:69,columnNumber:15},this)," prop in these cases."]},void 0,0,{fileName:zm,lineNumber:64,columnNumber:13},this),bi(Ut.Demo,{title:"Dialog with CloseButton",withSource:!0,children:bi(Dm,{variant:"custom",children:bi("div",{className:"flex gap-x-3",children:[bi("div",{className:"grow",children:"Example custom dialog"},void 0,0,{fileName:zm,lineNumber:74,columnNumber:19},this),bi(Bo,{},void 0,0,{fileName:zm,
+lineNumber:75,columnNumber:19},this)]},void 0,0,{fileName:zm,lineNumber:73,columnNumber:17},this)},void 0,0,{fileName:zm,lineNumber:72,columnNumber:15},this)},void 0,0,{fileName:zm,lineNumber:71,columnNumber:13},this)]},void 0,0,{fileName:zm,lineNumber:56,columnNumber:11},this)},void 0,0,{fileName:zm,lineNumber:55,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("p",{children:[bi("code",{children:"CloseButton"},void 0,0,{fileName:zm,lineNumber:84,columnNumber:13},this)," provides the same API as"," ",bi("code",{children:bi(Ut.Link,{href:"/input-button",children:"IconButton"},void 0,0,{fileName:zm,lineNumber:86,columnNumber:15},this)},void 0,0,{fileName:zm,lineNumber:85,columnNumber:13},this),"."]},void 0,0,{fileName:zm,lineNumber:83,columnNumber:11},this),bi(Ut.SectionL3,{title:"title",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["This is an optional prop for ",bi("code",{children:"CloseButton"},void 0,0,{fileName:zm,lineNumber:93,columnNumber:46
+},this)," (it is required for ",bi("code",{children:"IconButton"},void 0,0,{fileName:zm,lineNumber:94,columnNumber:30},this),")."]},void 0,0,{fileName:zm,lineNumber:92,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string"},void 0,0,{fileName:zm,lineNumber:97,columnNumber:17},this)},void 0,0,{fileName:zm,lineNumber:96,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'Close'"},void 0,0,{fileName:zm,lineNumber:100,columnNumber:17},this)},void 0,0,{fileName:zm,lineNumber:99,columnNumber:15},this)]},void 0,0,{fileName:zm,lineNumber:91,columnNumber:13},this)},void 0,0,{fileName:zm,lineNumber:90,columnNumber:11},this)]},void 0,0,{fileName:zm,lineNumber:82,columnNumber:9},this)]},void 0,0,{fileName:zm,lineNumber:45,columnNumber:7},this)},void 0,0,{fileName:zm,lineNumber:36,columnNumber:5},this)},route:"/input-closebutton"},{title:"Input",group:"input",component:function(){return bi(Ut.Page,{title:"Input",intro:bi("p",{children:[bi("code",{
+children:"Input"},void 0,0,{fileName:Pm,lineNumber:10,columnNumber:11},this)," is a presentational component for styling textual"," ",bi("code",{children:"input"},void 0,0,{fileName:Pm,lineNumber:11,columnNumber:11},this)," elements."]},void 0,0,{fileName:Pm,lineNumber:9,columnNumber:9},this),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Input"},void 0,0,{fileName:Pm,lineNumber:17,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic Input",withSource:!0,children:bi("div",{className:"w-[350px]",children:bi(nr,{"aria-label":"Input example",placeholder:"Placeholder..."},void 0,0,{fileName:Pm,lineNumber:22,columnNumber:17},this)},void 0,0,{fileName:Pm,lineNumber:21,columnNumber:15},this)},void 0,0,{fileName:Pm,lineNumber:20,columnNumber:13},this)},void 0,0,{fileName:Pm,lineNumber:19,columnNumber:11},this)]},void 0,0,{fileName:Pm,lineNumber:16,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with Inputs",children:[bi(Ut.SectionL3,{title:"Labels",
+children:[bi("p",{children:["Hypothesis does not currently have a design pattern for labeling text inputs. However, for accessibility, it is critical that an"," ",bi("code",{children:"Input"},void 0,0,{fileName:Pm,lineNumber:36,columnNumber:15},this)," have either an associated ",bi("code",{children:"label"},void 0,0,{fileName:Pm,lineNumber:36,columnNumber:60},this)," ","element or an ",bi("code",{children:"aria-label"},void 0,0,{fileName:Pm,lineNumber:37,columnNumber:29},this)," attribute."]},void 0,0,{fileName:Pm,lineNumber:33,columnNumber:13},this),bi(Ut.Demo,{title:"Input with label",withSource:!0,children:bi("div",{className:"w-[350px]",children:[bi("label",{htmlFor:"input-with-label",className:"font-semibold",children:"Label"},void 0,0,{fileName:Pm,lineNumber:42,columnNumber:17},this),bi(nr,{id:"input-with-label",placeholder:"Placeholder..."},void 0,0,{fileName:Pm,lineNumber:45,columnNumber:17},this)]},void 0,0,{fileName:Pm,lineNumber:41,columnNumber:15},this)},void 0,0,{fileName:Pm,lineNumber:40,
+columnNumber:13},this)]},void 0,0,{fileName:Pm,lineNumber:32,columnNumber:11},this),bi(Ut.SectionL3,{title:"Disabled inputs",children:[bi("p",{children:[bi("code",{children:"Input"},void 0,0,{fileName:Pm,lineNumber:51,columnNumber:15},this),"s can be disabled by applying the HTML"," ",bi("code",{children:"disabled"},void 0,0,{fileName:Pm,lineNumber:52,columnNumber:15},this)," attribute."]},void 0,0,{fileName:Pm,lineNumber:50,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi("div",{className:"w-[350px]",children:bi(nr,{"aria-label":"Example input",placeholder:"Placeholder...",disabled:!0},void 0,0,{fileName:Pm,lineNumber:56,columnNumber:17},this)},void 0,0,{fileName:Pm,lineNumber:55,columnNumber:15},this)},void 0,0,{fileName:Pm,lineNumber:54,columnNumber:13},this)]},void 0,0,{fileName:Pm,lineNumber:49,columnNumber:11},this),bi(Ut.SectionL3,{title:"Validation errors",children:[bi("p",{children:["Validation errors can be triggered as a result of standard HTML attributes such as ",bi("code",{
+children:"required"},void 0,0,{fileName:Pm,lineNumber:67,columnNumber:34},this)," or a custom error set using the ",bi("code",{children:"error"},void 0,0,{fileName:Pm,lineNumber:68,columnNumber:25},this)," prop. Errors set using"," ",bi("code",{children:"error"},void 0,0,{fileName:Pm,lineNumber:69,columnNumber:15},this)," are synced to the browser via"," ",bi("code",{children:"HTMLInputElement.setCustomValidity"},void 0,0,{fileName:Pm,lineNumber:70,columnNumber:15},this),". This allows the browser to alert the user when they try to submit the containing form."]},void 0,0,{fileName:Pm,lineNumber:65,columnNumber:13},this),bi("p",{children:["If the input has custom validation checks, they should be performed in the element's ",bi("code",{children:"onChange"},void 0,0,{fileName:Pm,lineNumber:76,columnNumber:47},this)," handler."]},void 0,0,{fileName:Pm,lineNumber:74,columnNumber:13},this),bi("p",{
+children:["If the form is using custom UI to present validation errors, inputs must link to the element displaying their validation error using ",bi("code",{children:"aria-describedby"},void 0,0,{fileName:Pm,lineNumber:81,columnNumber:21},this),"."]},void 0,0,{fileName:Pm,lineNumber:78,columnNumber:13},this)]},void 0,0,{fileName:Pm,lineNumber:64,columnNumber:11},this)]},void 0,0,{fileName:Pm,lineNumber:31,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("code",{children:"Input"},void 0,0,{fileName:Pm,lineNumber:87,columnNumber:11},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:Pm,lineNumber:88,columnNumber:11},this),".",bi(Ut.SectionL3,{title:"error",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set ",bi("code",{children:"error"},void 0,0,{fileName:Pm,lineNumber:95,columnNumber:21
+},this)," to indicate a validation error. This implicitly sets"," ",bi("code",{children:["feedback=",'"',"error",'"']},void 0,0,{fileName:Pm,lineNumber:97,columnNumber:17},this),". In addition to visually and semantically indicating the error state, this will set a custom validation error on the input using ",bi("code",{children:"HTMLInputElement.setCustomValidity"},void 0,0,{fileName:Pm,lineNumber:102,columnNumber:23},this),"."]},void 0,0,{fileName:Pm,lineNumber:94,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string"},void 0,0,{fileName:Pm,lineNumber:105,columnNumber:17},this)},void 0,0,{fileName:Pm,lineNumber:104,columnNumber:15},this)]},void 0,0,{fileName:Pm,lineNumber:93,columnNumber:13},this)},void 0,0,{fileName:Pm,lineNumber:92,columnNumber:11},this),bi(Ut.SectionL3,{title:"feedback",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set ",bi("code",{children:"feedback"},void 0,0,{fileName:Pm,lineNumber:112,columnNumber:21
+},this)," to indicate that there is an associated error or warning for the ",bi("code",{children:"Input"},void 0,0,{fileName:Pm,lineNumber:113,columnNumber:53},this),".",bi("br",{},void 0,0,{fileName:Pm,lineNumber:114,columnNumber:17},this),"Notice that setting"," ",bi("code",{children:["feedback=",'"',"error",'"']},void 0,0,{fileName:Pm,lineNumber:116,columnNumber:17},this)," ","will implicitly set"," ",bi("code",{children:["aria-invalid=",'"',"true",'"']},void 0,0,{fileName:Pm,lineNumber:120,columnNumber:17},this),"."]},void 0,0,{fileName:Pm,lineNumber:111,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:['"error"'," | ",'"warning"']},void 0,0,{fileName:Pm,lineNumber:126,columnNumber:17},this)},void 0,0,{fileName:Pm,lineNumber:125,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Pm,lineNumber:131,columnNumber:17},this)},void 0,0,{fileName:Pm,lineNumber:130,columnNumber:15},this)]},void 0,0,{fileName:Pm,
+lineNumber:110,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:[bi("div",{className:"w-[350px]",children:bi(nr,{"aria-label":"Input with error",feedback:"error",value:"something invalid"},void 0,0,{fileName:Pm,lineNumber:137,columnNumber:17},this)},void 0,0,{fileName:Pm,lineNumber:136,columnNumber:15},this),bi("div",{className:"w-[350px]",children:bi(nr,{"aria-label":"Input with warning",feedback:"warning",value:"might be a problem"},void 0,0,{fileName:Pm,lineNumber:144,columnNumber:17},this)},void 0,0,{fileName:Pm,lineNumber:143,columnNumber:15},this)]},void 0,0,{fileName:Pm,lineNumber:135,columnNumber:13},this)]},void 0,0,{fileName:Pm,lineNumber:109,columnNumber:11},this),bi(Ut.SectionL3,{title:"type",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Input"},void 0,0,{fileName:Pm,lineNumber:155,columnNumber:17},this)," supports several input types"]},void 0,0,{fileName:Pm,lineNumber:154,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",
+children:bi("code",{children:"'text' | 'url' | 'email' | 'search'"},void 0,0,{fileName:Pm,lineNumber:158,columnNumber:17},this)},void 0,0,{fileName:Pm,lineNumber:157,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'text'"},void 0,0,{fileName:Pm,lineNumber:161,columnNumber:17},this)},void 0,0,{fileName:Pm,lineNumber:160,columnNumber:15},this)]},void 0,0,{fileName:Pm,lineNumber:153,columnNumber:13},this)},void 0,0,{fileName:Pm,lineNumber:152,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Input"},void 0,0,{fileName:Pm,lineNumber:168,columnNumber:17},this)," accepts HTML attributes for input elements."]},void 0,0,{fileName:Pm,lineNumber:167,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"JSX.InputHTMLAttributes<HTMLInputElement>"},void 0,0,{fileName:Pm,lineNumber:171,columnNumber:17},this)},void 0,0,{fileName:Pm,lineNumber:170,
+columnNumber:15},this)]},void 0,0,{fileName:Pm,lineNumber:166,columnNumber:13},this)},void 0,0,{fileName:Pm,lineNumber:165,columnNumber:11},this)]},void 0,0,{fileName:Pm,lineNumber:86,columnNumber:9},this)]},void 0,0,{fileName:Pm,lineNumber:15,columnNumber:7},this)},void 0,0,{fileName:Pm,lineNumber:6,columnNumber:5},this)},route:"/input-input"},{title:"InputGroup",group:"input",component:function(){return bi(Ut.Page,{title:"InputGroup",intro:bi("p",{children:[bi("code",{children:"InputGroup"},void 0,0,{fileName:Hm,lineNumber:18,columnNumber:11},this)," is a presentational component that provides layout and styling for groups of input components."]},void 0,0,{fileName:Hm,lineNumber:17,columnNumber:9},this),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"InputGroup"},void 0,0,{fileName:Hm,lineNumber:25,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic InputGroup containing an Input and an IconButton",withSource:!0,children:bi("div",{
+className:"w-[350px]",children:bi(zo,{children:[bi(nr,{name:"test"},void 0,0,{fileName:Hm,lineNumber:33,columnNumber:19},this),bi(Ho,{icon:bl,title:"copy",variant:"dark"},void 0,0,{fileName:Hm,lineNumber:34,columnNumber:19},this)]},void 0,0,{fileName:Hm,lineNumber:32,columnNumber:17},this)},void 0,0,{fileName:Hm,lineNumber:31,columnNumber:15},this)},void 0,0,{fileName:Hm,lineNumber:27,columnNumber:13},this)},void 0,0,{fileName:Hm,lineNumber:26,columnNumber:11},this)]},void 0,0,{fileName:Hm,lineNumber:24,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with InputGroups",children:[bi(Ut.SectionL3,{title:"Composing InputGroups",children:[bi("p",{children:["The following input components can be used in an"," ",bi("code",{children:"InputGroup"},void 0,0,{fileName:Hm,lineNumber:45,columnNumber:15},this),":"]},void 0,0,{fileName:Hm,lineNumber:43,columnNumber:13},this),bi("ul",{children:[bi("li",{children:bi("code",{children:"Input"},void 0,0,{fileName:Hm,lineNumber:49,columnNumber:17},this)},void 0,0,{
+fileName:Hm,lineNumber:48,columnNumber:15},this),bi("li",{children:bi("code",{children:"IconButton"},void 0,0,{fileName:Hm,lineNumber:52,columnNumber:17},this)},void 0,0,{fileName:Hm,lineNumber:51,columnNumber:15},this),bi("li",{children:bi("code",{children:"Select"},void 0,0,{fileName:Hm,lineNumber:55,columnNumber:17},this)},void 0,0,{fileName:Hm,lineNumber:54,columnNumber:15},this),bi("li",{children:bi("code",{children:"MultiSelect"},void 0,0,{fileName:Hm,lineNumber:58,columnNumber:17},this)},void 0,0,{fileName:Hm,lineNumber:57,columnNumber:15},this)]},void 0,0,{fileName:Hm,lineNumber:47,columnNumber:13},this),bi(Ut.Demo,{title:"Select and IconButton components in InputGroup",withSource:!0,children:bi("div",{className:"w-[350px]",children:bi(zo,{children:[bi(Ho,{icon:zi,title:"Previous",variant:"dark"},void 0,0,{fileName:Hm,lineNumber:67,columnNumber:19},this),bi(pr,{value:"1",buttonContent:"Apple",onChange:()=>{},children:[bi(pr.Option,{value:"1",children:"Apple"},void 0,0,{fileName:Hm,lineNumber:73,
+columnNumber:21},this),bi(pr.Option,{value:"2",children:"Banana"},void 0,0,{fileName:Hm,lineNumber:74,columnNumber:21},this),bi(pr.Option,{value:"3",children:"Cherries"},void 0,0,{fileName:Hm,lineNumber:75,columnNumber:21},this)]},void 0,0,{fileName:Hm,lineNumber:72,columnNumber:19},this),bi(Ho,{icon:Hi,title:"Next",variant:"dark"},void 0,0,{fileName:Hm,lineNumber:77,columnNumber:19},this)]},void 0,0,{fileName:Hm,lineNumber:66,columnNumber:17},this)},void 0,0,{fileName:Hm,lineNumber:65,columnNumber:15},this)},void 0,0,{fileName:Hm,lineNumber:61,columnNumber:13},this)]},void 0,0,{fileName:Hm,lineNumber:42,columnNumber:11},this),bi(Ut.SectionL3,{title:"Sizing InputGroups",children:bi(Ut.Demo,{title:"Scaling to local font size",withSource:!0,children:bi("div",{className:"w-[350px]",children:bi("div",{className:"text-xs",children:bi(zo,{children:[bi(nr,{name:"test"},void 0,0,{fileName:Hm,lineNumber:91,columnNumber:21},this),bi(Ho,{icon:bl,title:"copy",size:"sm",variant:"dark"},void 0,0,{fileName:Hm,lineNumber:92,
+columnNumber:21},this)]},void 0,0,{fileName:Hm,lineNumber:90,columnNumber:19},this)},void 0,0,{fileName:Hm,lineNumber:89,columnNumber:17},this)},void 0,0,{fileName:Hm,lineNumber:88,columnNumber:15},this)},void 0,0,{fileName:Hm,lineNumber:87,columnNumber:13},this)},void 0,0,{fileName:Hm,lineNumber:86,columnNumber:11},this)]},void 0,0,{fileName:Hm,lineNumber:41,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("p",{children:[bi("code",{children:"InputGroup"},void 0,0,{fileName:Hm,lineNumber:107,columnNumber:13},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:Hm,lineNumber:108,columnNumber:13},this),"."]},void 0,0,{fileName:Hm,lineNumber:106,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"InputGroup"},void 0,0,{fileName:Hm,lineNumber:116,columnNumber:17
+},this)," accepts HTML attributes."]},void 0,0,{fileName:Hm,lineNumber:115,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"JSX.HTMLAttributes<HTMLElement>"},void 0,0,{fileName:Hm,lineNumber:119,columnNumber:17},this)},void 0,0,{fileName:Hm,lineNumber:118,columnNumber:15},this)]},void 0,0,{fileName:Hm,lineNumber:114,columnNumber:13},this)},void 0,0,{fileName:Hm,lineNumber:113,columnNumber:11},this)]},void 0,0,{fileName:Hm,lineNumber:105,columnNumber:9},this)]},void 0,0,{fileName:Hm,lineNumber:23,columnNumber:7},this)},void 0,0,{fileName:Hm,lineNumber:14,columnNumber:5},this)},route:"/input-input-group"},{title:"OptionButton",group:"input",component:function(){return bi(Ut.Page,{title:"OptionButton",intro:bi("p",{children:[bi("code",{children:"OptionButton"},void 0,0,{fileName:Bm,lineNumber:10,columnNumber:11
+},this)," is a simple component for presenting an option as part of a set of options. It can be used in places where it is impractical or undesirable to use an equivalent"," ",bi("code",{children:'input type="radio"'},void 0,0,{fileName:Bm,lineNumber:13,columnNumber:11},this)," or ",bi("code",{children:"select"},void 0,0,{fileName:Bm,lineNumber:13,columnNumber:50},this)," element."," ",bi("code",{children:"OptionButton"},void 0,0,{fileName:Bm,lineNumber:14,columnNumber:11},this)," wraps"," ",bi(Ut.Link,{href:"/input-button",children:bi("code",{children:"Button"},void 0,0,{fileName:Bm,lineNumber:16,columnNumber:13},this)},void 0,0,{fileName:Bm,lineNumber:15,columnNumber:11},this),"."]},void 0,0,{fileName:Bm,lineNumber:9,columnNumber:9},this),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"OptionButton"},void 0,0,{fileName:Bm,lineNumber:24,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{withSource:!0,title:"Basic OptionButton",children:bi("div",{
+className:"w-[250px]",children:bi(rr,{children:"Option Alpha"},void 0,0,{fileName:Bm,lineNumber:28,columnNumber:17},this)},void 0,0,{fileName:Bm,lineNumber:27,columnNumber:15},this)},void 0,0,{fileName:Bm,lineNumber:26,columnNumber:13},this)},void 0,0,{fileName:Bm,lineNumber:25,columnNumber:11},this)]},void 0,0,{fileName:Bm,lineNumber:23,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with OptionButton",children:bi(Ut.SectionL3,{title:"Multiple OptionButtons",children:[bi("p",{children:[bi("code",{children:"OptionButton"},void 0,0,{fileName:Bm,lineNumber:37,columnNumber:15},this)," is designed for use in a set, similar to an ",bi("code",{children:"option"},void 0,0,{fileName:Bm,lineNumber:38,columnNumber:18},this)," element or a radio button. While not enforced, a maximum of one ",bi("code",{children:"OptionButton"},void 0,0,{fileName:Bm,lineNumber:39,columnNumber:42},this)," in a set should be selected. There is also ",bi("code",{children:"disabled"},void 0,0,{fileName:Bm,lineNumber:40,columnNumber:49
+},this),"styling."]},void 0,0,{fileName:Bm,lineNumber:36,columnNumber:13},this),bi("p",{children:["To facilitate alignment, ",bi("code",{children:"OptionButton"},void 0,0,{fileName:Bm,lineNumber:44,columnNumber:40},this)," stretches to the full width of its container."]},void 0,0,{fileName:Bm,lineNumber:43,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi("div",{className:"w-[280px] space-y-2",children:[bi(rr,{children:"Option Alpha"},void 0,0,{fileName:Bm,lineNumber:49,columnNumber:17},this),bi(rr,{selected:!0,children:"Option Bravo"},void 0,0,{fileName:Bm,lineNumber:50,columnNumber:17},this),bi(rr,{children:"Option Charlie-Delta-Echo"},void 0,0,{fileName:Bm,lineNumber:51,columnNumber:17},this),bi(rr,{disabled:!0,children:"Option Foxtrot"},void 0,0,{fileName:Bm,lineNumber:52,columnNumber:17},this),bi(rr,{children:"Option Golf"},void 0,0,{fileName:Bm,lineNumber:53,columnNumber:17},this)]},void 0,0,{fileName:Bm,lineNumber:48,columnNumber:15},this)},void 0,0,{fileName:Bm,lineNumber:47,columnNumber:13
+},this)]},void 0,0,{fileName:Bm,lineNumber:35,columnNumber:11},this)},void 0,0,{fileName:Bm,lineNumber:34,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi(Ut.SectionL3,{title:"details",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Optional content to display at right side of button. Be sure to set a useful ",bi("code",{children:"title"},void 0,0,{fileName:Bm,lineNumber:64,columnNumber:30},this)," (used for generating"," ",bi("code",{children:"aria-label"},void 0,0,{fileName:Bm,lineNumber:65,columnNumber:17},this),") when constructing such buttons."]},void 0,0,{fileName:Bm,lineNumber:62,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"preact.ComponentChildren"},void 0,0,{fileName:Bm,lineNumber:68,columnNumber:17},this)},void 0,0,{fileName:Bm,lineNumber:67,columnNumber:15},this)]},void 0,0,{fileName:Bm,lineNumber:61,columnNumber:13},this),bi(Ut.Demo,{title:"OptionButton with details",withSource:!0,children:bi("div",{
+className:"w-[250px]",children:bi(rr,{details:"PDF",title:"Select a PDF from Google Drive",children:"Google Drive"},void 0,0,{fileName:Bm,lineNumber:74,columnNumber:17},this)},void 0,0,{fileName:Bm,lineNumber:73,columnNumber:15},this)},void 0,0,{fileName:Bm,lineNumber:72,columnNumber:13},this)]},void 0,0,{fileName:Bm,lineNumber:60,columnNumber:11},this),bi(Ut.SectionL3,{title:"selected",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["The option represented by the button is selected. A maximum of one ",bi("code",{children:"OptionButton"},void 0,0,{fileName:Bm,lineNumber:88,columnNumber:21},this)," in a set should be selected at any time. This is an alias for the ",bi("code",{children:"Button"},void 0,0,{fileName:Bm,lineNumber:89,columnNumber:48},this)," ",bi("code",{children:"pressed"},void 0,0,{fileName:Bm,lineNumber:90,columnNumber:17},this)," prop."]},void 0,0,{fileName:Bm,lineNumber:86,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"
+},void 0,0,{fileName:Bm,lineNumber:93,columnNumber:17},this)},void 0,0,{fileName:Bm,lineNumber:92,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Bm,lineNumber:96,columnNumber:17},this)},void 0,0,{fileName:Bm,lineNumber:95,columnNumber:15},this)]},void 0,0,{fileName:Bm,lineNumber:85,columnNumber:13},this),bi(Ut.Demo,{title:"Selected OptionButton",withSource:!0,children:bi("div",{className:"w-[250px]",children:bi(rr,{details:"PDF",title:"Select a PDF from Google Drive",selected:!0,children:"Google Drive"},void 0,0,{fileName:Bm,lineNumber:102,columnNumber:17},this)},void 0,0,{fileName:Bm,lineNumber:101,columnNumber:15},this)},void 0,0,{fileName:Bm,lineNumber:100,columnNumber:13},this)]},void 0,0,{fileName:Bm,lineNumber:84,columnNumber:11},this),bi(Ut.SectionL3,{title:"...buttonProps",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"OptionButton"},void 0,0,{fileName:Bm,lineNumber:116,columnNumber:17
+},this)," accepts and forwards all"," ",bi(Ut.Link,{href:"/input-button",children:bi("code",{children:"Button"},void 0,0,{fileName:Bm,lineNumber:118,columnNumber:19},this)},void 0,0,{fileName:Bm,lineNumber:117,columnNumber:17},this)," ","component API props. Styling API props are not forwarded."]},void 0,0,{fileName:Bm,lineNumber:115,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"Omit<ButtonProps, 'size' | 'unstyled' | 'classes' | 'variant'>"},void 0,0,{fileName:Bm,lineNumber:124,columnNumber:17},this)},void 0,0,{fileName:Bm,lineNumber:123,columnNumber:15},this)]},void 0,0,{fileName:Bm,lineNumber:114,columnNumber:13},this)},void 0,0,{fileName:Bm,lineNumber:113,columnNumber:11},this)]},void 0,0,{fileName:Bm,lineNumber:59,columnNumber:9},this)]},void 0,0,{fileName:Bm,lineNumber:22,columnNumber:7},this)},void 0,0,{fileName:Bm,lineNumber:6,columnNumber:5},this)},route:"/input-option-button"},{title:"RadioGroup",group:"input",component:function(){return bi(Ut.Page,{
+title:"Radio group",intro:bi("p",{children:[bi("code",{children:"RadioGroup"},void 0,0,{fileName:Em,lineNumber:10,columnNumber:11},this)," is a component implementing the"," ",bi(ot,{href:"https://www.w3.org/WAI/ARIA/apg/patterns/radio/",target:"_blank",children:"Radio Group Pattern"},void 0,0,{fileName:Em,lineNumber:11,columnNumber:11},this),"."]},void 0,0,{fileName:Em,lineNumber:9,columnNumber:9},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"RadioGroup"},void 0,0,{fileName:Em,lineNumber:22,columnNumber:9},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic RadioGroup",withSource:!0,exampleFile:"radio-group-horizontal"},void 0,0,{fileName:Em,lineNumber:24,columnNumber:11},this)},void 0,0,{fileName:Em,lineNumber:23,columnNumber:9},this)]},void 0,0,{fileName:Em,lineNumber:21,columnNumber:7},this),bi(Ut.SectionL2,{title:"Working with RadioGroups",children:[bi("p",{children:[bi("code",{children:"RadioGroup"},void 0,0,{fileName:Em,lineNumber:34,columnNumber:11
+},this)," can render a list of radios arranged horizontally or vertically. Each radio can optionally render a subtitle, and be individually disabled."]},void 0,0,{fileName:Em,lineNumber:33,columnNumber:9},this),bi("p",{children:"Radios can be focused via arrow keys. Right/Down to move focus to the next radio, and Up/Left for the previous one."},void 0,0,{fileName:Em,lineNumber:38,columnNumber:9},this),bi(Ut.SectionL3,{title:"RadioGroup direction",children:bi(Ut.Demo,{title:"Vertical RadioGroup",withSource:!0,exampleFile:"radio-group-vertical"},void 0,0,{fileName:Em,lineNumber:44,columnNumber:11},this)},void 0,0,{fileName:Em,lineNumber:43,columnNumber:9},this),bi(Ut.SectionL3,{title:"RadioGroup with complex layout",children:[bi("p",{children:["If the ",bi("code",{children:"RadioGroup"},void 0,0,{fileName:Em,lineNumber:53,columnNumber:20},this)," ",bi("code",{children:"direction"},void 0,0,{fileName:Em,lineNumber:53,columnNumber:44
+},this)," does not fit your needs, you can provide a more complex container around radios, like a responsive set of columns or a grid layout."]},void 0,0,{fileName:Em,lineNumber:52,columnNumber:11},this),bi(Ut.Demo,{title:"RadioGroup grid layout",withSource:!0,exampleFile:"radio-group-grid-layout"},void 0,0,{fileName:Em,lineNumber:58,columnNumber:11},this)]},void 0,0,{fileName:Em,lineNumber:51,columnNumber:9},this),bi(Ut.SectionL3,{title:"Labelling RadioGroups",children:[bi("p",{children:["There are two ways to label a ",bi("code",{children:"RadioGroup"},void 0,0,{fileName:Em,lineNumber:67,columnNumber:43},this),". Make sure to use at least one of them."]},void 0,0,{fileName:Em,lineNumber:66,columnNumber:11},this),bi(Ut.Demo,{title:"Via aria-label",withSource:!0,exampleFile:"radio-group-aria-label"},void 0,0,{fileName:Em,lineNumber:71,columnNumber:11},this),bi(Ut.Demo,{title:"Via aria-labelledby",withSource:!0,exampleFile:"radio-group-aria-labelledby"},void 0,0,{fileName:Em,lineNumber:76,columnNumber:11
+},this)]},void 0,0,{fileName:Em,lineNumber:65,columnNumber:9},this)]},void 0,0,{fileName:Em,lineNumber:32,columnNumber:7},this),bi(Ut.SectionL2,{title:"Component API",children:[bi(Ut.SectionL3,{title:"aria-label",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Sets the ",bi("code",{children:"aria-label"},void 0,0,{fileName:Em,lineNumber:88,columnNumber:24},this)," attribute in the"," ",bi("code",{children:"RadioGroup"},void 0,0,{fileName:Em,lineNumber:89,columnNumber:15},this),". Make sure either this or"," ",bi("code",{children:"aria-labelledby"},void 0,0,{fileName:Em,lineNumber:90,columnNumber:15},this)," is used."]},void 0,0,{fileName:Em,lineNumber:87,columnNumber:13},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string | undefined"},void 0,0,{fileName:Em,lineNumber:93,columnNumber:15},this)},void 0,0,{fileName:Em,lineNumber:92,columnNumber:13},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Em,
+lineNumber:96,columnNumber:15},this)},void 0,0,{fileName:Em,lineNumber:95,columnNumber:13},this)]},void 0,0,{fileName:Em,lineNumber:86,columnNumber:11},this)},void 0,0,{fileName:Em,lineNumber:85,columnNumber:9},this),bi(Ut.SectionL3,{title:"aria-labelledby",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Sets the ",bi("code",{children:"aria-labelledby"},void 0,0,{fileName:Em,lineNumber:103,columnNumber:24},this)," attribute in the"," ",bi("code",{children:"RadioGroup"},void 0,0,{fileName:Em,lineNumber:104,columnNumber:15},this),". Make sure either this or"," ",bi("code",{children:"aria-label"},void 0,0,{fileName:Em,lineNumber:105,columnNumber:15},this)," is used."]},void 0,0,{fileName:Em,lineNumber:102,columnNumber:13},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string | undefined"},void 0,0,{fileName:Em,lineNumber:108,columnNumber:15},this)},void 0,0,{fileName:Em,lineNumber:107,columnNumber:13},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{
+children:"undefined"},void 0,0,{fileName:Em,lineNumber:111,columnNumber:15},this)},void 0,0,{fileName:Em,lineNumber:110,columnNumber:13},this)]},void 0,0,{fileName:Em,lineNumber:101,columnNumber:11},this)},void 0,0,{fileName:Em,lineNumber:100,columnNumber:9},this),bi(Ut.SectionL3,{title:"children",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["The content to render inside the ",bi("code",{children:"RadioGroup"},void 0,0,{fileName:Em,lineNumber:118,columnNumber:48},this),", typically a list of ",bi("code",{children:"RadioGroup.Radio"},void 0,0,{fileName:Em,lineNumber:119,columnNumber:35},this)," components."]},void 0,0,{fileName:Em,lineNumber:117,columnNumber:13},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"ComponentChildren"},void 0,0,{fileName:Em,lineNumber:122,columnNumber:15},this)},void 0,0,{fileName:Em,lineNumber:121,columnNumber:13},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Em,lineNumber:125,
+columnNumber:15},this)},void 0,0,{fileName:Em,lineNumber:124,columnNumber:13},this)]},void 0,0,{fileName:Em,lineNumber:116,columnNumber:11},this)},void 0,0,{fileName:Em,lineNumber:115,columnNumber:9},this),bi(Ut.SectionL3,{title:"direction",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Whether the radios should be stacked horizontally or vertically."},void 0,0,{fileName:Em,lineNumber:131,columnNumber:13},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:["'","vertical","'"," | ","'","horizontal","'"]},void 0,0,{fileName:Em,lineNumber:135,columnNumber:15},this)},void 0,0,{fileName:Em,lineNumber:134,columnNumber:13},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:["'","horizontal","'"]},void 0,0,{fileName:Em,lineNumber:140,columnNumber:15},this)},void 0,0,{fileName:Em,lineNumber:139,columnNumber:13},this)]},void 0,0,{fileName:Em,lineNumber:130,columnNumber:11},this)},void 0,0,{fileName:Em,lineNumber:129,columnNumber:9},this),bi(Ut.SectionL3,{
+title:"disabled",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["If true, it will disable all radios, regardless of the value of their own ",bi("code",{children:"disabled"},void 0,0,{fileName:Em,lineNumber:150,columnNumber:25},this)," prop.",bi("br",{},void 0,0,{fileName:Em,lineNumber:151,columnNumber:15},this),"Disabled radios are never marked as selected."]},void 0,0,{fileName:Em,lineNumber:148,columnNumber:13},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Em,lineNumber:155,columnNumber:15},this)},void 0,0,{fileName:Em,lineNumber:154,columnNumber:13},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Em,lineNumber:158,columnNumber:15},this)},void 0,0,{fileName:Em,lineNumber:157,columnNumber:13},this)]},void 0,0,{fileName:Em,lineNumber:147,columnNumber:11},this),bi(Ut.Demo,{title:"Disabled RadioGroup",withSource:!0,exampleFile:"radio-group-disabled"},void 0,0,{fileName:Em,lineNumber:161,
+columnNumber:11},this)]},void 0,0,{fileName:Em,lineNumber:146,columnNumber:9},this),bi(Ut.SectionL3,{title:"name",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["When provided, a hidden ",bi("code",{children:"input"},void 0,0,{fileName:Em,lineNumber:170,columnNumber:39},this)," will be included, with this name and selected value, allowing ",bi("code",{children:"RadioGroup"},void 0,0,{fileName:Em,lineNumber:171,columnNumber:54},this)," to be used as a regular form control."]},void 0,0,{fileName:Em,lineNumber:169,columnNumber:13},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string | undefined"},void 0,0,{fileName:Em,lineNumber:175,columnNumber:15},this)},void 0,0,{fileName:Em,lineNumber:174,columnNumber:13},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Em,lineNumber:178,columnNumber:15},this)},void 0,0,{fileName:Em,lineNumber:177,columnNumber:13},this)]},void 0,0,{fileName:Em,lineNumber:168,columnNumber:11
+},this),bi(Ut.Demo,{title:"Named RadioGroup in form",withSource:!0,exampleFile:"radio-group-in-form"},void 0,0,{fileName:Em,lineNumber:181,columnNumber:11},this)]},void 0,0,{fileName:Em,lineNumber:167,columnNumber:9},this),bi(Ut.SectionL3,{title:"onChange",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"A callback invoked when selected radio changes."},void 0,0,{fileName:Em,lineNumber:189,columnNumber:13},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:["(newValue: T) ","=>"," void"]},void 0,0,{fileName:Em,lineNumber:193,columnNumber:15},this)},void 0,0,{fileName:Em,lineNumber:192,columnNumber:13},this)]},void 0,0,{fileName:Em,lineNumber:188,columnNumber:11},this)},void 0,0,{fileName:Em,lineNumber:187,columnNumber:9},this),bi(Ut.SectionL3,{title:"selected",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"The value for currently selected radio."},void 0,0,{fileName:Em,lineNumber:199,columnNumber:13},this),bi(Ut.InfoItem,{label:"type",
+children:bi("code",{children:"T | undefined"},void 0,0,{fileName:Em,lineNumber:203,columnNumber:15},this)},void 0,0,{fileName:Em,lineNumber:202,columnNumber:13},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Em,lineNumber:206,columnNumber:15},this)},void 0,0,{fileName:Em,lineNumber:205,columnNumber:13},this)]},void 0,0,{fileName:Em,lineNumber:198,columnNumber:11},this)},void 0,0,{fileName:Em,lineNumber:197,columnNumber:9},this)]},void 0,0,{fileName:Em,lineNumber:84,columnNumber:7},this)]},void 0,0,{fileName:Em,lineNumber:6,columnNumber:5},this)},route:"/input-radio-group"},{title:"Selects",group:"input",component:function(){return bi(Ut.Page,{title:"Selects",intro:bi("p",{children:[bi("code",{children:"Select"},void 0,0,{fileName:Gm,lineNumber:97,columnNumber:11},this)," and ",bi("code",{children:"MultiSelect"},void 0,0,{fileName:Gm,lineNumber:97,columnNumber:35},this)," are composite components which behave like the native ",bi("code",{children:"<select>"
+},void 0,0,{fileName:Gm,lineNumber:98,columnNumber:51},this)," ","element."]},void 0,0,{fileName:Gm,lineNumber:96,columnNumber:9},this),children:[bi(Ut.Section,{title:"Select",intro:bi("p",{children:[bi("code",{children:"Select"},void 0,0,{fileName:Gm,lineNumber:107,columnNumber:13},this)," renders a single-selection drop-down control."]},void 0,0,{fileName:Gm,lineNumber:106,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Select"},void 0,0,{fileName:Gm,lineNumber:112,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic Select",exampleFile:"select-basic",withSource:!0},void 0,0,{fileName:Gm,lineNumber:115,columnNumber:13},this)},void 0,0,{fileName:Gm,lineNumber:114,columnNumber:11},this)]},void 0,0,{fileName:Gm,lineNumber:111,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with Select",children:[bi("p",{children:[bi("code",{children:"Select"},void 0,0,{fileName:Gm,lineNumber:125,columnNumber:13},this)," toggles a listbox where ",bi("code",{
+children:"Options"},void 0,0,{fileName:Gm,lineNumber:125,columnNumber:57},this),"'"," UI can be customized and values can be objects."]},void 0,0,{fileName:Gm,lineNumber:124,columnNumber:11},this),bi("p",{children:["A ",bi(Ut.Link,{href:"/feedback-popover",children:"Popover"},void 0,0,{fileName:Gm,lineNumber:129,columnNumber:15},this)," ","component is used to wrap the listbox and ensure it is always correctly positioned."]},void 0,0,{fileName:Gm,lineNumber:128,columnNumber:11},this),bi(Ut.SectionL3,{title:"Composing and styling Selects",children:[bi(Ut.Demo,{title:"Select with custom Options",exampleFile:"select-with-custom-options",withSource:!0},void 0,0,{fileName:Gm,lineNumber:135,columnNumber:13},this),bi(Ut.Demo,{title:"Select in InputGroup",exampleFile:"select-in-input-group",withSource:!0},void 0,0,{fileName:Gm,lineNumber:141,columnNumber:13},this)]},void 0,0,{fileName:Gm,lineNumber:134,columnNumber:11},this),bi(Ut.SectionL3,{title:"Select with many options",children:bi(Ut.Demo,{
+title:"Select with many options",children:bi(Wm,{items:[...$m.map((({id:e,name:i})=>({id:`1${e}`,name:`1 ${i}`}))),...$m.map((({id:e,name:i})=>({id:`2${e}`,name:`2 ${i}`}))),...$m.map((({id:e,name:i})=>({id:`3${e}`,name:`3 ${i}`}))),...$m.map((({id:e,name:i})=>({id:`4${e}`,name:`4 ${i}`}))),...$m.map((({id:e,name:i})=>({id:`5${e}`,name:`5 ${i}`}))),...$m.map((({id:e,name:i})=>({id:`6${e}`,name:`6 ${i}`})))]},void 0,0,{fileName:Gm,lineNumber:150,columnNumber:15},this)},void 0,0,{fileName:Gm,lineNumber:149,columnNumber:13},this)},void 0,0,{fileName:Gm,lineNumber:148,columnNumber:11},this),bi(Ut.SectionL3,{title:"Labeling Select",children:[bi("p",{children:["There are three ways to label a ",bi("code",{children:"Select"},void 0,0,{fileName:Gm,lineNumber:183,columnNumber:47},this),". Make sure you always use one of them."]},void 0,0,{fileName:Gm,lineNumber:182,columnNumber:13},this),bi(Ut.Demo,{title:bi(I,{children:["Via"," ",bi("code",{children:["<","label ","/>"]},void 0,0,{fileName:Gm,lineNumber:191,
+columnNumber:19},this)," ","linked to ",bi("code",{children:"buttonId"},void 0,0,{fileName:Gm,lineNumber:194,columnNumber:29},this)]},void 0),exampleFile:"select-basic",withSource:!0},void 0,0,{fileName:Gm,lineNumber:187,columnNumber:13},this),bi(Ut.Demo,{title:"Via aria-label",exampleFile:"select-aria-label",withSource:!0},void 0,0,{fileName:Gm,lineNumber:201,columnNumber:13},this),bi(Ut.Demo,{title:"Via aria-labelledby",exampleFile:"select-aria-labelledby",withSource:!0},void 0,0,{fileName:Gm,lineNumber:207,columnNumber:13},this)]},void 0,0,{fileName:Gm,lineNumber:181,columnNumber:11},this),bi(Ut.SectionL3,{title:"Select with long content",children:[bi("p",{children:[bi("code",{children:"Select"},void 0,0,{fileName:Gm,lineNumber:216,columnNumber:15},this)," makes sure the button content never overflows, and applies ",bi("code",{children:"text-overflow: ellipsis"},void 0,0,{fileName:Gm,lineNumber:217,columnNumber:27},this),"."]},void 0,0,{fileName:Gm,lineNumber:215,columnNumber:13},this),bi("p",{
+children:["If you provide more complex children to ",bi("code",{children:"buttonContent"},void 0,0,{fileName:Gm,lineNumber:220,columnNumber:55},this),", and the default hidden overflow logic does not work for your use case, it is up to you to handle the overflow logic in your components."]},void 0,0,{fileName:Gm,lineNumber:219,columnNumber:13},this),bi("p",{children:"On the other hand, the listbox will always grow to fit its options."},void 0,0,{fileName:Gm,lineNumber:225,columnNumber:13},this),bi(Ut.Demo,{title:"Plain text",children:bi("div",{className:"mx-auto",children:bi(Xm,{textOnly:!0,buttonClasses:"!w-36",items:$m.map((({name:e,...i})=>({...i,name:`${e} (this item has very long text)`})))},void 0,0,{fileName:Gm,lineNumber:232,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:231,columnNumber:15},this)},void 0,0,{fileName:Gm,lineNumber:230,columnNumber:13},this),bi(Ut.Demo,{title:"Custom options",children:bi("div",{className:"mx-auto",children:bi(Xm,{buttonClasses:"!w-36"},void 0,0,{fileName:Gm,
+lineNumber:245,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:244,columnNumber:15},this)},void 0,0,{fileName:Gm,lineNumber:243,columnNumber:13},this),bi(Ut.Demo,{title:"Input group",children:bi("div",{className:"mx-auto",children:bi(qm,{buttonClasses:"!w-36",wrapperClasses:""},void 0,0,{fileName:Gm,lineNumber:251,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:250,columnNumber:15},this)},void 0,0,{fileName:Gm,lineNumber:249,columnNumber:13},this)]},void 0,0,{fileName:Gm,lineNumber:214,columnNumber:11},this)]},void 0,0,{fileName:Gm,lineNumber:123,columnNumber:9},this),bi(Ut.SectionL2,{title:"Select component API",children:[bi("code",{children:"Select"},void 0,0,{fileName:Gm,lineNumber:258,columnNumber:11},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#composite-components-api",children:"composite component props"},void 0,0,{fileName:Gm,lineNumber:259,columnNumber:11},this),bi(Ut.SectionL3,{title:"value",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{
+label:"description",children:"Represents currently selected Option."},void 0,0,{fileName:Gm,lineNumber:264,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"T"},void 0,0,{fileName:Gm,lineNumber:268,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:267,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:263,columnNumber:13},this)},void 0,0,{fileName:Gm,lineNumber:262,columnNumber:11},this),bi(Ut.SectionL3,{title:"onChange",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"A callback invoked every time selected value changes."},void 0,0,{fileName:Gm,lineNumber:274,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"(newValue: T) => void"},void 0,0,{fileName:Gm,lineNumber:278,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:277,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:273,columnNumber:13},this)},void 0,0,{fileName:Gm,lineNumber:272,columnNumber:11},this),bi(Ut.SectionL3,{
+title:"buttonContent",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"The content to be displayed in the toggle button."},void 0,0,{fileName:Gm,lineNumber:284,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"ComponentChildren"},void 0,0,{fileName:Gm,lineNumber:288,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:287,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:283,columnNumber:13},this)},void 0,0,{fileName:Gm,lineNumber:282,columnNumber:11},this),bi(Ut.SectionL3,{title:"buttonId",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["The toggle button","'","s ",bi("code",{children:"id"},void 0,0,{fileName:Gm,lineNumber:295,columnNumber:41},this),"."]},void 0,0,{fileName:Gm,lineNumber:294,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string"},void 0,0,{fileName:Gm,lineNumber:298,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:297,columnNumber:15
+},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Gm,lineNumber:301,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:300,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:293,columnNumber:13},this)},void 0,0,{fileName:Gm,lineNumber:292,columnNumber:11},this),bi(Ut.SectionL3,{title:"disabled",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Whether the Select is disabled or not."},void 0,0,{fileName:Gm,lineNumber:307,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Gm,lineNumber:311,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:310,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Gm,lineNumber:314,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:313,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:306,columnNumber:13},this),bi(Ut.Demo,{title:"Disabled Select",
+exampleFile:"select-disabled",withSource:!0},void 0,0,{fileName:Gm,lineNumber:317,columnNumber:13},this)]},void 0,0,{fileName:Gm,lineNumber:305,columnNumber:11},this),bi(Ut.SectionL3,{title:"alignListbox",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Whether the listbox should be aligned to the right or left side of the toggle button."},void 0,0,{fileName:Gm,lineNumber:325,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'left' | 'right'"},void 0,0,{fileName:Gm,lineNumber:330,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:329,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'left'"},void 0,0,{fileName:Gm,lineNumber:333,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:332,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:324,columnNumber:13},this),bi(Ut.Demo,{title:"Right-aligned listbox",exampleFile:"select-right",withSource:!0},void 0,0,{fileName:Gm,lineNumber:336,columnNumber:13
+},this)]},void 0,0,{fileName:Gm,lineNumber:323,columnNumber:11},this),bi(Ut.SectionL3,{title:"buttonClasses",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Additional classes to pass to toggle button."},void 0,0,{fileName:Gm,lineNumber:344,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string | string[]"},void 0,0,{fileName:Gm,lineNumber:348,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:347,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Gm,lineNumber:351,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:350,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:343,columnNumber:13},this),bi(Ut.Demo,{title:"Custom button",children:bi("div",{className:"w-96 mx-auto",children:bi(Xm,{buttonClasses:"!bg-yellow-notice"},void 0,0,{fileName:Gm,lineNumber:356,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:355,columnNumber:15},this)},void 0,0,{fileName:Gm,
+lineNumber:354,columnNumber:13},this)]},void 0,0,{fileName:Gm,lineNumber:342,columnNumber:11},this),bi(Ut.SectionL3,{title:"containerClasses",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Additional classes to pass to container."},void 0,0,{fileName:Gm,lineNumber:362,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string | string[]"},void 0,0,{fileName:Gm,lineNumber:366,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:365,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Gm,lineNumber:369,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:368,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:361,columnNumber:13},this),bi(Ut.Demo,{title:"Custom container",children:bi("div",{className:"w-96 mx-auto",children:bi(Xm,{containerClasses:"border-4 border-yellow-notice"},void 0,0,{fileName:Gm,lineNumber:374,columnNumber:17},this)},void 0,0,{fileName:Gm,
+lineNumber:373,columnNumber:15},this)},void 0,0,{fileName:Gm,lineNumber:372,columnNumber:13},this)]},void 0,0,{fileName:Gm,lineNumber:360,columnNumber:11},this),bi(Ut.SectionL3,{title:"listboxAsPopover",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Determines if the listbox should be rendered using the"," ",bi(ot,{target:"_blank",href:"https://developer.mozilla.org/en-US/docs/Web/API/Popover_API",children:"popover API"},void 0,0,{fileName:Gm,lineNumber:382,columnNumber:17},this),". It","'","s mainly used as a test seam, but can help explicitly disabling this behavior if needed."]},void 0,0,{fileName:Gm,lineNumber:380,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Gm,lineNumber:392,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:391,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:[bi("code",{children:"true"},void 0,0,{fileName:Gm,lineNumber:395,columnNumber:17
+},this)," if the browser supports ",bi("code",{children:"[popover]"},void 0,0,{fileName:Gm,lineNumber:395,columnNumber:59},this),". Otherwise it is ",bi("code",{children:"false"},void 0,0,{fileName:Gm,lineNumber:396,columnNumber:35},this)]},void 0,0,{fileName:Gm,lineNumber:394,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:379,columnNumber:13},this),bi(Ut.Demo,{title:"Non-popover listbox",exampleFile:"select-non-popover-listbox",withSource:!0},void 0,0,{fileName:Gm,lineNumber:399,columnNumber:13},this)]},void 0,0,{fileName:Gm,lineNumber:378,columnNumber:11},this),bi(Ut.SectionL3,{title:"popoverClasses",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Additional classes to pass to the popover."},void 0,0,{fileName:Gm,lineNumber:407,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string | string[]"},void 0,0,{fileName:Gm,lineNumber:411,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:410,columnNumber:15},this),bi(Ut.InfoItem,{
+label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Gm,lineNumber:414,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:413,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:406,columnNumber:13},this),bi(Ut.Demo,{title:"Custom popover",children:bi("div",{className:"w-96 mx-auto",children:bi(Xm,{popoverClasses:"border-4 border-yellow-notice"},void 0,0,{fileName:Gm,lineNumber:419,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:418,columnNumber:15},this)},void 0,0,{fileName:Gm,lineNumber:417,columnNumber:13},this)]},void 0,0,{fileName:Gm,lineNumber:405,columnNumber:11},this),bi(Ut.SectionL3,{title:"listboxOverflow",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Determines the behavior of the listbox options when their content is larger than the listbox.",bi("ul",{className:"list-disc",children:[bi("li",{children:[bi("code",{children:"'truncate'"},void 0,0,{fileName:Gm,lineNumber:430,columnNumber:21
+},this),": Text will use one line and be truncated with an ellipsis."]},void 0,0,{fileName:Gm,lineNumber:429,columnNumber:19},this),bi("li",{children:[bi("code",{children:"'wrap'"},void 0,0,{fileName:Gm,lineNumber:434,columnNumber:21},this),": Text will span multiple lines if needed, ensuring all content is visible."]},void 0,0,{fileName:Gm,lineNumber:433,columnNumber:19},this)]},void 0,0,{fileName:Gm,lineNumber:428,columnNumber:17},this)]},void 0,0,{fileName:Gm,lineNumber:425,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'truncate' | 'wrap'"},void 0,0,{fileName:Gm,lineNumber:440,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:439,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'truncate'"},void 0,0,{fileName:Gm,lineNumber:443,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:442,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:424,columnNumber:13},this),bi(Ut.Demo,{title:"Truncate listbox options",
+exampleFile:"select-truncate-listbox",withSource:!0},void 0,0,{fileName:Gm,lineNumber:446,columnNumber:13},this),bi(Ut.Demo,{title:"Wrap listbox options",exampleFile:"select-wrap-listbox",withSource:!0},void 0,0,{fileName:Gm,lineNumber:451,columnNumber:13},this)]},void 0,0,{fileName:Gm,lineNumber:423,columnNumber:11},this),bi(Ut.SectionL3,{title:"onPopoverScroll",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["A callback passed to the ",bi("code",{children:"Popover"},void 0,0,{fileName:Gm,lineNumber:460,columnNumber:42},this),"'","s ",bi("code",{children:"onScroll"},void 0,0,{fileName:Gm,lineNumber:461,columnNumber:24},this),"."]},void 0,0,{fileName:Gm,lineNumber:459,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:["() ","=>"," void ","|"," undefined"]},void 0,0,{fileName:Gm,lineNumber:464,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:463,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"
+},void 0,0,{fileName:Gm,lineNumber:469,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:468,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:458,columnNumber:13},this)},void 0,0,{fileName:Gm,lineNumber:457,columnNumber:11},this)]},void 0,0,{fileName:Gm,lineNumber:257,columnNumber:9},this),bi(Ut.SectionL2,{title:"Select.Option component API",children:[bi(Ut.SectionL3,{title:"children",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Content of the option. You can pass a callback to receive the option status (",bi("code",{children:"disabled"},void 0,0,{fileName:Gm,lineNumber:480,columnNumber:32},this)," and ",bi("code",{children:"selected"},void 0,0,{fileName:Gm,lineNumber:480,columnNumber:58},this),")."]},void 0,0,{fileName:Gm,lineNumber:478,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:["ComponentChildren | ((","{"," disabled, selected ","}",") ","=>"," ","ComponentChildren)"]},void 0,0,{fileName:Gm,lineNumber:483,columnNumber:17
+},this)},void 0,0,{fileName:Gm,lineNumber:482,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:477,columnNumber:13},this)},void 0,0,{fileName:Gm,lineNumber:476,columnNumber:11},this),bi(Ut.SectionL3,{title:"value",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"The value to set when this option is selected."},void 0,0,{fileName:Gm,lineNumber:492,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"T"},void 0,0,{fileName:Gm,lineNumber:496,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:495,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:491,columnNumber:13},this)},void 0,0,{fileName:Gm,lineNumber:490,columnNumber:11},this),bi(Ut.SectionL3,{title:"disabled",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Whether the option is disabled or not."},void 0,0,{fileName:Gm,lineNumber:502,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Gm,
+lineNumber:506,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:505,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Gm,lineNumber:509,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:508,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:501,columnNumber:13},this),bi(Ut.Demo,{title:"Disabled options",children:bi("div",{className:"w-96 mx-auto",children:bi(Xm,{items:$m.map((e=>"4"!==e.id?e:{...e,disabled:!0}))},void 0,0,{fileName:Gm,lineNumber:514,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:513,columnNumber:15},this)},void 0,0,{fileName:Gm,lineNumber:512,columnNumber:13},this)]},void 0,0,{fileName:Gm,lineNumber:500,columnNumber:11},this),bi(Ut.SectionL3,{title:"classes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["CSS class(es) that will be appended to the CSS classes applied to the options","'","s outermost element."]},void 0,0,{fileName:Gm,lineNumber:524,columnNumber:15
+},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string | string[] | undefined"},void 0,0,{fileName:Gm,lineNumber:529,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:528,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Gm,lineNumber:532,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:531,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:523,columnNumber:13},this)},void 0,0,{fileName:Gm,lineNumber:522,columnNumber:11},this),bi(Ut.SectionL3,{title:"elementRef",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["A ",bi("code",{children:"Ref"},void 0,0,{fileName:Gm,lineNumber:539,columnNumber:19},this)," applied to the option","'","s outermost element."]},void 0,0,{fileName:Gm,lineNumber:538,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:["MutableRef","<","HTMLElement | undefined",">"," | undefined"]},void 0,0,{fileName:Gm,lineNumber:543,
+columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:542,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Gm,lineNumber:548,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:547,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:537,columnNumber:13},this)},void 0,0,{fileName:Gm,lineNumber:536,columnNumber:11},this),bi(Ut.SectionL3,{title:"title",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["If provided, it is set as the option","'","s ",bi("code",{children:"title"},void 0,0,{fileName:Gm,lineNumber:555,columnNumber:60},this)," ","attribute."]},void 0,0,{fileName:Gm,lineNumber:554,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string | undefined"},void 0,0,{fileName:Gm,lineNumber:559,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:558,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Gm,
+lineNumber:562,columnNumber:17},this)},void 0,0,{fileName:Gm,lineNumber:561,columnNumber:15},this)]},void 0,0,{fileName:Gm,lineNumber:553,columnNumber:13},this)},void 0,0,{fileName:Gm,lineNumber:552,columnNumber:11},this)]},void 0,0,{fileName:Gm,lineNumber:475,columnNumber:9},this)]},void 0,0,{fileName:Gm,lineNumber:103,columnNumber:7},this),bi(Ut.Section,{title:"MultiSelect",intro:bi("p",{children:[bi("code",{children:"MultiSelect"},void 0,0,{fileName:Gm,lineNumber:573,columnNumber:13},this)," is a variant of ",bi("code",{children:"Select"},void 0,0,{fileName:Gm,lineNumber:573,columnNumber:54},this)," that allows multiple options to be selected at once. It has the same API except that ",bi("code",{children:"value"},void 0,0,{fileName:Gm,lineNumber:575,columnNumber:25},this)," accepts, and ",bi("code",{children:"onChange"},void 0,0,{fileName:Gm,lineNumber:575,columnNumber:57},this)," ","receives receive, arrays rather than a single item."]},void 0,0,{fileName:Gm,lineNumber:572,columnNumber:11},this),
+children:bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"MultiSelect"},void 0,0,{fileName:Gm,lineNumber:581,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic MultiSelect",exampleFile:"select-multi-select",withSource:!0},void 0,0,{fileName:Gm,lineNumber:584,columnNumber:13},this)},void 0,0,{fileName:Gm,lineNumber:583,columnNumber:11},this)]},void 0,0,{fileName:Gm,lineNumber:580,columnNumber:9},this)},void 0,0,{fileName:Gm,lineNumber:569,columnNumber:7},this)]},void 0,0,{fileName:Gm,lineNumber:93,columnNumber:5},this)},route:"/input-select"},{title:"Textarea",group:"input",component:function(){return bi(Ut.Page,{title:"Textarea",intro:bi("p",{children:[bi("code",{children:"Textarea"},void 0,0,{fileName:Km,lineNumber:10,columnNumber:11},this)," is a presentational component for styling"," ",bi("code",{children:"textarea"},void 0,0,{fileName:Km,lineNumber:11,columnNumber:11},this)," elements."]},void 0,0,{fileName:Km,lineNumber:9,columnNumber:9},this),children:bi(Ut.Section,{
+children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Textarea"},void 0,0,{fileName:Km,lineNumber:17,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic Textarea",withSource:!0,children:bi("div",{className:"w-[350px]",children:bi(wr,{"aria-label":"Textarea example",placeholder:"Placeholder..."},void 0,0,{fileName:Km,lineNumber:22,columnNumber:17},this)},void 0,0,{fileName:Km,lineNumber:21,columnNumber:15},this)},void 0,0,{fileName:Km,lineNumber:20,columnNumber:13},this)},void 0,0,{fileName:Km,lineNumber:19,columnNumber:11},this)]},void 0,0,{fileName:Km,lineNumber:16,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with Textareas",children:[bi(Ut.SectionL3,{title:"Labels",children:[bi("p",{children:["Hypothesis does not currently have a design pattern for labeling textareas. However, for accessibility, it is critical that a"," ",bi("code",{children:"Textarea"},void 0,0,{fileName:Km,lineNumber:36,columnNumber:15},this)," have either an associated ",bi("code",{
+children:"label"},void 0,0,{fileName:Km,lineNumber:36,columnNumber:63},this)," ","element or an ",bi("code",{children:"aria-label"},void 0,0,{fileName:Km,lineNumber:37,columnNumber:29},this)," attribute."]},void 0,0,{fileName:Km,lineNumber:33,columnNumber:13},this),bi(Ut.Demo,{title:"Textarea with label",withSource:!0,children:bi("div",{className:"w-[350px]",children:[bi("label",{htmlFor:"textarea-with-label",className:"font-semibold",children:"Label"},void 0,0,{fileName:Km,lineNumber:42,columnNumber:17},this),bi(wr,{id:"textarea-with-label",placeholder:"Placeholder..."},void 0,0,{fileName:Km,lineNumber:45,columnNumber:17},this)]},void 0,0,{fileName:Km,lineNumber:41,columnNumber:15},this)},void 0,0,{fileName:Km,lineNumber:40,columnNumber:13},this)]},void 0,0,{fileName:Km,lineNumber:32,columnNumber:11},this),bi(Ut.SectionL3,{title:"Disabled Textareas",children:[bi("p",{children:[bi("code",{children:"Textarea"},void 0,0,{fileName:Km,lineNumber:54,columnNumber:15
+},this),"s can be disabled by applying the HTML"," ",bi("code",{children:"disabled"},void 0,0,{fileName:Km,lineNumber:55,columnNumber:15},this)," attribute."]},void 0,0,{fileName:Km,lineNumber:53,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi("div",{className:"w-[350px]",children:bi(wr,{"aria-label":"Example textarea",placeholder:"Placeholder...",disabled:!0},void 0,0,{fileName:Km,lineNumber:59,columnNumber:17},this)},void 0,0,{fileName:Km,lineNumber:58,columnNumber:15},this)},void 0,0,{fileName:Km,lineNumber:57,columnNumber:13},this)]},void 0,0,{fileName:Km,lineNumber:52,columnNumber:11},this),bi(Ut.SectionL3,{title:"Validation errors",children:[bi("p",{children:["Validation errors can be triggered as a result of standard HTML attributes such as ",bi("code",{children:"required"},void 0,0,{fileName:Km,lineNumber:70,columnNumber:34},this)," or a custom error set using the ",bi("code",{children:"error"},void 0,0,{fileName:Km,lineNumber:71,columnNumber:25
+},this)," prop. Errors set using"," ",bi("code",{children:"error"},void 0,0,{fileName:Km,lineNumber:72,columnNumber:15},this)," are synced to the browser via"," ",bi("code",{children:"HTMLTextAreaElement.setCustomValidity"},void 0,0,{fileName:Km,lineNumber:73,columnNumber:15},this),". This allows the browser to alert the user when they try to submit the containing form."]},void 0,0,{fileName:Km,lineNumber:68,columnNumber:13},this),bi("p",{children:["If the text area has custom validation checks, they should be performed in the element's ",bi("code",{children:"onChange"},void 0,0,{fileName:Km,lineNumber:79,columnNumber:47},this)," handler."]},void 0,0,{fileName:Km,lineNumber:77,columnNumber:13},this),bi("p",{children:["If the form is using custom UI to present validation errors, inputs must link to the element displaying their validation error using ",bi("code",{children:"aria-describedby"},void 0,0,{fileName:Km,lineNumber:84,columnNumber:21},this),"."]},void 0,0,{fileName:Km,lineNumber:81,columnNumber:13
+},this)]},void 0,0,{fileName:Km,lineNumber:67,columnNumber:11},this)]},void 0,0,{fileName:Km,lineNumber:31,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("code",{children:"Textarea"},void 0,0,{fileName:Km,lineNumber:90,columnNumber:11},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:Km,lineNumber:91,columnNumber:11},this),".",bi(Ut.SectionL3,{title:"error",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set ",bi("code",{children:"error"},void 0,0,{fileName:Km,lineNumber:98,columnNumber:21},this)," to indicate a validation error. This implicitly sets"," ",bi("code",{children:["feedback=",'"',"error",'"']},void 0,0,{fileName:Km,lineNumber:100,columnNumber:17},this),". In addition to visually and semantically indicating the error state, this will set a custom validation error on the textarea using ",bi("code",{
+children:"HTMLTextAreaElement.setCustomValidity"},void 0,0,{fileName:Km,lineNumber:105,columnNumber:23},this),"."]},void 0,0,{fileName:Km,lineNumber:97,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string"},void 0,0,{fileName:Km,lineNumber:108,columnNumber:17},this)},void 0,0,{fileName:Km,lineNumber:107,columnNumber:15},this)]},void 0,0,{fileName:Km,lineNumber:96,columnNumber:13},this)},void 0,0,{fileName:Km,lineNumber:95,columnNumber:11},this),bi(Ut.SectionL3,{title:"feedback",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set ",bi("code",{children:"feedback"},void 0,0,{fileName:Km,lineNumber:115,columnNumber:21},this)," to indicate that there is an associated error or warning for the ",bi("code",{children:"Textarea"},void 0,0,{fileName:Km,lineNumber:116,columnNumber:53},this),".",bi("br",{},void 0,0,{fileName:Km,lineNumber:117,columnNumber:17},this),"Notice that setting"," ",bi("code",{children:["feedback=",'"',"error",'"']},void 0,0,{
+fileName:Km,lineNumber:119,columnNumber:17},this)," ","will implicitly set"," ",bi("code",{children:["aria-invalid=",'"',"true",'"']},void 0,0,{fileName:Km,lineNumber:123,columnNumber:17},this),"."]},void 0,0,{fileName:Km,lineNumber:114,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:['"error"'," | ",'"warning"']},void 0,0,{fileName:Km,lineNumber:129,columnNumber:17},this)},void 0,0,{fileName:Km,lineNumber:128,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"undefined"},void 0,0,{fileName:Km,lineNumber:134,columnNumber:17},this)},void 0,0,{fileName:Km,lineNumber:133,columnNumber:15},this)]},void 0,0,{fileName:Km,lineNumber:113,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:[bi("div",{className:"w-[350px]",children:bi(wr,{"aria-label":"Textarea with error",feedback:"error",value:"something invalid"},void 0,0,{fileName:Km,lineNumber:140,columnNumber:17},this)},void 0,0,{fileName:Km,lineNumber:139,columnNumber:15},this),bi("div",{
+className:"w-[350px]",children:bi(wr,{"aria-label":"Textarea with warning",feedback:"warning",value:"might be a problem"},void 0,0,{fileName:Km,lineNumber:147,columnNumber:17},this)},void 0,0,{fileName:Km,lineNumber:146,columnNumber:15},this)]},void 0,0,{fileName:Km,lineNumber:138,columnNumber:13},this)]},void 0,0,{fileName:Km,lineNumber:112,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Textarea"},void 0,0,{fileName:Km,lineNumber:158,columnNumber:17},this)," accepts HTML attributes for textarea elements."]},void 0,0,{fileName:Km,lineNumber:157,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"JSX.TextareaHTMLAttributes<HTMLTextareaElement>"},void 0,0,{fileName:Km,lineNumber:162,columnNumber:17},this)},void 0,0,{fileName:Km,lineNumber:161,columnNumber:15},this)]},void 0,0,{fileName:Km,lineNumber:156,columnNumber:13},this)},void 0,0,{fileName:Km,lineNumber:155,
+columnNumber:11},this)]},void 0,0,{fileName:Km,lineNumber:89,columnNumber:9},this)]},void 0,0,{fileName:Km,lineNumber:15,columnNumber:7},this)},void 0,0,{fileName:Km,lineNumber:6,columnNumber:5},this)},route:"/input-textarea"},{title:"Card",group:"layout",component:function(){return bi(Ut.Page,{title:"Card",intro:bi("p",{children:["The ",bi("code",{children:"Card"},void 0,0,{fileName:Jm,lineNumber:18,columnNumber:15},this)," family of presentational components provide support for laying out content in a card-like interface."]},void 0,0,{fileName:Jm,lineNumber:17,columnNumber:9},this),children:[bi(Ut.Section,{title:"Card",intro:bi("p",{children:[bi("code",{children:"Card"},void 0,0,{fileName:Jm,lineNumber:27,columnNumber:13},this)," lays out content in a frame, with dimensional shadows by default."]},void 0,0,{fileName:Jm,lineNumber:26,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Card, CardContent"},void 0,0,{fileName:Jm,lineNumber:33,columnNumber:11
+},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic Card",withSource:!0,children:bi(yi,{children:bi(Li,{children:bi(rm,{size:"xs"},void 0,0,{fileName:Jm,lineNumber:38,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:37,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:36,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:35,columnNumber:13},this)},void 0,0,{fileName:Jm,lineNumber:34,columnNumber:11},this)]},void 0,0,{fileName:Jm,lineNumber:32,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with Cards",children:bi(Ut.SectionL3,{title:"Full-width content",children:[bi("p",{children:["You can add full-bleed content by placing it outside of the"," ",bi("code",{children:"CardContent"},void 0,0,{fileName:Jm,lineNumber:49,columnNumber:15},this)," component."]},void 0,0,{fileName:Jm,lineNumber:47,columnNumber:13},this),bi(Ut.Demo,{title:"Card with full-width image",withSource:!0,children:bi(yi,{children:[bi("img",{className:"rounded-t-[inherit]",src:"https://placehold.co/1000/250",
+alt:"placeholder"},void 0,0,{fileName:Jm,lineNumber:53,columnNumber:17},this),bi(Li,{children:bi(rm,{size:"xs"},void 0,0,{fileName:Jm,lineNumber:59,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:58,columnNumber:17},this)]},void 0,0,{fileName:Jm,lineNumber:52,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:51,columnNumber:13},this)]},void 0,0,{fileName:Jm,lineNumber:46,columnNumber:11},this)},void 0,0,{fileName:Jm,lineNumber:45,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("code",{children:"Card"},void 0,0,{fileName:Jm,lineNumber:67,columnNumber:11},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:Jm,lineNumber:68,columnNumber:11},this),".",bi(Ut.SectionL3,{title:"active",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Style the card as if it is hovered or otherwise active."},void 0,0,{fileName:Jm,lineNumber:74,
+columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Jm,lineNumber:78,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:77,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Jm,lineNumber:81,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:80,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:73,columnNumber:13},this),bi(Ut.Demo,{title:"active Card",withSource:!0,children:bi(yi,{active:!0,children:bi(Li,{children:bi(rm,{size:"xs"},void 0,0,{fileName:Jm,lineNumber:88,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:87,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:86,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:85,columnNumber:13},this)]},void 0,0,{fileName:Jm,lineNumber:72,columnNumber:11},this),bi(Ut.SectionL3,{title:"variant",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set the ",bi("code",{children:"Card"
+},void 0,0,{fileName:Jm,lineNumber:96,columnNumber:25},this)," theming."]},void 0,0,{fileName:Jm,lineNumber:95,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'raised' | 'flat'"},void 0,0,{fileName:Jm,lineNumber:99,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:98,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"raised"},void 0,0,{fileName:Jm,lineNumber:102,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:101,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:94,columnNumber:13},this),bi(Ut.Demo,{title:"raised",withSource:!0,children:bi(yi,{variant:"raised",children:bi(Li,{children:bi("p",{children:["The default ",'"raised"'," variant has dimensional effects on hover."]},void 0,0,{fileName:Jm,lineNumber:108,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:107,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:106,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:105,columnNumber:13
+},this),bi(Ut.Demo,{title:"flat",withSource:!0,children:bi(yi,{variant:"flat",children:bi(Li,{children:bi("p",{children:["The ",'"flat"'," variant does not have dimensional effects."]},void 0,0,{fileName:Jm,lineNumber:119,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:118,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:117,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:116,columnNumber:13},this)]},void 0,0,{fileName:Jm,lineNumber:93,columnNumber:11},this),bi(Ut.SectionL3,{title:"width",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Define how the ","card's"," width is set. Provide width"," ",bi("code",{children:"classes"},void 0,0,{fileName:Jm,lineNumber:130,columnNumber:17},this)," when setting ",bi("code",{children:"width"},void 0,0,{fileName:Jm,lineNumber:130,columnNumber:51},this)," to"," ",bi("code",{children:"'custom'"},void 0,0,{fileName:Jm,lineNumber:131,columnNumber:17},this),"."]},void 0,0,{fileName:Jm,lineNumber:128,columnNumber:15
+},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'full' | 'auto' | 'custom'"},void 0,0,{fileName:Jm,lineNumber:134,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:133,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'full'"},void 0,0,{fileName:Jm,lineNumber:137,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:136,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:127,columnNumber:13},this),bi(Ut.Demo,{title:"full width",withSource:!0,children:bi(yi,{width:"full",children:bi(Li,{children:"By default, a card will use the full width of its container."},void 0,0,{fileName:Jm,lineNumber:142,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:141,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:140,columnNumber:13},this),bi(Ut.Demo,{title:"auto width",withSource:!0,children:bi(yi,{width:"auto",children:bi(Li,{children:["Setting width to ",bi("em",{children:"auto"},void 0,0,{fileName:Jm,lineNumber:151,columnNumber:36
+},this),"."]},void 0,0,{fileName:Jm,lineNumber:150,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:149,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:148,columnNumber:13},this),bi(Ut.Demo,{title:"custom width with extra classes",withSource:!0,children:bi(yi,{classes:"w-[400px]",width:"custom",children:bi(Li,{children:bi("p",{children:"Sized to 400 px."},void 0,0,{fileName:Jm,lineNumber:159,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:158,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:157,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:156,columnNumber:13},this)]},void 0,0,{fileName:Jm,lineNumber:126,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Card"},void 0,0,{fileName:Jm,lineNumber:167,columnNumber:17},this)," accepts HTML attributes."]},void 0,0,{fileName:Jm,lineNumber:166,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",
+children:bi("code",{children:"JSX.HTMLAttributes<HTMLElement>"},void 0,0,{fileName:Jm,lineNumber:170,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:169,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:165,columnNumber:13},this)},void 0,0,{fileName:Jm,lineNumber:164,columnNumber:11},this)]},void 0,0,{fileName:Jm,lineNumber:66,columnNumber:9},this)]},void 0,0,{fileName:Jm,lineNumber:23,columnNumber:7},this),bi(Ut.Section,{title:"CardContent",intro:bi("p",{children:[bi("code",{children:"CardContent"},void 0,0,{fileName:Jm,lineNumber:181,columnNumber:13},this)," puts consistent padding and spacing around content in a ",bi("code",{children:"Card"},void 0,0,{fileName:Jm,lineNumber:182,columnNumber:26},this)," component."]},void 0,0,{fileName:Jm,lineNumber:180,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:bi(Ut.Usage,{componentName:"Card, CardContent"},void 0,0,{fileName:Jm,lineNumber:187,columnNumber:11},this)},void 0,0,{fileName:Jm,lineNumber:186,columnNumber:9
+},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("code",{children:"CardContent"},void 0,0,{fileName:Jm,lineNumber:191,columnNumber:11},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:Jm,lineNumber:192,columnNumber:11},this),".",bi(Ut.SectionL3,{title:"size",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Set relative spacing and padding."},void 0,0,{fileName:Jm,lineNumber:198,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'sm' | 'md' | 'lg'"},void 0,0,{fileName:Jm,lineNumber:202,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:201,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'md'"},void 0,0,{fileName:Jm,lineNumber:205,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:204,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:197,columnNumber:13},this),bi(Ut.Demo,{
+withSource:!0,children:bi("div",{className:"space-y-3",children:[bi(yi,{children:bi(Li,{size:"sm",children:[bi("div",{children:[bi("code",{children:"CardContent"},void 0,0,{fileName:Jm,lineNumber:214,columnNumber:23},this)," component with"," ",bi("strong",{children:bi("code",{children:["size=","'sm'"]},void 0,0,{fileName:Jm,lineNumber:216,columnNumber:25},this)},void 0,0,{fileName:Jm,lineNumber:215,columnNumber:23},this),"."]},void 0,0,{fileName:Jm,lineNumber:213,columnNumber:21},this),bi(rm,{size:"xs"},void 0,0,{fileName:Jm,lineNumber:220,columnNumber:21},this)]},void 0,0,{fileName:Jm,lineNumber:212,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:211,columnNumber:17},this),bi(yi,{children:bi(Li,{size:"md",children:[bi("div",{children:[bi("code",{children:"CardContent"},void 0,0,{fileName:Jm,lineNumber:227,columnNumber:23},this)," component with"," ",bi("strong",{children:bi("code",{children:["size=","'md'"]},void 0,0,{fileName:Jm,lineNumber:229,columnNumber:25},this)},void 0,0,{fileName:Jm,
+lineNumber:228,columnNumber:23},this),"."]},void 0,0,{fileName:Jm,lineNumber:226,columnNumber:21},this),bi(rm,{size:"xs"},void 0,0,{fileName:Jm,lineNumber:233,columnNumber:21},this)]},void 0,0,{fileName:Jm,lineNumber:225,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:224,columnNumber:17},this),bi(yi,{children:bi(Li,{size:"lg",children:[bi("div",{children:[bi("code",{children:"CardContent"},void 0,0,{fileName:Jm,lineNumber:240,columnNumber:23},this)," component with"," ",bi("strong",{children:bi("code",{children:["size=","'lg'"]},void 0,0,{fileName:Jm,lineNumber:242,columnNumber:25},this)},void 0,0,{fileName:Jm,lineNumber:241,columnNumber:23},this),"."]},void 0,0,{fileName:Jm,lineNumber:239,columnNumber:21},this),bi(rm,{size:"xs"},void 0,0,{fileName:Jm,lineNumber:246,columnNumber:21},this)]},void 0,0,{fileName:Jm,lineNumber:238,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:237,columnNumber:17},this)]},void 0,0,{fileName:Jm,lineNumber:210,columnNumber:15},this)},void 0,0,{fileName:Jm,
+lineNumber:209,columnNumber:13},this)]},void 0,0,{fileName:Jm,lineNumber:196,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"CardContent"},void 0,0,{fileName:Jm,lineNumber:255,columnNumber:17},this)," accepts HTML attributes."]},void 0,0,{fileName:Jm,lineNumber:254,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"JSX.HTMLAttributes<HTMLElement>"},void 0,0,{fileName:Jm,lineNumber:258,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:257,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:253,columnNumber:13},this)},void 0,0,{fileName:Jm,lineNumber:252,columnNumber:11},this)]},void 0,0,{fileName:Jm,lineNumber:190,columnNumber:9},this)]},void 0,0,{fileName:Jm,lineNumber:177,columnNumber:7},this),bi(Ut.Section,{title:"CardHeader",intro:bi("p",{children:[bi("code",{children:"CardHeader"},void 0,0,{fileName:Jm,lineNumber:269,columnNumber:13
+},this)," renders a styled title and an optional close button on a ",bi("code",{children:"Card"},void 0,0,{fileName:Jm,lineNumber:270,columnNumber:25},this),"."]},void 0,0,{fileName:Jm,lineNumber:268,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Card, CardContent, CardHeader",size:"sm"},void 0,0,{fileName:Jm,lineNumber:275,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{withSource:!0,title:"Basic CardHeader",children:bi(yi,{children:[bi(Fo,{title:"Card title"},void 0,0,{fileName:Jm,lineNumber:283,columnNumber:17},this),bi(Li,{children:bi("div",{children:["A ",bi("code",{children:"Card"},void 0,0,{fileName:Jm,lineNumber:286,columnNumber:23},this)," with ",bi("code",{children:"CardHeader"},void 0,0,{fileName:Jm,lineNumber:286,columnNumber:46},this),"."]},void 0,0,{fileName:Jm,lineNumber:285,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:284,columnNumber:17},this)]},void 0,0,{fileName:Jm,lineNumber:282,columnNumber:15},this)},void 0,0,{fileName:Jm,
+lineNumber:281,columnNumber:13},this)},void 0,0,{fileName:Jm,lineNumber:280,columnNumber:11},this)]},void 0,0,{fileName:Jm,lineNumber:274,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("code",{children:"CardHeader"},void 0,0,{fileName:Jm,lineNumber:295,columnNumber:11},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:Jm,lineNumber:296,columnNumber:11},this),".",bi(Ut.SectionL3,{title:"title",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Render a ",bi("code",{children:"CardTitle"},void 0,0,{fileName:Jm,lineNumber:303,columnNumber:26},this)," with this title string in the"," ",bi("code",{children:"CardHeader"},void 0,0,{fileName:Jm,lineNumber:304,columnNumber:17},this),"."]},void 0,0,{fileName:Jm,lineNumber:302,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string"},void 0,0,{fileName:Jm,lineNumber:307,
+columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:306,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:301,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,title:"With a `title`",children:bi(yi,{children:[bi(Fo,{title:"Card title",onClose:()=>{}},void 0,0,{fileName:Jm,lineNumber:313,columnNumber:17},this),bi(Li,{children:bi("div",{children:["A ",bi("code",{children:"Card"},void 0,0,{fileName:Jm,lineNumber:316,columnNumber:23},this)," with ",bi("code",{children:"CardHeader"},void 0,0,{fileName:Jm,lineNumber:316,columnNumber:46},this),"."]},void 0,0,{fileName:Jm,lineNumber:315,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:314,columnNumber:17},this)]},void 0,0,{fileName:Jm,lineNumber:312,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:311,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,title:"Composed with `CardTitle`",children:bi(yi,{children:[bi(Fo,{onClose:()=>{},children:bi(Ro,{children:"Title here"},void 0,0,{fileName:Jm,lineNumber:325,columnNumber:19},this)},void 0,0,{
+fileName:Jm,lineNumber:324,columnNumber:17},this),bi(Li,{children:bi("div",{children:["A ",bi("code",{children:"Card"},void 0,0,{fileName:Jm,lineNumber:329,columnNumber:23},this)," with ",bi("code",{children:"CardHeader"},void 0,0,{fileName:Jm,lineNumber:329,columnNumber:46},this),"."]},void 0,0,{fileName:Jm,lineNumber:328,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:327,columnNumber:17},this)]},void 0,0,{fileName:Jm,lineNumber:323,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:322,columnNumber:13},this)]},void 0,0,{fileName:Jm,lineNumber:300,columnNumber:11},this),bi(Ut.SectionL3,{title:"onClose",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Callback to request that the card close. When provided, a close button will be rendered."},void 0,0,{fileName:Jm,lineNumber:337,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"() => void"},void 0,0,{fileName:Jm,lineNumber:342,columnNumber:17},this)},void 0,0,{fileName:Jm,
+lineNumber:341,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:336,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi(yi,{children:[bi(Fo,{title:"This card can be closed",onClose:()=>alert("you clicked it")},void 0,0,{fileName:Jm,lineNumber:348,columnNumber:17},this),bi(Li,{children:bi("div",{children:["Passing an ",bi("code",{children:"onClose"},void 0,0,{fileName:Jm,lineNumber:354,columnNumber:32},this)," function to"," ",bi("code",{children:"CardHeader"},void 0,0,{fileName:Jm,lineNumber:355,columnNumber:21},this)," will add a close button."]},void 0,0,{fileName:Jm,lineNumber:353,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:352,columnNumber:17},this)]},void 0,0,{fileName:Jm,lineNumber:347,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:346,columnNumber:13},this),bi(Ut.Demo,{title:"Close button sizing",withSource:!0,children:bi("div",{className:"text-[13px] w-full",children:bi(yi,{children:[bi(Fo,{onClose:()=>alert("you clicked it"),children:bi("h3",{
+className:"text-brand font-semibold",children:"Custom title styling"},void 0,0,{fileName:Jm,lineNumber:365,columnNumber:21},this)},void 0,0,{fileName:Jm,lineNumber:364,columnNumber:19},this),bi(Li,{children:bi("div",{children:["The close button will always have the same size, regardless of local font size. Here, font size is"," ",bi("code",{children:"13px"},void 0,0,{fileName:Jm,lineNumber:373,columnNumber:23},this),", echoing the client application base font size, but the close button remains the same size."]},void 0,0,{fileName:Jm,lineNumber:370,columnNumber:21},this)},void 0,0,{fileName:Jm,lineNumber:369,columnNumber:19},this)]},void 0,0,{fileName:Jm,lineNumber:363,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:362,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:361,columnNumber:13},this)]},void 0,0,{fileName:Jm,lineNumber:335,columnNumber:11},this),bi(Ut.SectionL3,{title:"fullWidth",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",
+children:"Ensure that the header divider (border) spans the full width of the card. This can be helpful when the card content scrolls."},void 0,0,{fileName:Jm,lineNumber:383,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Jm,lineNumber:388,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:387,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Jm,lineNumber:391,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:390,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:382,columnNumber:13},this),bi(Ut.Demo,{title:"Making a CardHeader span the full width",withSource:!0,children:bi(yi,{children:[bi(Fo,{title:"Full-width header",onClose:()=>alert("you clicked it"),fullWidth:!0},void 0,0,{fileName:Jm,lineNumber:400,columnNumber:17},this),bi(Li,{children:bi("div",{children:["A ",bi("code",{children:"Card"},void 0,0,{fileName:Jm,lineNumber:407,columnNumber:23
+},this)," with ",bi("code",{children:"CardHeader"},void 0,0,{fileName:Jm,lineNumber:407,columnNumber:46},this),"."]},void 0,0,{fileName:Jm,lineNumber:406,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:405,columnNumber:17},this)]},void 0,0,{fileName:Jm,lineNumber:399,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:395,columnNumber:13},this)]},void 0,0,{fileName:Jm,lineNumber:381,columnNumber:11},this),bi(Ut.SectionL3,{title:"variant",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Define which theme to use for ",bi("code",{children:"CardHeader"},void 0,0,{fileName:Jm,lineNumber:416,columnNumber:47},this),"."]},void 0,0,{fileName:Jm,lineNumber:415,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"{'primary' | 'secondary'}"},void 0,0,{fileName:Jm,lineNumber:419,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:418,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'primary'"},void 0,0,{
+fileName:Jm,lineNumber:422,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:421,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:414,columnNumber:13},this),bi(Ut.Demo,{title:"primary",withSource:!0,children:bi(yi,{children:[bi(Fo,{variant:"primary",title:"Primary variant",onClose:()=>{}},void 0,0,{fileName:Jm,lineNumber:427,columnNumber:17},this),bi(Li,{children:bi("p",{children:["This ","Card's"," ",bi("code",{children:"CardHeader"},void 0,0,{fileName:Jm,lineNumber:434,columnNumber:37},this)," is styled with the"," ",bi("code",{children:"primary"},void 0,0,{fileName:Jm,lineNumber:435,columnNumber:21},this)," (default) variant."]},void 0,0,{fileName:Jm,lineNumber:433,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:432,columnNumber:17},this)]},void 0,0,{fileName:Jm,lineNumber:426,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:425,columnNumber:13},this),bi(Ut.Demo,{title:"secondary",withSource:!0,children:bi(yi,{children:[bi(Fo,{variant:"secondary",onClose:()=>{},
+title:"Secondary variant"},void 0,0,{fileName:Jm,lineNumber:442,columnNumber:17},this),bi(Li,{children:bi("p",{children:["This ","Card's"," ",bi("code",{children:"CardHeader"},void 0,0,{fileName:Jm,lineNumber:449,columnNumber:37},this)," is styled with the"," ",bi("code",{children:"secondary"},void 0,0,{fileName:Jm,lineNumber:450,columnNumber:21},this)," variant."]},void 0,0,{fileName:Jm,lineNumber:448,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:447,columnNumber:17},this)]},void 0,0,{fileName:Jm,lineNumber:441,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:440,columnNumber:13},this)]},void 0,0,{fileName:Jm,lineNumber:413,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"CardHeader"},void 0,0,{fileName:Jm,lineNumber:459,columnNumber:17},this)," accepts HTML attributes."]},void 0,0,{fileName:Jm,lineNumber:458,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",
+children:bi("code",{children:"JSX.HTMLAttributes<HTMLElement>"},void 0,0,{fileName:Jm,lineNumber:462,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:461,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:457,columnNumber:13},this)},void 0,0,{fileName:Jm,lineNumber:456,columnNumber:11},this)]},void 0,0,{fileName:Jm,lineNumber:294,columnNumber:9},this)]},void 0,0,{fileName:Jm,lineNumber:265,columnNumber:7},this),bi(Ut.Section,{title:"CardTitle",intro:bi("p",{children:[bi("code",{children:"CardTitle"},void 0,0,{fileName:Jm,lineNumber:473,columnNumber:13},this)," styles a heading element in a"," ",bi("code",{children:"CardHeader"},void 0,0,{fileName:Jm,lineNumber:474,columnNumber:13},this),"."]},void 0,0,{fileName:Jm,lineNumber:472,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Card, CardContent, CardHeader, CardTitle",size:"sm"},void 0,0,{fileName:Jm,lineNumber:479,columnNumber:11},this),bi(Ut.Demo,{title:"Setting title with CardTitle",withSource:!0,
+children:bi(yi,{children:[bi(Fo,{children:[bi(wl,{},void 0,0,{fileName:Jm,lineNumber:486,columnNumber:17},this),bi(Ro,{children:"Card title"},void 0,0,{fileName:Jm,lineNumber:487,columnNumber:17},this)]},void 0,0,{fileName:Jm,lineNumber:485,columnNumber:15},this),bi(Li,{children:bi("div",{children:["Using ",bi("code",{children:"CardTitle"},void 0,0,{fileName:Jm,lineNumber:491,columnNumber:25},this)," in a ",bi("code",{children:"CardHeader"},void 0,0,{fileName:Jm,lineNumber:491,columnNumber:53},this),". This allows for other custom content in the"," ",bi("code",{children:"CardHeader"},void 0,0,{fileName:Jm,lineNumber:493,columnNumber:19},this),"."]},void 0,0,{fileName:Jm,lineNumber:490,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:489,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:484,columnNumber:13},this)},void 0,0,{fileName:Jm,lineNumber:483,columnNumber:11},this)]},void 0,0,{fileName:Jm,lineNumber:478,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("code",{
+children:"CardTitle"},void 0,0,{fileName:Jm,lineNumber:501,columnNumber:11},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:Jm,lineNumber:502,columnNumber:11},this),".",bi(Ut.SectionL3,{title:"tagName",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Which heading element to use for the title"},void 0,0,{fileName:Jm,lineNumber:508,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'h1' | 'h2' | 'h3' | 'h4' | 'h5'"},void 0,0,{fileName:Jm,lineNumber:512,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:511,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'h1'"},void 0,0,{fileName:Jm,lineNumber:515,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:514,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:507,columnNumber:13},this),bi(Ut.Demo,{title:"tagName = 'h3'",withSource:!0,
+children:bi(yi,{children:[bi(Fo,{children:[bi(wl,{},void 0,0,{fileName:Jm,lineNumber:522,columnNumber:19},this),bi(Ro,{tagName:"h3",children:"Card title"},void 0,0,{fileName:Jm,lineNumber:523,columnNumber:19},this)]},void 0,0,{fileName:Jm,lineNumber:521,columnNumber:17},this),bi(Li,{children:bi("p",{children:["Setting a different heading level (HTML tag) in a"," ",bi("code",{children:"CardTitle"},void 0,0,{fileName:Jm,lineNumber:528,columnNumber:21},this),"."]},void 0,0,{fileName:Jm,lineNumber:526,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:525,columnNumber:17},this)]},void 0,0,{fileName:Jm,lineNumber:520,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:519,columnNumber:13},this)]},void 0,0,{fileName:Jm,lineNumber:506,columnNumber:11},this),bi(Ut.SectionL3,{title:"variant",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Define which theme to use for ",bi("code",{children:"CardTitle"},void 0,0,{fileName:Jm,lineNumber:537,columnNumber:47},this),"."]
+},void 0,0,{fileName:Jm,lineNumber:536,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"{'primary' | 'secondary'}"},void 0,0,{fileName:Jm,lineNumber:540,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:539,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'primary'"},void 0,0,{fileName:Jm,lineNumber:543,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:542,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:535,columnNumber:13},this),bi(Ut.Demo,{title:"primary",withSource:!0,children:bi(yi,{children:[bi(Fo,{children:bi(Ro,{variant:"primary",children:"Card title"},void 0,0,{fileName:Jm,lineNumber:550,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:549,columnNumber:17},this),bi(Li,{children:bi("p",{children:["This ",bi("code",{children:"CardTitle"},void 0,0,{fileName:Jm,lineNumber:554,columnNumber:26},this)," uses the default"," ",bi("code",{children:"'primary'"},void 0,0,{fileName:Jm,lineNumber:555,columnNumber:21
+},this)," variant."]},void 0,0,{fileName:Jm,lineNumber:553,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:552,columnNumber:17},this)]},void 0,0,{fileName:Jm,lineNumber:548,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:547,columnNumber:13},this),bi(Ut.Demo,{title:"secondary",withSource:!0,children:bi(yi,{children:[bi(Fo,{children:bi(Ro,{variant:"secondary",children:"Card title"},void 0,0,{fileName:Jm,lineNumber:564,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:563,columnNumber:17},this),bi(Li,{children:bi("p",{children:["This ",bi("code",{children:"CardTitle"},void 0,0,{fileName:Jm,lineNumber:568,columnNumber:26},this)," uses the",bi("code",{children:"'secondary'"},void 0,0,{fileName:Jm,lineNumber:569,columnNumber:21},this)," variant."]},void 0,0,{fileName:Jm,lineNumber:567,columnNumber:19},this)},void 0,0,{fileName:Jm,lineNumber:566,columnNumber:17},this)]},void 0,0,{fileName:Jm,lineNumber:562,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:561,columnNumber:13},this)]
+},void 0,0,{fileName:Jm,lineNumber:534,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"CardTitle"},void 0,0,{fileName:Jm,lineNumber:578,columnNumber:17},this)," accepts HTML attributes."]},void 0,0,{fileName:Jm,lineNumber:577,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"JSX.HTMLAttributes<HTMLElement>"},void 0,0,{fileName:Jm,lineNumber:581,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:580,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:576,columnNumber:13},this)},void 0,0,{fileName:Jm,lineNumber:575,columnNumber:11},this)]},void 0,0,{fileName:Jm,lineNumber:500,columnNumber:9},this)]},void 0,0,{fileName:Jm,lineNumber:469,columnNumber:7},this),bi(Ut.Section,{title:"CardActions",intro:bi("p",{children:["Use ",bi("code",{children:"CardActions"},void 0,0,{fileName:Jm,lineNumber:592,columnNumber:17
+},this)," to render a group of buttons in a"," ",bi("code",{children:"Card"},void 0,0,{fileName:Jm,lineNumber:593,columnNumber:13},this),"."]},void 0,0,{fileName:Jm,lineNumber:591,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Card, CardContent, CardHeader, CardActions",size:"sm"},void 0,0,{fileName:Jm,lineNumber:598,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Card with actions",withSource:!0,children:bi(yi,{children:[bi(Fo,{title:"This card has some actions"},void 0,0,{fileName:Jm,lineNumber:605,columnNumber:17},this),bi(Li,{children:[bi(rm,{size:"xs"},void 0,0,{fileName:Jm,lineNumber:607,columnNumber:19},this),bi(ki,{children:[bi(Ao,{children:"Cancel"},void 0,0,{fileName:Jm,lineNumber:609,columnNumber:21},this),bi(Ao,{variant:"primary",children:"Do it"},void 0,0,{fileName:Jm,lineNumber:610,columnNumber:21},this)]},void 0,0,{fileName:Jm,lineNumber:608,columnNumber:19},this)]},void 0,0,{fileName:Jm,lineNumber:606,columnNumber:17},this)]
+},void 0,0,{fileName:Jm,lineNumber:604,columnNumber:15},this)},void 0,0,{fileName:Jm,lineNumber:603,columnNumber:13},this)},void 0,0,{fileName:Jm,lineNumber:602,columnNumber:11},this)]},void 0,0,{fileName:Jm,lineNumber:597,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("code",{children:"CardActions"},void 0,0,{fileName:Jm,lineNumber:619,columnNumber:11},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:Jm,lineNumber:620,columnNumber:11},this),".",bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"CardActions"},void 0,0,{fileName:Jm,lineNumber:627,columnNumber:17},this)," accepts HTML attributes."]},void 0,0,{fileName:Jm,lineNumber:626,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"JSX.HTMLAttributes<HTMLElement>"},void 0,0,{fileName:Jm,
+lineNumber:630,columnNumber:17},this)},void 0,0,{fileName:Jm,lineNumber:629,columnNumber:15},this)]},void 0,0,{fileName:Jm,lineNumber:625,columnNumber:13},this)},void 0,0,{fileName:Jm,lineNumber:624,columnNumber:11},this)]},void 0,0,{fileName:Jm,lineNumber:618,columnNumber:9},this)]},void 0,0,{fileName:Jm,lineNumber:588,columnNumber:7},this)]},void 0,0,{fileName:Jm,lineNumber:14,columnNumber:5},this)},route:"/layout-card"},{title:"Panel",group:"layout",component:function(){return bi(Ut.Page,{title:"Panel",intro:bi("p",{children:[bi("code",{children:"Panel"},void 0,0,{fileName:Ym,lineNumber:12,columnNumber:11},this)," is a composite component that can be used to create panel-like interfaces. For more nuanced control, use ",bi("code",{children:"Card"},void 0,0,{fileName:Ym,lineNumber:13,columnNumber:64},this)," ","and its allies."]},void 0,0,{fileName:Ym,lineNumber:11,columnNumber:9},this),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Panel"},void 0,0,{fileName:Ym,
+lineNumber:20,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic Panel",withSource:!0,children:bi(jo,{title:"A simple panel",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},void 0,0,{fileName:Ym,lineNumber:23,columnNumber:15},this)},void 0,0,{fileName:Ym,lineNumber:22,columnNumber:13},this)},void 0,0,{fileName:Ym,lineNumber:21,columnNumber:11},this)]},void 0,0,{fileName:Ym,lineNumber:19,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with Panels",children:bi(Ut.SectionL3,{title:"Scrolling content",children:[bi("p",{children:["If a ",bi("code",{children:"Panel"},void 0,0,{fileName:Ym,lineNumber:34,columnNumber:20},this)," is a direct child of an element with a height constraint and the ",bi("code",{children:"scrollable"},void 0,0,{fileName:Ym,lineNumber:35,columnNumber:41},this)," prop is set, its content will scroll if it exceeds the available height. Header and buttons do not scroll."]
+},void 0,0,{fileName:Ym,lineNumber:33,columnNumber:13},this),bi(Ut.Demo,{title:"Scrolling content with `scrollable` prop",withSource:!0,children:bi("div",{className:"h-[350px]",children:bi(jo,{title:"Scrolling content",scrollable:!0,children:bi(rm,{},void 0,0,{fileName:Ym,lineNumber:46,columnNumber:19},this)},void 0,0,{fileName:Ym,lineNumber:45,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:44,columnNumber:15},this)},void 0,0,{fileName:Ym,lineNumber:40,columnNumber:13},this),bi("p",{children:["More control can be achieved by using ",bi("code",{children:"ScrollBox"},void 0,0,{fileName:Ym,lineNumber:52,columnNumber:53},this)," or other scrolling components instead."]},void 0,0,{fileName:Ym,lineNumber:51,columnNumber:13},this),bi(Ut.Demo,{title:"Scrolling certain content",withSource:!0,children:bi("div",{className:"h-[350px]",children:bi(jo,{title:"Scrolling selected content",buttons:bi(I,{children:[bi(Ao,{children:"Buttons"},void 0,0,{fileName:Ym,lineNumber:62,columnNumber:23},this),bi(Ao,{
+children:"do not"},void 0,0,{fileName:Ym,lineNumber:63,columnNumber:23},this),bi(Ao,{variant:"primary",children:"Scroll"},void 0,0,{fileName:Ym,lineNumber:64,columnNumber:23},this)]},void 0),children:[bi("p",{children:"This content does not scroll."},void 0,0,{fileName:Ym,lineNumber:68,columnNumber:19},this),bi(Vr,{children:bi(rm,{},void 0,0,{fileName:Ym,lineNumber:70,columnNumber:21},this)},void 0,0,{fileName:Ym,lineNumber:69,columnNumber:19},this)]},void 0,0,{fileName:Ym,lineNumber:58,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:57,columnNumber:15},this)},void 0,0,{fileName:Ym,lineNumber:56,columnNumber:13},this)]},void 0,0,{fileName:Ym,lineNumber:32,columnNumber:11},this)},void 0,0,{fileName:Ym,lineNumber:31,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("code",{children:"Panel"},void 0,0,{fileName:Ym,lineNumber:79,columnNumber:11},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#composite-components-api",children:"composite component props"
+},void 0,0,{fileName:Ym,lineNumber:80,columnNumber:11},this),".",bi(Ut.SectionL3,{title:"title",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Panel title"},void 0,0,{fileName:Ym,lineNumber:86,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string"},void 0,0,{fileName:Ym,lineNumber:90,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:89,columnNumber:15},this),bi(Ut.InfoItem,{label:"required",children:bi("code",{children:"true"},void 0,0,{fileName:Ym,lineNumber:93,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:92,columnNumber:15},this)]},void 0,0,{fileName:Ym,lineNumber:85,columnNumber:13},this)},void 0,0,{fileName:Ym,lineNumber:84,columnNumber:11},this),bi(Ut.SectionL3,{title:"buttons",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"ComponentChildren"},void 0,0,{fileName:Ym,lineNumber:100,columnNumber:17},this)," to render as available actions in the panel."]},void 0,0,{
+fileName:Ym,lineNumber:99,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"preact.ComponentChildren"},void 0,0,{fileName:Ym,lineNumber:104,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:103,columnNumber:15},this)]},void 0,0,{fileName:Ym,lineNumber:98,columnNumber:13},this),bi(Ut.Demo,{title:"Panel with buttons",withSource:!0,children:bi(jo,{title:"Panel title",buttons:bi(I,{children:[bi(Ao,{children:"Cancel"},void 0,0,{fileName:Ym,lineNumber:113,columnNumber:21},this),bi(Ao,{variant:"primary",children:"Do it"},void 0,0,{fileName:Ym,lineNumber:114,columnNumber:21},this)]},void 0),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},void 0,0,{fileName:Ym,lineNumber:109,columnNumber:15},this)},void 0,0,{fileName:Ym,lineNumber:108,columnNumber:13},this)]},void 0,0,{fileName:Ym,lineNumber:97,columnNumber:11},this),bi(Ut.SectionL3,{title:"fullWidthHeader",children:[bi(Ut.Info,{
+children:[bi(Ut.InfoItem,{label:"description",children:"Make the header and its bottom border stretch the full width of the panel."},void 0,0,{fileName:Ym,lineNumber:125,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Ym,lineNumber:130,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:129,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Ym,lineNumber:133,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:132,columnNumber:15},this)]},void 0,0,{fileName:Ym,lineNumber:124,columnNumber:13},this),bi(Ut.Demo,{title:"Panel with fullWidthHeader",withSource:!0,children:bi(jo,{title:"Panel with full-width header",fullWidthHeader:!0,children:bi(rm,{size:"xs"},void 0,0,{fileName:Ym,lineNumber:139,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:138,columnNumber:15},this)},void 0,0,{fileName:Ym,lineNumber:137,columnNumber:13},this)]},void 0,0,{fileName:Ym,lineNumber:123,
+columnNumber:11},this),bi(Ut.SectionL3,{title:"icon",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["An ",bi("code",{children:"IconComponent"},void 0,0,{fileName:Ym,lineNumber:146,columnNumber:20},this)," to render in the panel header."]},void 0,0,{fileName:Ym,lineNumber:145,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"IconComponent"},void 0,0,{fileName:Ym,lineNumber:149,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:148,columnNumber:15},this)]},void 0,0,{fileName:Ym,lineNumber:144,columnNumber:13},this),bi(Ut.Demo,{title:"Panel with icon",withSource:!0,children:bi(jo,{title:"Panel title",icon:wl,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},void 0,0,{fileName:Ym,lineNumber:154,columnNumber:15},this)},void 0,0,{fileName:Ym,lineNumber:153,columnNumber:13},this)]},void 0,0,{fileName:Ym,lineNumber:143,columnNumber:11},this),bi(Ut.SectionL3,{
+title:"onClose",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Render a close button and invoke this callback function when it is clicked."},void 0,0,{fileName:Ym,lineNumber:162,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"() => void"},void 0,0,{fileName:Ym,lineNumber:167,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:166,columnNumber:15},this)]},void 0,0,{fileName:Ym,lineNumber:161,columnNumber:13},this),bi(Ut.Demo,{title:"Panel with close button",withSource:!0,children:bi(jo,{title:"Panel title",onClose:()=>alert("you clicked it"),children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},void 0,0,{fileName:Ym,lineNumber:172,columnNumber:15},this)},void 0,0,{fileName:Ym,lineNumber:171,columnNumber:13},this)]},void 0,0,{fileName:Ym,lineNumber:160,columnNumber:11},this),bi(Ut.SectionL3,{title:"paddingSize",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{
+label:"description",children:"Determine how much padding is used around the content in the panel."},void 0,0,{fileName:Ym,lineNumber:183,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'sm' | 'md' | 'lg' | 'none'"},void 0,0,{fileName:Ym,lineNumber:188,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:187,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'md'"},void 0,0,{fileName:Ym,lineNumber:191,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:190,columnNumber:15},this)]},void 0,0,{fileName:Ym,lineNumber:182,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi(jo,{title:"paddingSize: 'sm'",paddingSize:"sm",children:bi("div",{className:"bg-grey-1",children:bi(rm,{size:"xs"},void 0,0,{fileName:Ym,lineNumber:198,columnNumber:19},this)},void 0,0,{fileName:Ym,lineNumber:197,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:196,columnNumber:15},this)},void 0,0,{fileName:Ym,lineNumber:195,columnNumber:13
+},this),bi(Ut.Demo,{withSource:!0,children:bi(jo,{title:"paddingSize: 'md'",paddingSize:"md",children:bi("div",{className:"bg-grey-1",children:bi(rm,{size:"xs"},void 0,0,{fileName:Ym,lineNumber:206,columnNumber:19},this)},void 0,0,{fileName:Ym,lineNumber:205,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:204,columnNumber:15},this)},void 0,0,{fileName:Ym,lineNumber:203,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi(jo,{title:"paddingSize: 'lg'",paddingSize:"lg",children:bi("div",{className:"bg-grey-1",children:bi(rm,{size:"xs"},void 0,0,{fileName:Ym,lineNumber:214,columnNumber:19},this)},void 0,0,{fileName:Ym,lineNumber:213,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:212,columnNumber:15},this)},void 0,0,{fileName:Ym,lineNumber:211,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,title:"No padding",children:bi(jo,{title:"paddingSize: 'none'",paddingSize:"none",children:bi("div",{className:"bg-grey-1",children:bi(rm,{size:"xs"},void 0,0,{fileName:Ym,lineNumber:222,
+columnNumber:19},this)},void 0,0,{fileName:Ym,lineNumber:221,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:220,columnNumber:15},this)},void 0,0,{fileName:Ym,lineNumber:219,columnNumber:13},this)]},void 0,0,{fileName:Ym,lineNumber:181,columnNumber:11},this),bi(Ut.SectionL3,{title:"scrollable",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Make the content in the panel scroll if the panel exceeds height constraints. All scrollable panels have a"," ",bi("code",{children:"fullWidthHeader"},void 0,0,{fileName:Ym,lineNumber:232,columnNumber:17},this)," to align with scroll-shadow hints."]},void 0,0,{fileName:Ym,lineNumber:229,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Ym,lineNumber:235,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:234,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Ym,lineNumber:238,columnNumber:17},this)
+},void 0,0,{fileName:Ym,lineNumber:237,columnNumber:15},this)]},void 0,0,{fileName:Ym,lineNumber:228,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi("div",{className:"h-[300px]",children:bi(jo,{title:"Scrolling panel",buttons:bi(I,{children:[bi(Ao,{children:"Cancel"},void 0,0,{fileName:Ym,lineNumber:248,columnNumber:23},this),bi(Ao,{variant:"primary",children:"Do it"},void 0,0,{fileName:Ym,lineNumber:249,columnNumber:23},this)]},void 0),scrollable:!0,children:bi(rm,{size:"lg"},void 0,0,{fileName:Ym,lineNumber:254,columnNumber:19},this)},void 0,0,{fileName:Ym,lineNumber:244,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:243,columnNumber:15},this)},void 0,0,{fileName:Ym,lineNumber:242,columnNumber:13},this)]},void 0,0,{fileName:Ym,lineNumber:227,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Panel"},void 0,0,{fileName:Ym,lineNumber:262,columnNumber:17
+},this)," accepts HTML attributes."]},void 0,0,{fileName:Ym,lineNumber:261,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"JSX.HTMLAttributes<HTMLElement>"},void 0,0,{fileName:Ym,lineNumber:265,columnNumber:17},this)},void 0,0,{fileName:Ym,lineNumber:264,columnNumber:15},this)]},void 0,0,{fileName:Ym,lineNumber:260,columnNumber:13},this)},void 0,0,{fileName:Ym,lineNumber:259,columnNumber:11},this)]},void 0,0,{fileName:Ym,lineNumber:78,columnNumber:9},this)]},void 0,0,{fileName:Ym,lineNumber:18,columnNumber:7},this)},void 0,0,{fileName:Ym,lineNumber:8,columnNumber:5},this)},route:"/layout-panel"},{title:"Overlay",group:"layout",component:function(){const[e,i]=ae(!1),[l,n]=ae(!1),[o,r]=ae(!1),t=()=>i(!e),m=()=>r(!o),u=()=>n(!l);return bi(Ut.Page,{title:"Overlay",intro:bi("p",{children:[bi("code",{children:"Overlay"},void 0,0,{fileName:Qm,lineNumber:21,columnNumber:11
+},this)," is a presentational component that styles full-screen backdrops for use during loading or as a modal backdrop."]},void 0,0,{fileName:Qm,lineNumber:20,columnNumber:9},this),children:bi(Ut.Section,{title:"Overlay",children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Overlay"},void 0,0,{fileName:Qm,lineNumber:28,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic Overlay",withSource:!0,children:[bi(Ao,{onClick:t,children:"Show Overlay"},void 0,0,{fileName:Qm,lineNumber:31,columnNumber:15},this),bi(vi,{open:e,onClick:t,children:bi(yi,{width:"auto",children:bi(Li,{children:"Content in Overlay"},void 0,0,{fileName:Qm,lineNumber:34,columnNumber:19},this)},void 0,0,{fileName:Qm,lineNumber:33,columnNumber:17},this)},void 0,0,{fileName:Qm,lineNumber:32,columnNumber:15},this)]},void 0,0,{fileName:Qm,lineNumber:30,columnNumber:13},this)},void 0,0,{fileName:Qm,lineNumber:29,columnNumber:11},this)]},void 0,0,{fileName:Qm,lineNumber:27,columnNumber:9},this),bi(Ut.SectionL2,{
+title:"Component API",children:[bi("code",{children:"Overlay"},void 0,0,{fileName:Qm,lineNumber:42,columnNumber:11},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:Qm,lineNumber:43,columnNumber:11},this),".",bi(Ut.SectionL3,{title:"variant",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Define which theme to use for the ",bi("code",{children:"Overlay"},void 0,0,{fileName:Qm,lineNumber:50,columnNumber:51},this),"."]},void 0,0,{fileName:Qm,lineNumber:49,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"{'dark' | 'light'}"},void 0,0,{fileName:Qm,lineNumber:53,columnNumber:17},this)},void 0,0,{fileName:Qm,lineNumber:52,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'dark'"},void 0,0,{fileName:Qm,lineNumber:56,columnNumber:17},this)},void 0,0,{fileName:Qm,lineNumber:55,columnNumber:15},this)]
+},void 0,0,{fileName:Qm,lineNumber:48,columnNumber:13},this),bi(Ut.Demo,{title:"dark",withSource:!0,children:[bi(Ao,{onClick:u,children:"Show Overlay"},void 0,0,{fileName:Qm,lineNumber:60,columnNumber:15},this),bi(vi,{open:l,onClick:u,variant:"dark",children:bi(Gr,{size:"lg",color:"text-inverted"},void 0,0,{fileName:Qm,lineNumber:62,columnNumber:17},this)},void 0,0,{fileName:Qm,lineNumber:61,columnNumber:15},this)]},void 0,0,{fileName:Qm,lineNumber:59,columnNumber:13},this),bi(Ut.Demo,{title:"light",withSource:!0,children:[bi(Ao,{onClick:m,children:"Show Overlay"},void 0,0,{fileName:Qm,lineNumber:67,columnNumber:15},this),bi(vi,{open:o,onClick:m,variant:"light",children:bi(Gr,{size:"lg"},void 0,0,{fileName:Qm,lineNumber:73,columnNumber:17},this)},void 0,0,{fileName:Qm,lineNumber:68,columnNumber:15},this)]},void 0,0,{fileName:Qm,lineNumber:66,columnNumber:13},this)]},void 0,0,{fileName:Qm,lineNumber:47,columnNumber:11},this),bi(Ut.SectionL3,{title:"open",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{
+label:"description",children:"Set whether the overlay is open (visible) or not."},void 0,0,{fileName:Qm,lineNumber:79,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Qm,lineNumber:83,columnNumber:17},this)},void 0,0,{fileName:Qm,lineNumber:82,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'true'"},void 0,0,{fileName:Qm,lineNumber:86,columnNumber:17},this)},void 0,0,{fileName:Qm,lineNumber:85,columnNumber:15},this)]},void 0,0,{fileName:Qm,lineNumber:78,columnNumber:13},this)},void 0,0,{fileName:Qm,lineNumber:77,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Overlay"},void 0,0,{fileName:Qm,lineNumber:93,columnNumber:17},this)," accepts HTML attributes."]},void 0,0,{fileName:Qm,lineNumber:92,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{
+children:"JSX.HTMLAttributes<HTMLElement>"},void 0,0,{fileName:Qm,lineNumber:96,columnNumber:17},this)},void 0,0,{fileName:Qm,lineNumber:95,columnNumber:15},this)]},void 0,0,{fileName:Qm,lineNumber:91,columnNumber:13},this)},void 0,0,{fileName:Qm,lineNumber:90,columnNumber:11},this)]},void 0,0,{fileName:Qm,lineNumber:41,columnNumber:9},this)]},void 0,0,{fileName:Qm,lineNumber:26,columnNumber:7},this)},void 0,0,{fileName:Qm,lineNumber:17,columnNumber:5},this)},route:"/layout-overlay"},{title:"Link",group:"navigation",route:"/navigation-link",component:function(){return bi(Ut.Page,{title:"Link",intro:bi("p",{children:[bi("code",{children:"Link"},void 0,0,{fileName:eu,lineNumber:10,columnNumber:11},this)," is a presentational component that provides styling and common behavior for anchor (",bi("code",{children:"a"},void 0,0,{fileName:eu,lineNumber:11,columnNumber:43},this),") elements."]},void 0,0,{fileName:eu,lineNumber:9,columnNumber:9},this),children:bi(Ut.Section,{title:"Link",children:[bi(Ut.SectionL2,{
+children:[bi(Ut.Usage,{componentName:"Link"},void 0,0,{fileName:eu,lineNumber:17,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic Link",withSource:!0,children:bi(ot,{href:"https://www.example.com",children:"A link to a website"},void 0,0,{fileName:eu,lineNumber:20,columnNumber:15},this)},void 0,0,{fileName:eu,lineNumber:19,columnNumber:13},this)},void 0,0,{fileName:eu,lineNumber:18,columnNumber:11},this)]},void 0,0,{fileName:eu,lineNumber:16,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("code",{children:"Link"},void 0,0,{fileName:eu,lineNumber:26,columnNumber:11},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:eu,lineNumber:27,columnNumber:11},this),".",bi(Ut.SectionL3,{title:"underline",children:[bi("div",{className:"m-4",children:bi(Ut.Callout,{children:[bi("strong",{children:"Note"},void 0,0,{fileName:eu,lineNumber:34,columnNumber:17
+},this)," The ",bi("code",{children:"underline"},void 0,0,{fileName:eu,lineNumber:34,columnNumber:43},this)," prop is likely to be removed in future and underlining will be controlled with a styling-API prop. This prop is ignored if"," ",bi("code",{children:"unstyled"},void 0,0,{fileName:eu,lineNumber:37,columnNumber:17},this)," is set (in which case, no underline styling will be applied)."]},void 0,0,{fileName:eu,lineNumber:33,columnNumber:15},this)},void 0,0,{fileName:eu,lineNumber:32,columnNumber:13},this),bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Control when underlines are applied to links. Current default is"," ",bi("code",{children:"'none'"},void 0,0,{fileName:eu,lineNumber:44,columnNumber:17},this),", but this will be changing in future. Links inline with text content should set ",bi("code",{children:"underline"},void 0,0,{fileName:eu,lineNumber:45,columnNumber:59},this)," ","to ",bi("code",{children:"'always'"},void 0,0,{fileName:eu,lineNumber:46,columnNumber:20},this),"."]
+},void 0,0,{fileName:eu,lineNumber:42,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'none' | 'hover' | 'always'"},void 0,0,{fileName:eu,lineNumber:49,columnNumber:17},this)},void 0,0,{fileName:eu,lineNumber:48,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'none'"},void 0,0,{fileName:eu,lineNumber:52,columnNumber:17},this)},void 0,0,{fileName:eu,lineNumber:51,columnNumber:15},this)]},void 0,0,{fileName:eu,lineNumber:41,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi("div",{className:"flex flex-col",children:[bi(ot,{href:"https://www.example.com",underline:"none",children:"Link with underline: none"},void 0,0,{fileName:eu,lineNumber:58,columnNumber:17},this),bi(ot,{href:"https://www.example.com",underline:"hover",children:"Link with underline: hover"},void 0,0,{fileName:eu,lineNumber:61,columnNumber:17},this),bi(ot,{href:"https://www.example.com",underline:"always",children:"Link with underline: always"},void 0,0,{
+fileName:eu,lineNumber:64,columnNumber:17},this)]},void 0,0,{fileName:eu,lineNumber:57,columnNumber:15},this)},void 0,0,{fileName:eu,lineNumber:56,columnNumber:13},this)]},void 0,0,{fileName:eu,lineNumber:31,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Link"},void 0,0,{fileName:eu,lineNumber:73,columnNumber:17},this)," accepts HTML attribute props applicable to"," ",bi("code",{children:"HTMLAnchorElement"},void 0,0,{fileName:eu,lineNumber:74,columnNumber:17},this),"."]},void 0,0,{fileName:eu,lineNumber:72,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"preact.JSX.AnchorHTMLAttributes<HTMLAnchorElement>"},void 0,0,{fileName:eu,lineNumber:77,columnNumber:17},this)},void 0,0,{fileName:eu,lineNumber:76,columnNumber:15},this),bi(Ut.InfoItem,{label:"example",children:bi(Ut.Code,{
+content:'<Link id="my-own-id" href="https://www.example.com">A Link with attributes</Link>',size:"sm"},void 0,0,{fileName:eu,lineNumber:82,columnNumber:17},this)},void 0,0,{fileName:eu,lineNumber:81,columnNumber:15},this)]},void 0,0,{fileName:eu,lineNumber:71,columnNumber:13},this)},void 0,0,{fileName:eu,lineNumber:70,columnNumber:11},this)]},void 0,0,{fileName:eu,lineNumber:25,columnNumber:9},this),bi(Ut.SectionL2,{title:"Styling API",children:[bi("p",{children:[bi("code",{children:"Link"},void 0,0,{fileName:eu,lineNumber:93,columnNumber:13},this)," accepts the following props from the"," ",bi(Ut.Link,{href:"/using-components#presentational-components-styling-api",children:"presentational component styling API"},void 0,0,{fileName:eu,lineNumber:94,columnNumber:13},this),"."]},void 0,0,{fileName:eu,lineNumber:92,columnNumber:11},this),bi(Ut.SectionL3,{title:"variant",id:"styling-api-variant",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Link ",bi("code",{children:"variant"
+},void 0,0,{fileName:eu,lineNumber:102,columnNumber:22},this),"s affect the color of link text (including hover color). Set to ",bi("code",{children:"custom"},void 0,0,{fileName:eu,lineNumber:103,columnNumber:49},this)," to remove theming styles."]},void 0,0,{fileName:eu,lineNumber:101,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'brand' | 'text' | 'text-light' | 'custom'"},void 0,0,{fileName:eu,lineNumber:107,columnNumber:17},this)},void 0,0,{fileName:eu,lineNumber:106,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'brand'"},void 0,0,{fileName:eu,lineNumber:110,columnNumber:17},this)},void 0,0,{fileName:eu,lineNumber:109,columnNumber:15},this)]},void 0,0,{fileName:eu,lineNumber:100,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi("div",{className:"flex flex-col",children:[bi(ot,{href:"https://www.example.com",variant:"brand",children:"Variant: brand (default)"},void 0,0,{fileName:eu,lineNumber:116,columnNumber:17
+},this),bi(ot,{href:"https://www.example.com",variant:"text",children:"Variant: text"},void 0,0,{fileName:eu,lineNumber:119,columnNumber:17},this),bi(ot,{href:"https://www.example.com",variant:"text-light",children:"Variant: text-light"},void 0,0,{fileName:eu,lineNumber:122,columnNumber:17},this),bi(ot,{href:"https://www.example.com",variant:"custom",children:"Variant: custom"},void 0,0,{fileName:eu,lineNumber:125,columnNumber:17},this)]},void 0,0,{fileName:eu,lineNumber:115,columnNumber:15},this)},void 0,0,{fileName:eu,lineNumber:114,columnNumber:13},this)]},void 0,0,{fileName:eu,lineNumber:99,columnNumber:11},this),bi(Ut.SectionL3,{title:"unstyled",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Set to remove all styling."},void 0,0,{fileName:eu,lineNumber:134,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:eu,lineNumber:138,columnNumber:17},this)},void 0,0,{fileName:eu,lineNumber:137,columnNumber:15
+},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:eu,lineNumber:141,columnNumber:17},this)},void 0,0,{fileName:eu,lineNumber:140,columnNumber:15},this)]},void 0,0,{fileName:eu,lineNumber:133,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi(ot,{href:"https://www.example.com",unstyled:!0,children:"Unstyled Link"},void 0,0,{fileName:eu,lineNumber:146,columnNumber:15},this)},void 0,0,{fileName:eu,lineNumber:145,columnNumber:13},this)]},void 0,0,{fileName:eu,lineNumber:132,columnNumber:11},this)]},void 0,0,{fileName:eu,lineNumber:91,columnNumber:9},this)]},void 0,0,{fileName:eu,lineNumber:15,columnNumber:7},this)},void 0,0,{fileName:eu,lineNumber:6,columnNumber:5},this)}},{title:"LinkButton",group:"navigation",component:function(){return bi(Ut.Page,{title:"LinkButton",intro:bi("p",{children:[bi("code",{children:"LinkButton"},void 0,0,{fileName:Zm,lineNumber:10,columnNumber:11
+},this)," is a presentational component that can be used to style a button to appear as a link."]},void 0,0,{fileName:Zm,lineNumber:9,columnNumber:9},this),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"LinkButton"},void 0,0,{fileName:Zm,lineNumber:17,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic LinkButton",withSource:!0,children:bi(tt,{children:"Example of LinkButton"},void 0,0,{fileName:Zm,lineNumber:20,columnNumber:15},this)},void 0,0,{fileName:Zm,lineNumber:19,columnNumber:13},this)},void 0,0,{fileName:Zm,lineNumber:18,columnNumber:11},this)]},void 0,0,{fileName:Zm,lineNumber:16,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi(Ut.SectionL3,{title:"color",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"status",children:[bi(Ut.StatusChip,{status:"deprecated"},void 0,0,{fileName:Zm,lineNumber:29,columnNumber:17},this)," Use"," ",bi("code",{children:"variant"},void 0,0,{fileName:Zm,lineNumber:30,
+columnNumber:17},this)," prop instead."]},void 0,0,{fileName:Zm,lineNumber:28,columnNumber:15},this),bi(Ut.InfoItem,{label:"description",children:["Link ",bi("code",{children:"color"},void 0,0,{fileName:Zm,lineNumber:33,columnNumber:22},this)," affects the color of link text (including hover color)."]},void 0,0,{fileName:Zm,lineNumber:32,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'brand' | 'text' | 'text-light'"},void 0,0,{fileName:Zm,lineNumber:37,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:36,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'brand'"},void 0,0,{fileName:Zm,lineNumber:40,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:39,columnNumber:15},this)]},void 0,0,{fileName:Zm,lineNumber:27,columnNumber:13},this)},void 0,0,{fileName:Zm,lineNumber:26,columnNumber:11},this),bi(Ut.SectionL3,{title:"inline",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Style a ",bi("code",{
+children:"LinkButton"},void 0,0,{fileName:Zm,lineNumber:48,columnNumber:25},this)," to lay out inline. Ignored if"," ",bi("code",{children:"unstyled"},void 0,0,{fileName:Zm,lineNumber:49,columnNumber:17},this)," is set."]},void 0,0,{fileName:Zm,lineNumber:47,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Zm,lineNumber:52,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:51,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Zm,lineNumber:55,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:54,columnNumber:15},this)]},void 0,0,{fileName:Zm,lineNumber:46,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi("div",{className:"flex flex-col gap-y-4",children:[bi("p",{children:["This is"," ",bi(tt,{underline:"always",children:"a default LinkButton"},void 0,0,{fileName:Zm,lineNumber:62,columnNumber:19},this)," ","with some text."]},void 0,0,{fileName:Zm,lineNumber:60,
+columnNumber:17},this),bi("p",{children:["This is"," ",bi(tt,{underline:"always",inline:!0,children:"an inline LinkButton"},void 0,0,{fileName:Zm,lineNumber:69,columnNumber:19},this)," ","with some text."]},void 0,0,{fileName:Zm,lineNumber:67,columnNumber:17},this)]},void 0,0,{fileName:Zm,lineNumber:59,columnNumber:15},this)},void 0,0,{fileName:Zm,lineNumber:58,columnNumber:13},this)]},void 0,0,{fileName:Zm,lineNumber:45,columnNumber:11},this),bi(Ut.SectionL3,{title:"underline",children:[bi("div",{className:"m-4",children:bi(Ut.Callout,{children:[bi("strong",{children:"Note"},void 0,0,{fileName:Zm,lineNumber:81,columnNumber:17},this)," The ",bi("code",{children:"underline"},void 0,0,{fileName:Zm,lineNumber:81,columnNumber:43},this)," prop is likely to be removed in future and underlining will be controlled with a styling-API prop. This prop is ignored if"," ",bi("code",{children:"unstyled"},void 0,0,{fileName:Zm,lineNumber:84,columnNumber:17
+},this)," is set (in which case, no underline styling will be applied)."]},void 0,0,{fileName:Zm,lineNumber:80,columnNumber:15},this)},void 0,0,{fileName:Zm,lineNumber:79,columnNumber:13},this),bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Control when underlines are applied to ",bi("code",{children:"LinkButton"},void 0,0,{fileName:Zm,lineNumber:90,columnNumber:56},this),"s. Current default is ",bi("code",{children:"'none'"},void 0,0,{fileName:Zm,lineNumber:91,columnNumber:36},this),", but this will be changing in future. Links inline with text content should set"," ",bi("code",{children:"underline"},void 0,0,{fileName:Zm,lineNumber:93,columnNumber:17},this)," to ",bi("code",{children:"'always'"},void 0,0,{fileName:Zm,lineNumber:93,columnNumber:43},this),"."]},void 0,0,{fileName:Zm,lineNumber:89,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'none' | 'hover' | 'always'"},void 0,0,{fileName:Zm,lineNumber:96,columnNumber:17},this)},void 0,0,{fileName:Zm,
+lineNumber:95,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'none'"},void 0,0,{fileName:Zm,lineNumber:99,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:98,columnNumber:15},this)]},void 0,0,{fileName:Zm,lineNumber:88,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi("div",{className:"flex flex-col",children:[bi(tt,{underline:"none",children:"Underline: none (default)"},void 0,0,{fileName:Zm,lineNumber:105,columnNumber:17},this),bi(tt,{underline:"hover",children:"Underline: hover"},void 0,0,{fileName:Zm,lineNumber:109,columnNumber:17},this),bi(tt,{underline:"always",children:"Underline: always"},void 0,0,{fileName:Zm,lineNumber:111,columnNumber:17},this),bi("p",{children:["LinkButtons should be"," ",bi(tt,{underline:"always",inline:!0,children:"always underlined"},void 0,0,{fileName:Zm,lineNumber:114,columnNumber:19},this)," ","when inline with text content."]},void 0,0,{fileName:Zm,lineNumber:112,columnNumber:17},this)]},void 0,0,{fileName:Zm,
+lineNumber:104,columnNumber:15},this)},void 0,0,{fileName:Zm,lineNumber:103,columnNumber:13},this)]},void 0,0,{fileName:Zm,lineNumber:78,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"LinkButton"},void 0,0,{fileName:Zm,lineNumber:126,columnNumber:17},this)," accepts HTML attribute props applicable to ",bi("code",{children:"HTMLButtonElement"},void 0,0,{fileName:Zm,lineNumber:127,columnNumber:20},this),"."]},void 0,0,{fileName:Zm,lineNumber:125,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"preact.JSX.ButtonHTMLAttributes<HTMLButtonElement>"},void 0,0,{fileName:Zm,lineNumber:130,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:129,columnNumber:15},this)]},void 0,0,{fileName:Zm,lineNumber:124,columnNumber:13},this)},void 0,0,{fileName:Zm,lineNumber:123,columnNumber:11},this)]},void 0,0,{fileName:Zm,lineNumber:25,columnNumber:9},this),bi(Ut.SectionL2,{
+title:"Styling API",children:[bi("p",{children:[bi("code",{children:"LinkButton"},void 0,0,{fileName:Zm,lineNumber:140,columnNumber:13},this)," accepts the following props from the"," ",bi(Ut.Link,{href:"/using-components#presentational-components-styling-api",children:"presentational component styling API"},void 0,0,{fileName:Zm,lineNumber:141,columnNumber:13},this),"."]},void 0,0,{fileName:Zm,lineNumber:139,columnNumber:11},this),bi(Ut.SectionL3,{title:"variant",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set to ",bi("code",{children:"custom"},void 0,0,{fileName:Zm,lineNumber:149,columnNumber:24},this)," to remove theming styles."]},void 0,0,{fileName:Zm,lineNumber:148,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'brand' | 'text' | 'text-light' | 'custom'"},void 0,0,{fileName:Zm,lineNumber:152,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:151,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{
+children:"'brand'"},void 0,0,{fileName:Zm,lineNumber:155,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:154,columnNumber:15},this)]},void 0,0,{fileName:Zm,lineNumber:147,columnNumber:13},this),bi("div",{className:"m-8 grid grid-cols-4 gap-x-16 gap-y-4",children:[bi("div",{className:"row-span-2 self-end",children:bi("strong",{children:"variant"},void 0,0,{fileName:Zm,lineNumber:161,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:160,columnNumber:15},this),bi("div",{className:"uppercase col-span-3 w-full text-center font-semibold border-b border-stone-300 pb-2 border-dashed",children:"states"},void 0,0,{fileName:Zm,lineNumber:163,columnNumber:15},this),bi("div",{children:bi("strong",{children:"default"},void 0,0,{fileName:Zm,lineNumber:167,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:166,columnNumber:15},this),bi("div",{children:bi("strong",{children:"pressed"},void 0,0,{fileName:Zm,lineNumber:170,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:169,columnNumber:15
+},this),bi("div",{children:bi("strong",{children:"disabled"},void 0,0,{fileName:Zm,lineNumber:173,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:172,columnNumber:15},this),bi("div",{className:"col-span-4 border-b border-stone-300"},void 0,0,{fileName:Zm,lineNumber:176,columnNumber:15},this),bi("div",{children:bi("code",{children:"'brand'"},void 0,0,{fileName:Zm,lineNumber:178,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:177,columnNumber:15},this),bi(tt,{variant:"brand",children:"Link text"},void 0,0,{fileName:Zm,lineNumber:180,columnNumber:15},this),bi(tt,{variant:"brand",pressed:!0,children:"Link text"},void 0,0,{fileName:Zm,lineNumber:181,columnNumber:15},this),bi(tt,{variant:"brand",disabled:!0,children:"Link text"},void 0,0,{fileName:Zm,lineNumber:184,columnNumber:15},this),bi("div",{children:bi("code",{children:"'text'"},void 0,0,{fileName:Zm,lineNumber:189,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:188,columnNumber:15},this),bi(tt,{variant:"text",children:"Link text"
+},void 0,0,{fileName:Zm,lineNumber:191,columnNumber:15},this),bi(tt,{variant:"text",pressed:!0,children:"Link text"},void 0,0,{fileName:Zm,lineNumber:192,columnNumber:15},this),bi(tt,{variant:"text",disabled:!0,children:"Link text"},void 0,0,{fileName:Zm,lineNumber:195,columnNumber:15},this),bi("div",{children:bi("code",{children:"'text-light'"},void 0,0,{fileName:Zm,lineNumber:200,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:199,columnNumber:15},this),bi(tt,{variant:"text-light",children:"Link text"},void 0,0,{fileName:Zm,lineNumber:202,columnNumber:15},this),bi(tt,{variant:"text-light",pressed:!0,children:"Link text"},void 0,0,{fileName:Zm,lineNumber:203,columnNumber:15},this),bi(tt,{variant:"text-light",disabled:!0,children:"Link text"},void 0,0,{fileName:Zm,lineNumber:206,columnNumber:15},this),bi("div",{children:bi("code",{children:"'custom'"},void 0,0,{fileName:Zm,lineNumber:211,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:210,columnNumber:15},this),bi(tt,{variant:"custom",
+children:"Link text"},void 0,0,{fileName:Zm,lineNumber:213,columnNumber:15},this),bi(tt,{variant:"custom",pressed:!0,children:"Link text"},void 0,0,{fileName:Zm,lineNumber:214,columnNumber:15},this),bi(tt,{variant:"custom",disabled:!0,children:"Link text"},void 0,0,{fileName:Zm,lineNumber:217,columnNumber:15},this)]},void 0,0,{fileName:Zm,lineNumber:159,columnNumber:13},this)]},void 0,0,{fileName:Zm,lineNumber:146,columnNumber:11},this),bi(Ut.SectionL3,{title:"unstyled",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Set to remove all styling."},void 0,0,{fileName:Zm,lineNumber:225,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Zm,lineNumber:229,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:228,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:Zm,lineNumber:232,columnNumber:17},this)},void 0,0,{fileName:Zm,lineNumber:231,columnNumber:15},this)]
+},void 0,0,{fileName:Zm,lineNumber:224,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,children:bi(tt,{unstyled:!0,children:"Unstyled LinkButton"},void 0,0,{fileName:Zm,lineNumber:237,columnNumber:15},this)},void 0,0,{fileName:Zm,lineNumber:236,columnNumber:13},this)]},void 0,0,{fileName:Zm,lineNumber:223,columnNumber:11},this)]},void 0,0,{fileName:Zm,lineNumber:138,columnNumber:9},this)]},void 0,0,{fileName:Zm,lineNumber:15,columnNumber:7},this)},void 0,0,{fileName:Zm,lineNumber:6,columnNumber:5},this)},route:"/navigation-linkbutton"},{title:"Pagination",group:"navigation",component:function(){const[e,i]=ae(1);return bi(Ut.Page,{title:"Pagination",intro:bi("p",{children:[bi("code",{children:"Pagination"},void 0,0,{fileName:iu,lineNumber:14,columnNumber:11},this)," is a component that allows navigating between pages in a paginated set of items."]},void 0,0,{fileName:iu,lineNumber:13,columnNumber:9},this),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{symbolName:"Pagination"
+},void 0,0,{fileName:iu,lineNumber:21,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic usage",withSource:!0,children:bi(ct,{currentPage:e,totalPages:10,onChangePage:e=>i(e)},void 0,0,{fileName:iu,lineNumber:24,columnNumber:15},this)},void 0,0,{fileName:iu,lineNumber:23,columnNumber:13},this)},void 0,0,{fileName:iu,lineNumber:22,columnNumber:11},this)]},void 0,0,{fileName:iu,lineNumber:20,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi(Ut.SectionL3,{title:"currentPage",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"The 1-based number of the currently visible page."},void 0,0,{fileName:iu,lineNumber:36,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"number"},void 0,0,{fileName:iu,lineNumber:40,columnNumber:17},this)},void 0,0,{fileName:iu,lineNumber:39,columnNumber:15},this)]},void 0,0,{fileName:iu,lineNumber:35,columnNumber:13},this)},void 0,0,{fileName:iu,lineNumber:34,columnNumber:11
+},this),bi(Ut.SectionL3,{title:"onChangePage",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Callback invoked with the new page number when the user clicks a navigation button."},void 0,0,{fileName:iu,lineNumber:47,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:["(newPage: number) ","=>"," void"]},void 0,0,{fileName:iu,lineNumber:52,columnNumber:17},this)},void 0,0,{fileName:iu,lineNumber:51,columnNumber:15},this)]},void 0,0,{fileName:iu,lineNumber:46,columnNumber:13},this)},void 0,0,{fileName:iu,lineNumber:45,columnNumber:11},this),bi(Ut.SectionL3,{title:"totalPages",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"The total number of pages available."},void 0,0,{fileName:iu,lineNumber:59,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"number"},void 0,0,{fileName:iu,lineNumber:63,columnNumber:17},this)},void 0,0,{fileName:iu,lineNumber:62,columnNumber:15},this)]},void 0,0,{
+fileName:iu,lineNumber:58,columnNumber:13},this)},void 0,0,{fileName:iu,lineNumber:57,columnNumber:11},this)]},void 0,0,{fileName:iu,lineNumber:33,columnNumber:9},this)]},void 0,0,{fileName:iu,lineNumber:19,columnNumber:7},this)},void 0,0,{fileName:iu,lineNumber:10,columnNumber:5},this)},route:"/navigation-pagination"},{title:"PointerButton",group:"navigation",component:function(){return bi(Ut.Page,{title:"PointerButton",intro:bi(I,{children:[bi("p",{children:[bi("code",{children:"PointerButton"},void 0,0,{fileName:lu,lineNumber:11,columnNumber:13},this),' is a presentational component for styling a button that points towards a group of items elsewhere in the UI or off-screen. They are specifically used to indicate and navigate to "buckets" (groups of annotations that are near each other in document content) in the Hypothesis client.']},void 0,0,{fileName:lu,lineNumber:10,columnNumber:11},this),bi("p",{
+children:"PointerButtons point at and navigate to these groups of annotation highlights, which are either in the visible content of the source document (guest page) or off-screen (above or below)."},void 0,0,{fileName:lu,lineNumber:17,columnNumber:11},this)]},void 0),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"PointerButton"},void 0,0,{fileName:lu,lineNumber:27,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic PointerButtons",withSource:!0,children:[bi(dt,{direction:"up",children:"3"},void 0,0,{fileName:lu,lineNumber:30,columnNumber:15},this),bi(dt,{direction:"down",children:"7"},void 0,0,{fileName:lu,lineNumber:31,columnNumber:15},this),bi(dt,{direction:"left",children:"5"},void 0,0,{fileName:lu,lineNumber:32,columnNumber:15},this)]},void 0,0,{fileName:lu,lineNumber:29,columnNumber:13},this)},void 0,0,{fileName:lu,lineNumber:28,columnNumber:11},this)]},void 0,0,{fileName:lu,lineNumber:26,columnNumber:9},this),bi(Ut.SectionL2,{
+title:"Working with PointerButtons",children:bi(Ut.SectionL3,{title:"PointerButtons in context",children:[bi("p",{children:["The following example shows ",bi("code",{children:"PointerButtons"},void 0,0,{fileName:lu,lineNumber:39,columnNumber:43},this)," as they might appear in the client, positioned absolutely in a"," ",'"bucket bar"',"."]},void 0,0,{fileName:lu,lineNumber:38,columnNumber:13},this),bi(Ut.Demo,{title:"PointerButtons in visual context",withSource:!0,children:bi("div",{className:"w-[23px] h-[250px] bg-grey-2",children:bi("ul",{className:"relative h-full pointer-events-none",children:[bi("li",{className:"absolute right-0 pointer-events-auto mt-[-11px]",style:{top:"15px"},children:bi(dt,{direction:"up",children:"6"},void 0,0,{fileName:lu,lineNumber:50,columnNumber:21},this)},void 0,0,{fileName:lu,lineNumber:46,columnNumber:19},this),bi("li",{className:"absolute right-0 pointer-events-auto mt-[-8px]",style:{top:"47px"},children:bi(dt,{direction:"left",children:"10"},void 0,0,{fileName:lu,
+lineNumber:57,columnNumber:21},this)},void 0,0,{fileName:lu,lineNumber:53,columnNumber:19},this),bi("li",{className:"absolute right-0 pointer-events-auto mt-[-8px]",style:{top:"112px"},children:bi(dt,{direction:"left",children:"1"},void 0,0,{fileName:lu,lineNumber:64,columnNumber:21},this)},void 0,0,{fileName:lu,lineNumber:60,columnNumber:19},this),bi("li",{className:"absolute right-0 pointer-events-auto",style:{top:"230px"},children:bi(dt,{direction:"down",children:"4"},void 0,0,{fileName:lu,lineNumber:71,columnNumber:21},this)},void 0,0,{fileName:lu,lineNumber:67,columnNumber:19},this)]},void 0,0,{fileName:lu,lineNumber:45,columnNumber:17},this)},void 0,0,{fileName:lu,lineNumber:44,columnNumber:15},this)},void 0,0,{fileName:lu,lineNumber:43,columnNumber:13},this)]},void 0,0,{fileName:lu,lineNumber:37,columnNumber:11},this)},void 0,0,{fileName:lu,lineNumber:36,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("code",{children:"Button"},void 0,0,{fileName:lu,lineNumber:80,
+columnNumber:11},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:lu,lineNumber:81,columnNumber:11},this),".",bi(Ut.SectionL3,{title:"direction",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Direction the button should point. If not provided, the button will be a round lozenge."},void 0,0,{fileName:lu,lineNumber:87,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'up' | 'down' | 'left'"},void 0,0,{fileName:lu,lineNumber:92,columnNumber:17},this)},void 0,0,{fileName:lu,lineNumber:91,columnNumber:15},this)]},void 0,0,{fileName:lu,lineNumber:86,columnNumber:13},this),bi(Ut.Demo,{title:"direction not set",withSource:!0,children:bi(dt,{children:"24"},void 0,0,{fileName:lu,lineNumber:97,columnNumber:15},this)},void 0,0,{fileName:lu,lineNumber:96,columnNumber:13},this),bi("p",{children:["The ",bi("code",{children:"left"},void 0,0,{
+fileName:lu,lineNumber:101,columnNumber:19},this)," direction is intended to point to and navigate to a bucket of annotations currently visible on-screen."]},void 0,0,{fileName:lu,lineNumber:100,columnNumber:13},this),bi(Ut.Demo,{title:"direction: left",withSource:!0,children:bi(dt,{direction:"left",children:"3"},void 0,0,{fileName:lu,lineNumber:105,columnNumber:15},this)},void 0,0,{fileName:lu,lineNumber:104,columnNumber:13},this),bi("p",{children:["The ",bi("code",{children:"up"},void 0,0,{fileName:lu,lineNumber:109,columnNumber:19},this)," direction is intended to point to and navigate to the next bucket offscreen (above)."]},void 0,0,{fileName:lu,lineNumber:108,columnNumber:13},this),bi(Ut.Demo,{title:"direction: up",withSource:!0,children:bi(dt,{direction:"up",children:"4"},void 0,0,{fileName:lu,lineNumber:113,columnNumber:15},this)},void 0,0,{fileName:lu,lineNumber:112,columnNumber:13},this),bi("p",{children:["The ",bi("code",{children:"down"},void 0,0,{fileName:lu,lineNumber:117,columnNumber:19
+},this)," direction is intended to point to and navigate to the next bucket offscreen (below)."]},void 0,0,{fileName:lu,lineNumber:116,columnNumber:13},this),bi(Ut.Demo,{title:"direction: down",withSource:!0,children:bi(dt,{direction:"down",children:"6"},void 0,0,{fileName:lu,lineNumber:121,columnNumber:15},this)},void 0,0,{fileName:lu,lineNumber:120,columnNumber:13},this)]},void 0,0,{fileName:lu,lineNumber:85,columnNumber:11},this),bi(Ut.SectionL3,{title:"...buttonProps",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"PointerButton"},void 0,0,{fileName:lu,lineNumber:127,columnNumber:17},this)," props for"," ",bi(Ut.Link,{href:"/input-button",children:"Button"},void 0,0,{fileName:lu,lineNumber:128,columnNumber:17},this)," except for styling API props. This includes HTML attributes."]},void 0,0,{fileName:lu,lineNumber:126,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"Omit<ButtonProps>, 'variant' | 'size' | 'unstyled'>"
+},void 0,0,{fileName:lu,lineNumber:132,columnNumber:17},this)},void 0,0,{fileName:lu,lineNumber:131,columnNumber:15},this)]},void 0,0,{fileName:lu,lineNumber:125,columnNumber:13},this)},void 0,0,{fileName:lu,lineNumber:124,columnNumber:11},this)]},void 0,0,{fileName:lu,lineNumber:79,columnNumber:9},this)]},void 0,0,{fileName:lu,lineNumber:25,columnNumber:7},this)},void 0,0,{fileName:lu,lineNumber:6,columnNumber:5},this)},route:"/navigation-pointerbutton"},{title:"Tabs",group:"navigation",component:function(){const[e,i]=ae("notifications"),[l,n]=ae("annotations"),[o,r]=ae("annotations"),[t,m]=ae("annotations"),[u,c]=ae("notifications");return bi(Ut.Page,{title:"Tabs",intro:bi("p",{children:[bi("code",{children:"Tab"},void 0,0,{fileName:nu,lineNumber:25,columnNumber:11},this)," and ",bi("code",{children:"TabList"},void 0,0,{fileName:nu,lineNumber:25,columnNumber:32},this)," are presentational components for rendering accessible tabs."]},void 0,0,{fileName:nu,lineNumber:24,columnNumber:9},this),
+children:[bi(Ut.Section,{title:"Tab",intro:bi("p",{children:[bi("code",{children:"Tab"},void 0,0,{fileName:nu,lineNumber:34,columnNumber:13},this)," generates a button with appropriate ARIA attributes."]},void 0,0,{fileName:nu,lineNumber:33,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Tab"},void 0,0,{fileName:nu,lineNumber:40,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic Tabs in a tablist",withSource:!0,children:bi("div",{role:"tablist",className:"gap-x-6 flex",children:[bi(Nt,{children:["Annotations",bi("span",{className:"relative bottom-[3px] left-[2px] text-[10px]",children:52},void 0,0,{fileName:nu,lineNumber:46,columnNumber:19},this)]},void 0,0,{fileName:nu,lineNumber:44,columnNumber:17},this),bi(Nt,{selected:!0,children:["Page Notes",bi("span",{className:"relative bottom-[3px] left-[2px] text-[10px]",children:4},void 0,0,{fileName:nu,lineNumber:52,columnNumber:19},this)]},void 0,0,{fileName:nu,lineNumber:50,columnNumber:17
+},this),bi(Nt,{children:["Orphans",bi("span",{className:"relative bottom-[3px] left-[2px] text-[10px]",children:2},void 0,0,{fileName:nu,lineNumber:58,columnNumber:19},this)]},void 0,0,{fileName:nu,lineNumber:56,columnNumber:17},this)]},void 0,0,{fileName:nu,lineNumber:43,columnNumber:15},this)},void 0,0,{fileName:nu,lineNumber:42,columnNumber:13},this)},void 0,0,{fileName:nu,lineNumber:41,columnNumber:11},this)]},void 0,0,{fileName:nu,lineNumber:39,columnNumber:9},this),bi(Ut.SectionL2,{title:"Working with Tabs",children:[bi(Ut.SectionL3,{title:"Accessibility",children:bi("ul",{children:[bi("li",{children:[bi("code",{children:"Tab"},void 0,0,{fileName:nu,lineNumber:70,columnNumber:17},this),"s ",bi("em",{children:"must"},void 0,0,{fileName:nu,lineNumber:70,columnNumber:35},this)," be direct children of an element with ",bi("code",{children:["role=",'"tablist"']},void 0,0,{fileName:nu,lineNumber:71,columnNumber:22},this)," (or use the"," ",bi("code",{children:"TabList"},void 0,0,{fileName:nu,lineNumber:72,
+columnNumber:17},this)," component)."]},void 0,0,{fileName:nu,lineNumber:69,columnNumber:15},this),bi("li",{children:["You ",bi("em",{children:"should"},void 0,0,{fileName:nu,lineNumber:75,columnNumber:21},this)," provide an"," ",bi("a",{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls",children:bi("code",{children:"aria-controls"},void 0,0,{fileName:nu,lineNumber:77,columnNumber:19},this)},void 0,0,{fileName:nu,lineNumber:76,columnNumber:17},this)," ","attribute to each ",bi("code",{children:"Tab"},void 0,0,{fileName:nu,lineNumber:79,columnNumber:35},this),". This is not always feasible in our applications."]},void 0,0,{fileName:nu,lineNumber:74,columnNumber:15},this)]},void 0,0,{fileName:nu,lineNumber:68,columnNumber:13},this)},void 0,0,{fileName:nu,lineNumber:67,columnNumber:11},this),bi(Ut.SectionL3,{title:"Preventing text jiggle with textContent",children:[bi("p",{
+children:"Bolding is used in our design patterns to indicate a selected tab. Without any intervention, textual tabs will jiggle around when they are selected. This has a simple cause: bold text takes up more room."},void 0,0,{fileName:nu,lineNumber:85,columnNumber:13},this),bi("p",{children:[bi("strong",{children:["Setting ",bi("code",{children:"textContent"},void 0,0,{fileName:nu,lineNumber:93,columnNumber:25},this)," can help prevent jiggle in selected tabs"]},void 0,0,{fileName:nu,lineNumber:92,columnNumber:15},this),". The size of the tab will accommodate this string rendered in bold text."]},void 0,0,{fileName:nu,lineNumber:91,columnNumber:13},this),bi(Ut.Demo,{title:"Tabs without textContent (jiggle when selected)",withSource:!0,children:bi(bt,{classes:"gap-x-6",children:[bi(Nt,{selected:"annotations"===l,onClick:()=>n("annotations"),children:["Annotations",bi("span",{className:"relative bottom-[3px] left-[2px] text-[10px]",children:52},void 0,0,{fileName:nu,lineNumber:109,columnNumber:19},this)]
+},void 0,0,{fileName:nu,lineNumber:104,columnNumber:17},this),bi(Nt,{selected:"pageNotes"===l,onClick:()=>n("pageNotes"),children:["Page Notes",bi("span",{className:"relative bottom-[3px] left-[2px] text-[10px]",children:48},void 0,0,{fileName:nu,lineNumber:118,columnNumber:19},this)]},void 0,0,{fileName:nu,lineNumber:113,columnNumber:17},this),bi(Nt,{selected:"orphans"===l,onClick:()=>n("orphans"),children:["Orphans",bi("span",{className:"relative bottom-[3px] left-[2px] text-[10px]",children:4},void 0,0,{fileName:nu,lineNumber:127,columnNumber:19},this)]},void 0,0,{fileName:nu,lineNumber:122,columnNumber:17},this)]},void 0,0,{fileName:nu,lineNumber:103,columnNumber:15},this)},void 0,0,{fileName:nu,lineNumber:99,columnNumber:13},this),bi("p",{children:["For tabs that have a simple text label, setting"," ",bi("code",{children:"textContent"},void 0,0,{fileName:nu,lineNumber:135,columnNumber:15
+},this)," to that string avoids the jiggle. Text will still change size (bold text is larger) but the tabs themselves do not move."]},void 0,0,{fileName:nu,lineNumber:133,columnNumber:13},this),bi(Ut.Demo,{title:"Tabs with textContent (no jiggle)",withSource:!0,children:bi(bt,{classes:"gap-x-6",children:[bi(Nt,{selected:"annotations"===o,onClick:()=>r("annotations"),textContent:"Annotations",children:"Annotations"},void 0,0,{fileName:nu,lineNumber:141,columnNumber:17},this),bi(Nt,{selected:"pageNotes"===o,onClick:()=>r("pageNotes"),textContent:"Page Notes",children:"Page Notes"},void 0,0,{fileName:nu,lineNumber:148,columnNumber:17},this),bi(Nt,{selected:"orphans"===o,onClick:()=>r("orphans"),textContent:"Orphans",children:"Orphans"},void 0,0,{fileName:nu,lineNumber:155,columnNumber:17},this)]},void 0,0,{fileName:nu,lineNumber:140,columnNumber:15},this)},void 0,0,{fileName:nu,lineNumber:139,columnNumber:13},this),bi("p",{children:["For tabs with styled or dynamic content, ",bi("code",{children:"textContent"
+},void 0,0,{fileName:nu,lineNumber:165,columnNumber:56},this)," ","can be set to an estimated ",'"widest-possible-text-content"'," ","value."]},void 0,0,{fileName:nu,lineNumber:164,columnNumber:13},this),bi(Ut.Demo,{title:"Tabs with estimated widest-value textContent",withSource:!0,children:bi(bt,{classes:"gap-x-6",children:[bi(Nt,{selected:"annotations"===t,onClick:()=>m("annotations"),textContent:"Annotations##",children:["Annotations",bi("span",{className:"relative bottom-[3px] left-[2px] text-[10px]",children:52},void 0,0,{fileName:nu,lineNumber:180,columnNumber:19},this)]},void 0,0,{fileName:nu,lineNumber:174,columnNumber:17},this),bi(Nt,{selected:"pageNotes"===t,onClick:()=>m("pageNotes"),textContent:"Page Notes##",children:["Page Notes",bi("span",{className:"relative bottom-[3px] left-[2px] text-[10px]",children:56},void 0,0,{fileName:nu,lineNumber:190,columnNumber:19},this)]},void 0,0,{fileName:nu,lineNumber:184,columnNumber:17},this),bi(Nt,{selected:"orphans"===t,onClick:()=>m("orphans"),
+textContent:"Orphans##",children:["Orphans",bi("span",{className:"relative bottom-[3px] left-[2px] text-[10px]",children:2},void 0,0,{fileName:nu,lineNumber:200,columnNumber:19},this)]},void 0,0,{fileName:nu,lineNumber:194,columnNumber:17},this)]},void 0,0,{fileName:nu,lineNumber:173,columnNumber:15},this)},void 0,0,{fileName:nu,lineNumber:169,columnNumber:13},this)]},void 0,0,{fileName:nu,lineNumber:84,columnNumber:11},this)]},void 0,0,{fileName:nu,lineNumber:66,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("p",{children:[bi("code",{children:"Tab"},void 0,0,{fileName:nu,lineNumber:211,columnNumber:13},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:nu,lineNumber:212,columnNumber:13},this),"."]},void 0,0,{fileName:nu,lineNumber:210,columnNumber:11},this),bi(Ut.SectionL3,{title:"icon",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",
+children:"Optional icon to display on the left, sized proportionally to the inherited font size."},void 0,0,{fileName:nu,lineNumber:220,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"IconComponent"},void 0,0,{fileName:nu,lineNumber:225,columnNumber:17},this)},void 0,0,{fileName:nu,lineNumber:224,columnNumber:15},this)]},void 0,0,{fileName:nu,lineNumber:219,columnNumber:13},this),bi(Ut.Demo,{title:"Tabs with icon",withSource:!0,children:bi("div",{role:"tablist",children:[bi(Nt,{icon:Gn,children:"Profile"},void 0,0,{fileName:nu,lineNumber:230,columnNumber:17},this),bi(Nt,{classes:"text-lg",icon:Gn,children:"Profile"},void 0,0,{fileName:nu,lineNumber:231,columnNumber:17},this),bi(Nt,{classes:"text-xl",icon:Gn,children:"Profile"},void 0,0,{fileName:nu,lineNumber:234,columnNumber:17},this)]},void 0,0,{fileName:nu,lineNumber:229,columnNumber:15},this)},void 0,0,{fileName:nu,lineNumber:228,columnNumber:13},this)]},void 0,0,{fileName:nu,lineNumber:218,columnNumber:11
+},this),bi(Ut.SectionL3,{title:"selected",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Asserts that the ",bi("code",{children:"Tab"},void 0,0,{fileName:nu,lineNumber:244,columnNumber:34},this)," is currently selected and the"," ",bi("code",{children:"tabpanel"},void 0,0,{fileName:nu,lineNumber:245,columnNumber:17},this)," it controls (where relevant) is active and visible."]},void 0,0,{fileName:nu,lineNumber:243,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:nu,lineNumber:249,columnNumber:17},this)},void 0,0,{fileName:nu,lineNumber:248,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:nu,lineNumber:252,columnNumber:17},this)},void 0,0,{fileName:nu,lineNumber:251,columnNumber:15},this)]},void 0,0,{fileName:nu,lineNumber:242,columnNumber:13},this)},void 0,0,{fileName:nu,lineNumber:241,columnNumber:11},this),bi(Ut.SectionL3,{title:"textContent",
+children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"String representing the longest textual content expected for the Tab. Used to prevent jiggle when selected."},void 0,0,{fileName:nu,lineNumber:259,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"string"},void 0,0,{fileName:nu,lineNumber:264,columnNumber:17},this)},void 0,0,{fileName:nu,lineNumber:263,columnNumber:15},this)]},void 0,0,{fileName:nu,lineNumber:258,columnNumber:13},this)},void 0,0,{fileName:nu,lineNumber:257,columnNumber:11},this),bi(Ut.SectionL3,{title:"...buttonProps",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"Tab"},void 0,0,{fileName:nu,lineNumber:272,columnNumber:17},this)," forwards"," ",bi(Ut.Link,{href:"/input-button",children:bi("code",{children:"Button"},void 0,0,{fileName:nu,lineNumber:274,columnNumber:19},this)},void 0,0,{fileName:nu,lineNumber:273,columnNumber:17
+},this)," ","component API props, including HTML attributes. Styling API props are not forwarded."]},void 0,0,{fileName:nu,lineNumber:271,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"Omit<ButtonProps, 'variant' | 'size' | 'unstyled'>"},void 0,0,{fileName:nu,lineNumber:281,columnNumber:17},this)},void 0,0,{fileName:nu,lineNumber:280,columnNumber:15},this)]},void 0,0,{fileName:nu,lineNumber:270,columnNumber:13},this)},void 0,0,{fileName:nu,lineNumber:269,columnNumber:11},this)]},void 0,0,{fileName:nu,lineNumber:209,columnNumber:9},this),bi(Ut.SectionL2,{title:"Styling API",children:[bi("p",{children:[bi("code",{children:"Tab"},void 0,0,{fileName:nu,lineNumber:289,columnNumber:13},this)," accepts the following props from the"," ",bi(Ut.Link,{href:"/using-components#presentational-components-styling-api",children:"presentational component styling API"},void 0,0,{fileName:nu,lineNumber:290,columnNumber:13},this),"."]},void 0,0,{fileName:nu,lineNumber:288,columnNumber:11
+},this),bi(Ut.SectionL3,{title:"variant",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set to ",bi("code",{children:"custom"},void 0,0,{fileName:nu,lineNumber:298,columnNumber:24},this)," to remove theming styles and provide your own styling with ",bi("code",{children:"classes"},void 0,0,{fileName:nu,lineNumber:299,columnNumber:39},this),"."]},void 0,0,{fileName:nu,lineNumber:297,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'text' | 'tab' | 'custom'"},void 0,0,{fileName:nu,lineNumber:302,columnNumber:17},this)},void 0,0,{fileName:nu,lineNumber:301,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'text'"},void 0,0,{fileName:nu,lineNumber:305,columnNumber:17},this)},void 0,0,{fileName:nu,lineNumber:304,columnNumber:15},this)]},void 0,0,{fileName:nu,lineNumber:296,columnNumber:13},this),bi(Ut.Demo,{title:"variant: 'tab'",withSource:!0,children:bi("div",{role:"tablist",className:"flex",children:[bi(Nt,{
+variant:"tab",children:"Share"},void 0,0,{fileName:nu,lineNumber:311,columnNumber:17},this),bi(Nt,{selected:!0,variant:"tab",children:"Import"},void 0,0,{fileName:nu,lineNumber:312,columnNumber:17},this),bi(Nt,{variant:"tab",children:"Export"},void 0,0,{fileName:nu,lineNumber:315,columnNumber:17},this)]},void 0,0,{fileName:nu,lineNumber:310,columnNumber:15},this)},void 0,0,{fileName:nu,lineNumber:309,columnNumber:13},this)]},void 0,0,{fileName:nu,lineNumber:295,columnNumber:11},this),bi(Ut.SectionL3,{title:"size",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["Set relative internal spacing and padding. Set to"," ",bi("code",{children:"'custom'"},void 0,0,{fileName:nu,lineNumber:324,columnNumber:17},this)," to provide your own sizing styles with"," ",bi("code",{children:"classes"},void 0,0,{fileName:nu,lineNumber:325,columnNumber:17},this),"."]},void 0,0,{fileName:nu,lineNumber:322,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"'md' | 'custom'"
+},void 0,0,{fileName:nu,lineNumber:328,columnNumber:17},this)},void 0,0,{fileName:nu,lineNumber:327,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"'md'"},void 0,0,{fileName:nu,lineNumber:331,columnNumber:17},this)},void 0,0,{fileName:nu,lineNumber:330,columnNumber:15},this)]},void 0,0,{fileName:nu,lineNumber:321,columnNumber:13},this)},void 0,0,{fileName:nu,lineNumber:320,columnNumber:11},this),bi(Ut.SectionL3,{title:"unstyled",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Set to remove all styling."},void 0,0,{fileName:nu,lineNumber:338,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:nu,lineNumber:342,columnNumber:17},this)},void 0,0,{fileName:nu,lineNumber:341,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:nu,lineNumber:345,columnNumber:17},this)},void 0,0,{fileName:nu,lineNumber:344,columnNumber:15},this)]
+},void 0,0,{fileName:nu,lineNumber:337,columnNumber:13},this)},void 0,0,{fileName:nu,lineNumber:336,columnNumber:11},this)]},void 0,0,{fileName:nu,lineNumber:287,columnNumber:9},this)]},void 0,0,{fileName:nu,lineNumber:30,columnNumber:7},this),bi(Ut.Section,{title:"TabList",intro:bi("p",{children:[bi("code",{children:"TabList"},void 0,0,{fileName:nu,lineNumber:355,columnNumber:13},this)," is a presentational component that provides a"," ",bi("code",{children:'role="tablist"'},void 0,0,{fileName:nu,lineNumber:356,columnNumber:13},this)," container and arrow-key navigation as outlined by"," ",bi("a",{href:"https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/",children:"WAI-ARIA authoring practices"},void 0,0,{fileName:nu,lineNumber:358,columnNumber:13},this),"."]},void 0,0,{fileName:nu,lineNumber:354,columnNumber:11},this),children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"TabList"},void 0,0,{fileName:nu,lineNumber:366,columnNumber:11},this),bi(Ut.SectionL3,{children:[bi("p",{
+children:["This example demonstrates a full Tab pattern with"," ",bi("code",{children:"TabList"},void 0,0,{fileName:nu,lineNumber:370,columnNumber:15},this),", ",bi("code",{children:"Tab"},void 0,0,{fileName:nu,lineNumber:370,columnNumber:37},this)," and some tabpanels. The tabpanels have been made focusable here as they contain no focusable elements: pressing ",bi("kbd",{children:"tab"},void 0,0,{fileName:nu,lineNumber:372,columnNumber:44},this)," when in the tablist will move focus to the active tabpanel. Tabs may be navigated with the left and right arrows."]},void 0,0,{fileName:nu,lineNumber:368,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,title:"Full Tab pattern example",children:bi("div",{children:[bi(bt,{classes:"w-[400px] gap-x-6 my-4",children:[bi(Nt,{"aria-controls":"profile-panel",textContent:"Profile",selected:"profile"===e,onClick:()=>i("profile"),children:"Profile"},void 0,0,{fileName:nu,lineNumber:379,columnNumber:19},this),bi(Nt,{"aria-controls":"notifications-panel",
+textContent:"Notifications",selected:"notifications"===e,onClick:()=>i("notifications"),children:"Notifications"},void 0,0,{fileName:nu,lineNumber:387,columnNumber:19},this),bi(Nt,{"aria-controls":"account-panel",textContent:"Account",selected:"account"===e,onClick:()=>i("account"),children:"Account"},void 0,0,{fileName:nu,lineNumber:395,columnNumber:19},this)]},void 0,0,{fileName:nu,lineNumber:378,columnNumber:17},this),bi(yi,{classes:Z({hidden:"profile"!==e},"p-2 focus-visible-ring"),id:"profile-panel",role:"tabpanel",tabIndex:0,variant:"flat",children:"Profile"},void 0,0,{fileName:nu,lineNumber:404,columnNumber:17},this),bi(yi,{classes:Z({hidden:"notifications"!==e},"p-2 focus-visible-ring"),id:"notifications-panel",role:"tabpanel",tabIndex:0,variant:"flat",children:"Notifications"},void 0,0,{fileName:nu,lineNumber:416,columnNumber:17},this),bi(yi,{classes:Z({hidden:"account"!==e},"p-2 focus-visible-ring"),id:"account-panel",role:"tabpanel",tabIndex:0,variant:"flat",children:"Account"},void 0,0,{
+fileName:nu,lineNumber:428,columnNumber:17},this)]},void 0,0,{fileName:nu,lineNumber:377,columnNumber:15},this)},void 0,0,{fileName:nu,lineNumber:376,columnNumber:13},this)]},void 0,0,{fileName:nu,lineNumber:367,columnNumber:11},this)]},void 0,0,{fileName:nu,lineNumber:365,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:[bi("p",{children:[bi("code",{children:"TabList"},void 0,0,{fileName:nu,lineNumber:447,columnNumber:13},this)," accepts all standard"," ",bi(Ut.Link,{href:"/using-components#presentational-components-api",children:"presentational component props"},void 0,0,{fileName:nu,lineNumber:448,columnNumber:13},this),"."]},void 0,0,{fileName:nu,lineNumber:446,columnNumber:11},this),bi(Ut.SectionL3,{title:"vertical",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Indicates that the tablist should be laid out vertically. When set, arrow-key navigation using up and down arrows is enabled."},void 0,0,{fileName:nu,lineNumber:455,columnNumber:15
+},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:nu,lineNumber:460,columnNumber:17},this)},void 0,0,{fileName:nu,lineNumber:459,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"false"},void 0,0,{fileName:nu,lineNumber:463,columnNumber:17},this)},void 0,0,{fileName:nu,lineNumber:462,columnNumber:15},this)]},void 0,0,{fileName:nu,lineNumber:454,columnNumber:13},this),bi(Ut.Demo,{withSource:!0,title:"Vertical TabList",children:bi(bt,{classes:"gap-y-2",vertical:!0,children:[bi(Nt,{icon:Gn,onClick:()=>c("profile"),selected:"profile"===u,textContent:"Profile",children:"Profile"},void 0,0,{fileName:nu,lineNumber:469,columnNumber:17},this),bi(Nt,{icon:Al,onClick:()=>c("notifications"),selected:"notifications"===u,textContent:"Notifications",children:"Notifications"},void 0,0,{fileName:nu,lineNumber:477,columnNumber:17},this),bi(Nt,{icon:uo,onClick:()=>c("account"),selected:"account"===u,textContent:"Account",children:"Account"
+},void 0,0,{fileName:nu,lineNumber:485,columnNumber:17},this)]},void 0,0,{fileName:nu,lineNumber:468,columnNumber:15},this)},void 0,0,{fileName:nu,lineNumber:467,columnNumber:13},this)]},void 0,0,{fileName:nu,lineNumber:453,columnNumber:11},this),bi(Ut.SectionL3,{title:"...htmlAttributes",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:[bi("code",{children:"TabList"},void 0,0,{fileName:nu,lineNumber:500,columnNumber:17},this)," accepts HTML attributes."]},void 0,0,{fileName:nu,lineNumber:499,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"Omit<JSX.HTMLAttributes<HTMLElement>, 'size'>"},void 0,0,{fileName:nu,lineNumber:503,columnNumber:17},this)},void 0,0,{fileName:nu,lineNumber:502,columnNumber:15},this)]},void 0,0,{fileName:nu,lineNumber:498,columnNumber:13},this)},void 0,0,{fileName:nu,lineNumber:497,columnNumber:11},this)]},void 0,0,{fileName:nu,lineNumber:445,columnNumber:9},this)]},void 0,0,{fileName:nu,lineNumber:351,columnNumber:7},this)]
+},void 0,0,{fileName:nu,lineNumber:21,columnNumber:5},this)},route:"/navigation-tab"},{title:"Slider",group:"transition",component:function(){return bi(Ut.Page,{title:"Slider",intro:bi(I,{children:bi("p",{children:[bi("code",{children:"Slider"},void 0,0,{fileName:ou,lineNumber:53,columnNumber:13},this)," is a transition component with a slide-down/slide-up transition on open/close."]},void 0,0,{fileName:ou,lineNumber:52,columnNumber:11},this)},void 0),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{componentName:"Slider"},void 0,0,{fileName:ou,lineNumber:61,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{title:"Basic Slider",withSource:!0,children:bi(ru,{direction:"out",children:bi(yi,{children:bi(Li,{children:"This is the content of the Slider"},void 0,0,{fileName:ou,lineNumber:66,columnNumber:19},this)},void 0,0,{fileName:ou,lineNumber:65,columnNumber:17},this)},void 0,0,{fileName:ou,lineNumber:64,columnNumber:15},this)},void 0,0,{fileName:ou,lineNumber:63,
+columnNumber:13},this)},void 0,0,{fileName:ou,lineNumber:62,columnNumber:11},this)]},void 0,0,{fileName:ou,lineNumber:60,columnNumber:9},this),bi(Ut.SectionL2,{title:"Component API",children:bi("p",{children:[bi("code",{children:"Button"},void 0,0,{fileName:ou,lineNumber:75,columnNumber:13},this)," accepts"," ",bi(Ut.Link,{href:"/using-components#transition-components-api",children:"transition component props"},void 0,0,{fileName:ou,lineNumber:76,columnNumber:13},this),"."]},void 0,0,{fileName:ou,lineNumber:74,columnNumber:11},this)},void 0,0,{fileName:ou,lineNumber:73,columnNumber:9},this)]},void 0,0,{fileName:ou,lineNumber:59,columnNumber:7},this)},void 0,0,{fileName:ou,lineNumber:48,columnNumber:5},this)},route:"/transitions-slider"},{title:"useClickAway",group:"hooks",component:function(){return bi(Ut.Page,{title:"useClickAway",intro:bi("p",{children:[bi("code",{children:"useClickAway"},void 0,0,{fileName:Am,lineNumber:9,columnNumber:11},this)," is a hook to listen for click events on"," ",bi("code",{
+children:"document.body"},void 0,0,{fileName:Am,lineNumber:10,columnNumber:11},this),". If an event","'","s target is outside the container element, it invokes a callback."]},void 0,0,{fileName:Am,lineNumber:8,columnNumber:9},this),children:bi(Ut.Section,{children:[bi(Ut.SectionL2,{children:[bi(Ut.Usage,{symbolName:"useClickAway"},void 0,0,{fileName:Am,lineNumber:17,columnNumber:11},this),bi(Ut.SectionL3,{children:bi(Ut.Demo,{withSource:!0,title:"Basic useClickAway",exampleFile:"use-click-away-basic"},void 0,0,{fileName:Am,lineNumber:19,columnNumber:13},this)},void 0,0,{fileName:Am,lineNumber:18,columnNumber:11},this)]},void 0,0,{fileName:Am,lineNumber:16,columnNumber:9},this),bi(Ut.SectionL2,{title:"Hook arguments",children:[bi(Ut.SectionL3,{title:"container",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:["A Ref to the DOM element used to evaluate if clicking happened"," ",'"',"away",'"',"."]},void 0,0,{fileName:Am,lineNumber:30,columnNumber:15},this),bi(Ut.InfoItem,{
+label:"type",children:bi("code",{children:"RefObject<HTMLElement | undefined>"},void 0,0,{fileName:Am,lineNumber:36,columnNumber:17},this)},void 0,0,{fileName:Am,lineNumber:35,columnNumber:15},this)]},void 0,0,{fileName:Am,lineNumber:29,columnNumber:13},this)},void 0,0,{fileName:Am,lineNumber:28,columnNumber:11},this),bi(Ut.SectionL3,{title:"callback",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"The callback to be invoked when clicking away. The click event object is passed to it."},void 0,0,{fileName:Am,lineNumber:42,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"(e: Event) => void"},void 0,0,{fileName:Am,lineNumber:47,columnNumber:17},this)},void 0,0,{fileName:Am,lineNumber:46,columnNumber:15},this)]},void 0,0,{fileName:Am,lineNumber:41,columnNumber:13},this)},void 0,0,{fileName:Am,lineNumber:40,columnNumber:11},this),bi(Ut.SectionL3,{title:"options",children:bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",
+children:["Options to configure the hook","'","s behavior."]},void 0,0,{fileName:Am,lineNumber:53,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:["See"," ",bi(Ut.Link,{href:"#hook-options",children:"hook options"},void 0,0,{fileName:Am,lineNumber:58,columnNumber:17},this)," ","below for details."]},void 0,0,{fileName:Am,lineNumber:56,columnNumber:15},this)]},void 0,0,{fileName:Am,lineNumber:52,columnNumber:13},this)},void 0,0,{fileName:Am,lineNumber:51,columnNumber:11},this)]},void 0,0,{fileName:Am,lineNumber:27,columnNumber:9},this),bi(Ut.SectionL2,{title:"Hook options",id:"hook-options",children:bi(Ut.SectionL3,{title:"enabled",children:[bi(Ut.Info,{children:[bi(Ut.InfoItem,{label:"description",children:"Allows the hook to be conditionally enabled or disabled, for example, if the container it handles is dynamically hidden or unmounted."},void 0,0,{fileName:Am,lineNumber:68,columnNumber:15},this),bi(Ut.InfoItem,{label:"type",children:bi("code",{children:"boolean"},void 0,0,{fileName:Am,
+lineNumber:74,columnNumber:17},this)},void 0,0,{fileName:Am,lineNumber:73,columnNumber:15},this),bi(Ut.InfoItem,{label:"default",children:bi("code",{children:"true"},void 0,0,{fileName:Am,lineNumber:77,columnNumber:17},this)},void 0,0,{fileName:Am,lineNumber:76,columnNumber:15},this)]},void 0,0,{fileName:Am,lineNumber:67,columnNumber:13},this),bi(Ut.Code,{content:"useClickAway(containerRef, callback, { enabled: false })"},void 0,0,{fileName:Am,lineNumber:80,columnNumber:13},this)]},void 0,0,{fileName:Am,lineNumber:66,columnNumber:11},this)},void 0,0,{fileName:Am,lineNumber:65,columnNumber:9},this)]},void 0,0,{fileName:Am,lineNumber:15,columnNumber:7},this)},void 0,0,{fileName:Am,lineNumber:5,columnNumber:5},this)},route:"/hooks-use-click-away"}];function uu(e){return e?mu.filter((i=>i.group===e)):mu}var cu="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/PlaygroundApp.tsx";function au({children:e}){return bi("h2",{
+className:"text-slate-800 border-b border-stone-300 px-2 py-1 font-light text-lg",children:e},void 0,0,{fileName:cu,lineNumber:24,columnNumber:5},this)}function du({title:e,children:i}){return bi("div",{className:"space-y-4",children:[bi("h3",{className:"mx-2 text-slate-700 font-semibold text-sm",children:e},void 0,0,{fileName:cu,lineNumber:42,columnNumber:7},this),i]},void 0,0,{fileName:cu,lineNumber:41,columnNumber:5},this)}function su({children:e}){return bi("ul",{className:"ml-2 space-y-2 border-l-2 border-stone-200",children:e},void 0,0,{fileName:cu,lineNumber:53,columnNumber:5},this)}function Nu({route:e}){var i,l;const[n]=$e(null!==(i=e.route)&&void 0!==i?i:"");return bi("li",{className:"-ml-[2px]",children:[e.route&&bi(Qe,{href:null!==(l=e.route)&&void 0!==l?l:"",asChild:!0,children:bi(ot,{classes:Z("pl-4 rounded-l-none w-full border-l-2 hover:border-l-brand",{"border-l-2 border-brand font-semibold":n,"border-transparent":!n}),children:e.title},void 0,0,{fileName:cu,lineNumber:66,columnNumber:11
+},this)},void 0,0,{fileName:cu,lineNumber:65,columnNumber:9},this),!e.route&&bi("div",{className:"pl-4 w-full text-slate-5 font-light",children:e.title},void 0,0,{fileName:cu,lineNumber:81,columnNumber:9},this)]},void 0,0,{fileName:cu,lineNumber:63,columnNumber:5},this)}function hu({baseURL:e="",extraRoutes:i=[],extraRoutesTitle:l="Playground"}){const n=uu(),[o]=We();de((()=>{const e=window.location.hash.replace(/^#/,"");if(e){const i=document.getElementById(e);i&&i.scrollIntoView()}else window.scrollTo(0,0)}),[o]),de((()=>{var e;const i=n.find((({route:e})=>e===o));document.title=`${null!==(e=null==i?void 0:i.title)&&void 0!==e?e:"Page not found"}: Hypothesis Component Library`}),[o,n]);const r=i.map((e=>({...e,group:"custom"}))),t=bi(I,{children:n.concat(r).filter((e=>!!e.route)).map((e=>{var i;return bi(Je,{path:e.route,children:null!==(i=e.component)&&void 0!==i?i:e.title},e.title,0,{fileName:cu,lineNumber:140,columnNumber:11},this)}))},void 0),m=uu("prototype"),u=uu("hooks"),c=Object.keys(tu)
+;return bi(Xe,{base:e,children:bi("div",{className:"w-full bg-stone-200",children:bi("div",{className:"max-w-[1300px] mx-auto",children:bi("div",{className:"md:grid md:grid-cols-[2fr_5fr]",children:[bi("div",{className:"md:h-screen md:sticky md:top-0 border-l border-stone-400 bg-stone-100",children:bi(Fr,{borderless:!0,children:[bi("div",{className:"h-16 flex items-center",children:bi("h1",{className:"font-medium text-lg pl-6",children:bi(ot,{href:e+"/",classes:"flex gap-x-3 text-stone-700 items-center",children:[bi(yn,{className:"text-brand w-6 h-6"},void 0,0,{fileName:cu,lineNumber:168,columnNumber:23},this),"Component Library"]},void 0,0,{fileName:cu,lineNumber:164,columnNumber:21},this)},void 0,0,{fileName:cu,lineNumber:163,columnNumber:19},this)},void 0,0,{fileName:cu,lineNumber:162,columnNumber:17},this),bi(Ii,{children:bi(jr,{classes:"bg-stone-400/10",children:bi("nav",{id:"nav",className:"pb-16 space-y-4 mr-4",children:[bi(au,{children:"Foundations"},void 0,0,{fileName:cu,lineNumber:176,
+columnNumber:23},this),bi(su,{children:uu("foundations").map((e=>bi(Nu,{route:e},e.title,0,{fileName:cu,lineNumber:179,columnNumber:27},this)))},void 0,0,{fileName:cu,lineNumber:177,columnNumber:23},this),bi(au,{children:"Components"},void 0,0,{fileName:cu,lineNumber:183,columnNumber:23},this),c.map((e=>bi(du,{title:tu[e],children:bi(su,{children:uu(e).map((e=>bi(Nu,{route:e},e.title,0,{fileName:cu,lineNumber:193,columnNumber:33},this)))},void 0,0,{fileName:cu,lineNumber:191,columnNumber:29},this)},e,0,{fileName:cu,lineNumber:187,columnNumber:27},this))),bi(au,{children:"Hooks"},void 0,0,{fileName:cu,lineNumber:200,columnNumber:23},this),bi(su,{children:u.map((e=>bi(Nu,{route:e},e.title,0,{fileName:cu,lineNumber:203,columnNumber:27},this)))},void 0,0,{fileName:cu,lineNumber:201,columnNumber:23},this),m.length>0&&bi(I,{children:[bi(au,{children:"Prototypes"},void 0,0,{fileName:cu,lineNumber:209,columnNumber:27},this),bi(su,{children:m.map((e=>bi(Nu,{route:e},e.title,0,{fileName:cu,lineNumber:212,
+columnNumber:31},this)))},void 0,0,{fileName:cu,lineNumber:210,columnNumber:27},this)]},void 0),i.length>0&&bi(I,{children:[bi(au,{children:l},void 0,0,{fileName:cu,lineNumber:220,columnNumber:27},this),bi(su,{children:r.map((e=>bi(Nu,{route:e},e.title,0,{fileName:cu,lineNumber:223,columnNumber:31},this)))},void 0,0,{fileName:cu,lineNumber:221,columnNumber:27},this)]},void 0)]},void 0,0,{fileName:cu,lineNumber:175,columnNumber:21},this)},void 0,0,{fileName:cu,lineNumber:174,columnNumber:19},this)},void 0,0,{fileName:cu,lineNumber:173,columnNumber:17},this)]},void 0,0,{fileName:cu,lineNumber:161,columnNumber:15},this)},void 0,0,{fileName:cu,lineNumber:160,columnNumber:13},this),bi("div",{className:"bg-white pb-16 border-x border-stone-400",children:bi(Ze,{children:[t,bi(Je,{children:bi(Ut.Page,{title:":( Sorry",children:bi("h1",{className:"text-2xl",children:"Page not found"},void 0,0,{fileName:cu,lineNumber:238,columnNumber:21},this)},void 0,0,{fileName:cu,lineNumber:237,columnNumber:19},this)},void 0,0,{
+fileName:cu,lineNumber:236,columnNumber:17},this)]},void 0,0,{fileName:cu,lineNumber:234,columnNumber:15},this)},void 0,0,{fileName:cu,lineNumber:233,columnNumber:13},this)]},void 0,0,{fileName:cu,lineNumber:159,columnNumber:11},this)},void 0,0,{fileName:cu,lineNumber:158,columnNumber:9},this)},void 0,0,{fileName:cu,lineNumber:157,columnNumber:7},this)},void 0,0,{fileName:cu,lineNumber:156,columnNumber:5},this)}!function({...e}={}){const i=document.querySelector("#app");q(bi(hu,{...e},void 0,0,{fileName:"/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/index.tsx",lineNumber:44,columnNumber:10},this),i)}({baseURL:"/ui-playground"});
+//# sourceMappingURL=ui-playground.bundle.js.map