@mintlify/components 0.1.37 → 0.1.39

package/README.md

@@ -4,17 +4,25 @@ Open-source library of UI components made with React and TailwindCSS. Checkout [
 
 Mintlify uses Mintlify Components in customers' docs. We encourage you to use them elsewhere on your site!
 
-# Documentation
+## Designed for Next.js
+
+The project is designed for use with static side rendering where we don't have access to `document` or `window`. Thus, our webpack config has to use `mini-css-extract-plugin` instead of `style-loader`.
 
 ## Installation
 
 `npm install @mintlify/components`
 
+Add the following at the start of your `main.css` file:
+
+`@import '@mintlify/components';`
+
+## Usage
+
 Import components like so:
 
 `import { Accordion, Card } from "@mintlify/components`
 
-## Using the Components
+# Documentation
 
 [Storybook](https://main--63134bd5ae01f2a7717a0e47.chromatic.com/) has interactive demos.
 
@@ -22,10 +30,6 @@ The [repo wiki](https://github.com/mintlify/components/wiki) explains how to use
 
 Go to [Mintlify.com](https://www.mintlify.com/components/overview) for how to use the components in Mintlify's documentation platform.
 
-## Designed for Next.js
-
-The project is designed for use with static side rendering where we don't have access to `document` or `window`. Thus, our webpack config has to use `mini-css-extract-plugin` instead of `style-loader`.
-
 # Long Term Vision
 
 The first version of this library only included documentation components. In the long run, Mintlify will include layout components you could use to build an entire site.

package/dist/index.js

@@ -1,2 +1,2 @@
 /*! For license information please see index.js.LICENSE.txt */
-(()=>{"use strict";var e={455:(e,t,r)=>{var n=r(258),a=Symbol.for("react.element"),o=Symbol.for("react.fragment"),l=Object.prototype.hasOwnProperty,s=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i={key:!0,ref:!0,__self:!0,__source:!0};function u(e,t,r){var n,o={},u=null,c=null;for(n in void 0!==r&&(u=""+r),void 0!==t.key&&(u=""+t.key),void 0!==t.ref&&(c=t.ref),t)l.call(t,n)&&!i.hasOwnProperty(n)&&(o[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===o[n]&&(o[n]=t[n]);return{$$typeof:a,type:e,key:u,ref:c,props:o,_owner:s.current}}t.Fragment=o,t.jsx=u,t.jsxs=u},557:(e,t,r)=>{e.exports=r(455)},258:e=>{e.exports=require("react")}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};(()=>{r.r(n),r.d(n,{Accordion:()=>f,AccordionGroup:()=>v,Button:()=>g,Card:()=>k,CardGroup:()=>C,Check:()=>L,Expandable:()=>at,Frame:()=>T,Info:()=>E,Note:()=>S,Param:()=>F,PillSelect:()=>$e,Tab:()=>Qe,Tabs:()=>Ke,Tip:()=>P,Tooltip:()=>Je,UserDefinedIcon:()=>s,Warning:()=>I});var e=r(557),t=r(258);function a(e){var t,r,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=a(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}const o=function(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=a(e))&&(n&&(n+=" "),n+=t);return n};var l=function(){return l=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)};function s(t){var r=t.icon,n=t.size,a=void 0===n?4:n,s=t.color;return null==r?null:(0,e.jsx)("div",l({className:o("h-".concat(a," w-").concat(a),!s&&"fill-slate-800 dark:fill-slate-100 text-slate-800 dark:text-slate-100"),style:s?{fill:s}:void 0},{children:r}))}var i=function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},i.apply(this,arguments)};function u(t){var r=t.open;return(0,e.jsx)("svg",i({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",className:"h-3 w-3",style:{fill:"currentColor",transform:r?"rotate(90deg)":void 0}},{children:(0,e.jsx)("path",{d:"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})}))}const c=function(t){var r=t.title,n=t.description,a=t.open,l=t.setOpen,c=t.icon,d=t.isRounded,f=t.coverClass;return(0,e.jsxs)("button",i({onClick:function(){return l(!a)},className:o("not-prose flex flex-row items-center content-center w-full",d&&"rounded-t-xl",d&&!a&&"rounded-b-xl",f),"aria-controls":r+"Children","aria-expanded":a},{children:[(0,e.jsx)(u,{open:a}),(0,e.jsx)(s,{icon:c}),(0,e.jsxs)("div",i({className:"leading-tight text-left"},{children:[(0,e.jsx)("p",i({className:"m-0 font-medium text-slate-900 dark:text-slate-200"},{children:r})),n?(0,e.jsx)("p",i({className:"m-0 text-slate-900 dark:text-slate-200"},{children:n})):null]}))]}))};var d=function(){return d=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},d.apply(this,arguments)};const f=function(r){var n=r.title,a=r.description,l=r.defaultOpen,s=void 0!==l&&l,i=r.icon,u=r.onChange,f=r.variant,p=void 0===f?"rounded":f,v=r.children,m=(0,t.useState)(s),h=m[0],x=m[1],g=function(e){return"minimalist"===e?{parentClass:"",coverClass:"[&>div]:ml-2 py-1 text-slate-700 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-200",contentClass:"mt-2 pt-1 mb-4 mx-[7px] px-4 border-l border-slate-100 dark:border-slate-800"}:{parentClass:"border dark:border-slate-800 rounded-xl mb-3",coverClass:"py-4 px-5 space-x-2 hover:bg-slate-100 hover:dark:bg-slate-800",contentClass:"mt-2 mb-4 mx-6"}}(p),b=g.parentClass,y=g.coverClass,w=g.contentClass;return(0,e.jsxs)("div",d({role:"listitem",className:b},{children:[(0,e.jsx)(c,{title:n,description:a,open:h,setOpen:function(e){x(e),u&&u(e)},icon:i,isRounded:"rounded"===p,coverClass:y}),(0,e.jsx)("div",d({className:o(w,!h&&"hidden")},{children:v}))]}),n)};var p=function(){return p=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},p.apply(this,arguments)};const v=function(t){var r=t.children;return(0,e.jsx)("div",p({className:"[&>div]:border-0 [&>div]:rounded-none [&>div>button]:rounded-none [&>div]:mb-0 overflow-hidden mt-0 mb-3 rounded-xl prose prose-slate dark:prose-dark divide-y divide-inherit border dark:border-slate-800",role:"list"},{children:r}))};var m=function(){return m=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},m.apply(this,arguments)},h={indigo:["bg-indigo-50 text-indigo-600 hover:bg-indigo-200 hover:text-indigo-700 focus:ring-indigo-500","text-indigo-300 group-hover:text-indigo-400"],pink:["bg-pink-50 text-pink-600 hover:bg-pink-100 hover:text-pink-700 focus:ring-pink-600","text-pink-300 group-hover:text-pink-400"],sky:["bg-sky-50 text-sky-600 hover:bg-sky-100 hover:text-sky-700 focus:ring-sky-600","text-sky-300 group-hover:text-sky-400"],blue:["bg-blue-50 text-blue-600 hover:bg-blue-100 hover:text-blue-700 focus:ring-blue-600","text-blue-300 group-hover:text-blue-400"],gray:["bg-slate-100 text-slate-700 hover:bg-slate-200 hover:text-slate-900 focus:ring-slate-500","text-slate-300 group-hover:text-slate-400"]},x=m(m({},h),{gray:["dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600 dark:hover:text-white dark:focus:ring-slate-500","dark:text-slate-500 dark:group-hover:text-slate-400"],sky:["dark:bg-sky-500 dark:text-sky-50 dark:hover:bg-sky-400 dark:hover:text-white dark:focus:ring-sky-200","dark:text-sky-300 dark:group-hover:text-sky-100"]});function g(t){var r=t.href,n=t.color,a=void 0===n?"gray":n,l=t.darkColor,s=void 0===l?a:l,i=t.reverse,u=void 0!==i&&i,c=t.children,d="string"==typeof a?h[a]:a,f="string"==typeof s?x[s]||[]:s;return(0,e.jsxs)("a",m({className:o("group inline-flex items-center h-9 rounded-full text-sm font-semibold whitespace-nowrap px-3 focus:outline-none focus:ring-2",d[0],f[0],u&&"flex-row-reverse"),href:r},{children:[c,(0,e.jsx)("svg",m({className:o("overflow-visible",u?"mr-3":"ml-3",d[1],f[1]),width:"3",height:"6",viewBox:"0 0 3 6",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},{children:(0,e.jsx)("path",{d:u?"M3 0L0 3L3 6":"M0 0L3 3L0 6"})}))]}))}const b=/^[a-zA-Z][a-zA-Z\d+\-.]*?:/,y=/^[a-zA-Z]:\\/;var w=function(){return w=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},w.apply(this,arguments)};function k(t){var r=t.title,n=t.icon,a=t.className,l=t.href,i=t.onClick,u=t.children,c=l?"a":"div",d=function(e){if("string"!=typeof e)throw new TypeError(`Expected a \`string\`, got \`${typeof e}\``);return!y.test(e)&&b.test(e)}(null!=l?l:"")?{target:"_blank",rel:"noreferrer"}:{};return(0,e.jsxs)(c,w({className:o("block not-prose font-normal group relative my-2 ring-2 ring-transparent rounded-xl border border-slate-200 dark:border-slate-800 overflow-hidden px-6 py-5 w-full",l&&"cursor-pointer",a),href:l,onClick:i},d,{children:[(0,e.jsx)(s,{icon:n,size:6}),(0,e.jsx)("h2",w({className:o("font-semibold text-base text-slate-800 dark:text-white",null!=n&&"mt-4")},{children:r})),(0,e.jsx)("span",w({className:o("mt-1 font-normal",r?"text-slate-600 dark:text-slate-400":"text-slate-700 dark:text-slate-300")},{children:u}))]}))}var j=function(){return j=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},j.apply(this,arguments)};function C(t){var r=t.children,n=t.cols,a=void 0===n?2:n;return(0,e.jsx)("div",j({className:"grid sm:grid-cols-".concat(a," gap-x-4")},{children:r}))}var N=function(){return N=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},N.apply(this,arguments)};function O(t){var r=t.children,n=t.icon,a=t.className;return(0,e.jsx)("div",N({className:"px-4 py-4 mb-4 rounded-xl ".concat(a)},{children:(0,e.jsxs)("div",N({className:"flex items-start space-x-3"},{children:[(0,e.jsx)("div",N({className:"mt-0.5 w-4"},{children:n})),(0,e.jsx)("div",N({className:"flex-1 font-medium text-sm prose dark:text-slate-50"},{children:r}))]}))}))}function E(t){var r=t.children;return(0,e.jsx)(O,N({className:"bg-slate-100 dark:bg-slate-600",icon:(0,e.jsx)("svg",N({viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"flex-none w-5 h-5 text-slate-400 dark:text-slate-300","aria-label":"Info"},{children:(0,e.jsx)("path",{d:"M8 0C3.58125 0 0 3.58125 0 8C0 12.4187 3.58125 16 8 16C12.4187 16 16 12.4187 16 8C16 3.58125 12.4187 0 8 0ZM8 14.5C4.41563 14.5 1.5 11.5841 1.5 8C1.5 4.41594 4.41563 1.5 8 1.5C11.5844 1.5 14.5 4.41594 14.5 8C14.5 11.5841 11.5844 14.5 8 14.5ZM9.25 10.5H8.75V7.75C8.75 7.3375 8.41563 7 8 7H7C6.5875 7 6.25 7.3375 6.25 7.75C6.25 8.1625 6.5875 8.5 7 8.5H7.25V10.5H6.75C6.3375 10.5 6 10.8375 6 11.25C6 11.6625 6.3375 12 6.75 12H9.25C9.66406 12 10 11.6641 10 11.25C10 10.8359 9.66563 10.5 9.25 10.5ZM8 6C8.55219 6 9 5.55219 9 5C9 4.44781 8.55219 4 8 4C7.44781 4 7 4.44687 7 5C7 5.55313 7.44687 6 8 6Z"})}))},{children:r}))}function I(t){var r=t.children;return(0,e.jsx)(O,N({icon:(0,e.jsx)("svg",N({className:"flex-none w-5 h-5 text-yellow-400 dark:text-yellow-300/80",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,"aria-label":"Warning"},{children:(0,e.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})})),className:"bg-amber-50 dark:bg-yellow-500/40"},{children:r}))}function S(t){var r=t.children;return(0,e.jsx)(O,N({icon:(0,e.jsx)("svg",N({width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"w-4 h-4 text-sky-500","aria-label":"Note"},{children:(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 1.3C10.14 1.3 12.7 3.86 12.7 7C12.7 10.14 10.14 12.7 7 12.7C5.48908 12.6974 4.0408 12.096 2.97241 11.0276C1.90403 9.9592 1.30264 8.51092 1.3 7C1.3 3.86 3.86 1.3 7 1.3ZM7 0C3.14 0 0 3.14 0 7C0 10.86 3.14 14 7 14C10.86 14 14 10.86 14 7C14 3.14 10.86 0 7 0ZM8 3H6V8H8V3ZM8 9H6V11H8V9Z"})})),className:"bg-sky-100 dark:bg-sky-900"},{children:r}))}function P(t){var r=t.children;return(0,e.jsx)(O,N({icon:(0,e.jsx)("svg",N({width:"11",height:"14",viewBox:"0 0 11 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"text-green-600 dark:text-green-400/80 w-3.5 h-auto","aria-label":"Tip"},{children:(0,e.jsx)("path",{d:"M3.12794 12.4232C3.12794 12.5954 3.1776 12.7634 3.27244 12.907L3.74114 13.6095C3.88471 13.8248 4.21067 14 4.46964 14H6.15606C6.41415 14 6.74017 13.825 6.88373 13.6095L7.3508 12.9073C7.43114 12.7859 7.49705 12.569 7.49705 12.4232L7.50055 11.3513H3.12521L3.12794 12.4232ZM5.31288 0C2.52414 0.00875889 0.5 2.26889 0.5 4.78826C0.5 6.00188 0.949566 7.10829 1.69119 7.95492C2.14321 8.47011 2.84901 9.54727 3.11919 10.4557C3.12005 10.4625 3.12175 10.4698 3.12261 10.4771H7.50342C7.50427 10.4698 7.50598 10.463 7.50684 10.4557C7.77688 9.54727 8.48281 8.47011 8.93484 7.95492C9.67728 7.13181 10.1258 6.02703 10.1258 4.78826C10.1258 2.15486 7.9709 0.000106649 5.31288 0ZM7.94902 7.11267C7.52078 7.60079 6.99082 8.37878 6.6077 9.18794H4.02051C3.63739 8.37878 3.10743 7.60079 2.67947 7.11294C2.11997 6.47551 1.8126 5.63599 1.8126 4.78826C1.8126 3.09829 3.12794 1.31944 5.28827 1.3126C7.2435 1.3126 8.81315 2.88226 8.81315 4.78826C8.81315 5.63599 8.50688 6.47551 7.94902 7.11267ZM4.87534 2.18767C3.66939 2.18767 2.68767 3.16939 2.68767 4.37534C2.68767 4.61719 2.88336 4.81288 3.12521 4.81288C3.36705 4.81288 3.56274 4.61599 3.56274 4.37534C3.56274 3.6515 4.1515 3.06274 4.87534 3.06274C5.11719 3.06274 5.31288 2.86727 5.31288 2.62548C5.31288 2.38369 5.11599 2.18767 4.87534 2.18767Z"})})),className:"bg-green-100/80 dark:bg-green-900"},{children:r}))}function L(t){var r=t.children;return(0,e.jsx)(O,N({icon:(0,e.jsx)("svg",N({className:"text-green-600 dark:text-green-400/80 w-3.5 h-auto",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512","aria-label":"Check"},{children:(0,e.jsx)("path",{d:"M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"})})),className:"bg-green-100/80 dark:bg-green-900"},{children:r}))}var M=function(){return M=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},M.apply(this,arguments)},R={none:"",md:"p-8"};function T(t){var r=t.as,n=void 0===r?"div":r,a=t.style,l=t.className,s=t.containerClassName,i=t.html,u=t.children,c=t.hint,d=t.padding,f=void 0===d?"md":d,p=t.lightOnly,v=void 0!==p&&p,m=R[f];return(0,e.jsxs)("div",M({className:s},{children:[void 0!==c&&(0,e.jsxs)("div",M({className:"not-prose mb-4 flex items-center space-x-2"},{children:[(0,e.jsx)("svg",M({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",className:"flex-none w-4 h-4 fill-slate-400 dark:fill-slate-300"},{children:(0,e.jsx)("path",{d:"M224 320c0 17.69 14.33 32 32 32h64c17.67 0 32-14.31 32-32s-14.33-32-32-32h-64C238.3 288 224 302.3 224 320zM267.6 256H352c17.67 0 32-14.31 32-32s-14.33-32-32-32h-80v40C272 240.5 270.3 248.5 267.6 256zM272 160H480c17.67 0 32-14.31 32-32s-14.33-32-32-32h-208.8C271.5 98.66 272 101.3 272 104V160zM320 416c0-17.69-14.33-32-32-32H224c-17.67 0-32 14.31-32 32s14.33 32 32 32h64C305.7 448 320 433.7 320 416zM202.1 355.8C196 345.6 192 333.3 192 320c0-5.766 1.08-11.24 2.51-16.55C157.4 300.6 128 269.9 128 232V159.1C128 151.2 135.2 144 143.1 144S160 151.2 159.1 159.1l0 69.72C159.1 245.2 171.3 271.1 200 271.1C222.1 271.1 240 254.1 240 232v-128C240 81.91 222.1 64 200 64H136.6C103.5 64 72.03 80 52.47 106.8L26.02 143.2C9.107 166.5 0 194.5 0 223.3V312C0 387.1 60.89 448 136 448h32.88C163.4 438.6 160 427.7 160 416C160 388.1 178 364.6 202.1 355.8z"})})),(0,e.jsx)("p",M({className:"text-slate-700 text-sm font-medium dark:text-slate-200"},{children:c}))]})),(0,e.jsxs)(n,M({style:a,className:o("not-prose relative bg-slate-50 rounded-xl overflow-hidden",!v&&"dark:bg-slate-800/25")},{children:[(0,e.jsx)("div",{style:{backgroundPosition:"10px 10px"},className:o("absolute inset-0 bg-grid-slate-100 [mask-image:linear-gradient(0deg,#fff,rgba(255,255,255,0.6))]",!v&&"dark:bg-grid-slate-700/25 dark:[mask-image:linear-gradient(0deg,rgba(255,255,255,0.1),rgba(255,255,255,0.5))]")}),(0,e.jsx)("div",M({className:o("relative rounded-xl overflow-auto flex justify-center",m,l)},i?{dangerouslySetInnerHTML:{__html:i}}:{children:u})),(0,e.jsx)("div",{className:o("absolute inset-0 pointer-events-none border border-black/5 rounded-xl",!v&&"dark:border-white/5")})]}))]}))}var A=function(){return A=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},A.apply(this,arguments)};function F(t){return(0,e.jsx)(D,A({},t))}function D(t){var r=t.name,n=t.type,a=t.defaultValue,l=t.required,s=void 0!==l&&l,i=t.hidden,u=void 0!==i&&i,c=t.nameClasses,d=t.children;return u?null:(0,e.jsxs)("div",A({className:o("pb-3 mb-4 border-b border-slate-100 dark:border-slate-800")},{children:[(0,e.jsxs)("div",A({className:"flex font-mono text-sm"},{children:[r&&(0,e.jsxs)("div",A({className:"py-px flex-1 space-x-2 truncate"},{children:[(0,e.jsx)("span",A({className:o("px-1 py-px rounded-md font-medium bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700",c,c&&!c.includes("text-")||!c?"dark:text-slate-200":void 0)},{children:r})),s&&(0,e.jsx)("span",A({className:"text-slate-500 dark:text-slate-300"},{children:"Required"})),a&&(0,e.jsxs)("span",A({className:"text-slate-500 dark:text-slate-300"},{children:["Default: ",a]}))]})),n&&(0,e.jsx)("div",A({className:"text-slate-600 dark:text-slate-300"},{children:n}))]})),(0,e.jsx)("div",A({className:"mt-2 prose-sm prose-slate dark:prose-dark"},{children:d}))]}))}function H(e,t,...r){if(e in t){let n=t[e];return"function"==typeof n?n(...r):n}let n=new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((e=>`"${e}"`)).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,H),n}var _,U=((_=U||{})[_.None=0]="None",_[_.RenderStrategy=1]="RenderStrategy",_[_.Static=2]="Static",_),B=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(B||{});function V({ourProps:e,theirProps:t,slot:r,defaultTag:n,features:a,visible:o=!0,name:l}){let s=Z(t,e);if(o)return z(s,r,n,l);let i=null!=a?a:0;if(2&i){let{static:e=!1,...t}=s;if(e)return z(t,r,n,l)}if(1&i){let{unmount:e=!0,...t}=s;return H(e?0:1,{0:()=>null,1:()=>z({...t,hidden:!0,style:{display:"none"}},r,n,l)})}return z(s,r,n,l)}function z(e,r={},n,a){let{as:o=n,children:l,refName:s="ref",...i}=q(e,["unmount","static"]),u=void 0!==e.ref?{[s]:e.ref}:{},c="function"==typeof l?l(r):l;i.className&&"function"==typeof i.className&&(i.className=i.className(r));let d={};if(r){let e=!1,t=[];for(let[n,a]of Object.entries(r))"boolean"==typeof a&&(e=!0),!0===a&&t.push(n);e&&(d["data-headlessui-state"]=t.join(" "))}if(o===t.Fragment&&Object.keys($(i)).length>0){if(!(0,t.isValidElement)(c)||Array.isArray(c)&&c.length>1)throw new Error(['Passing props on "Fragment"!',"",`The current component <${a} /> is rendering a "Fragment".`,"However we need to passthrough the following props:",Object.keys(i).map((e=>`  - ${e}`)).join("\n"),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".',"Render a single element as the child so that we can forward the props onto that element."].map((e=>`  - ${e}`)).join("\n")].join("\n"));return(0,t.cloneElement)(c,Object.assign({},Z(c.props,$(q(i,["ref"]))),d,u,function(...e){return{ref:e.every((e=>null==e))?void 0:t=>{for(let r of e)null!=r&&("function"==typeof r?r(t):r.current=t)}}}(c.ref,u.ref)))}return(0,t.createElement)(o,Object.assign({},q(i,["ref"]),o!==t.Fragment&&u,o!==t.Fragment&&d),c)}function Z(...e){if(0===e.length)return{};if(1===e.length)return e[0];let t={},r={};for(let n of e)for(let e in n)e.startsWith("on")&&"function"==typeof n[e]?(null!=r[e]||(r[e]=[]),r[e].push(n[e])):t[e]=n[e];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(r).map((e=>[e,void 0]))));for(let e in r)Object.assign(t,{[e](t,...n){let a=r[e];for(let e of a){if((t instanceof Event||(null==t?void 0:t.nativeEvent)instanceof Event)&&t.defaultPrevented)return;e(t,...n)}}});return t}function W(e){var r;return Object.assign((0,t.forwardRef)(e),{displayName:null!=(r=e.displayName)?r:e.name})}function $(e){let t=Object.assign({},e);for(let e in t)void 0===t[e]&&delete t[e];return t}function q(e,t=[]){let r=Object.assign({},e);for(let e of t)e in r&&delete r[e];return r}function Q(){let e=[],t=[],r={enqueue(e){t.push(e)},addEventListener:(e,t,n,a)=>(e.addEventListener(t,n,a),r.add((()=>e.removeEventListener(t,n,a)))),requestAnimationFrame(...e){let t=requestAnimationFrame(...e);return r.add((()=>cancelAnimationFrame(t)))},nextFrame:(...e)=>r.requestAnimationFrame((()=>r.requestAnimationFrame(...e))),setTimeout(...e){let t=setTimeout(...e);return r.add((()=>clearTimeout(t)))},microTask(...e){let t={current:!0};return function(e){"function"==typeof queueMicrotask?queueMicrotask(e):Promise.resolve().then(e).catch((e=>setTimeout((()=>{throw e}))))}((()=>{t.current&&e[0]()})),r.add((()=>{t.current=!1}))},add:t=>(e.push(t),()=>{let r=e.indexOf(t);if(r>=0){let[t]=e.splice(r,1);t()}}),dispose(){for(let t of e.splice(0))t()},async workQueue(){for(let e of t.splice(0))await e()}};return r}function G(){let[e]=(0,t.useState)(Q);return(0,t.useEffect)((()=>()=>e.dispose()),[e]),e}const K="undefined"==typeof window||"undefined"==typeof document;let Y=K?t.useEffect:t.useLayoutEffect;function J(e){let r=(0,t.useRef)(e);return Y((()=>{r.current=e}),[e]),r}let X=function(e){let r=J(e);return t.useCallback(((...e)=>r.current(...e)),[r])},ee=Symbol();function te(...e){let r=(0,t.useRef)(e);(0,t.useEffect)((()=>{r.current=e}),[e]);let n=X((e=>{for(let t of r.current)null!=t&&("function"==typeof t?t(e):t.current=e)}));return e.every((e=>null==e||(null==e?void 0:e[ee])))?void 0:n}let re={serverHandoffComplete:!1};var ne;let ae=0;function oe(){return++ae}let le=null!=(ne=t.useId)?ne:function(){let e=function(){let[e,r]=(0,t.useState)(re.serverHandoffComplete);return(0,t.useEffect)((()=>{!0!==e&&r(!0)}),[e]),(0,t.useEffect)((()=>{!1===re.serverHandoffComplete&&(re.serverHandoffComplete=!0)}),[]),e}(),[r,n]=t.useState(e?oe:null);return Y((()=>{null===r&&n(oe())}),[r]),null!=r?""+r:void 0};var se=(e=>(e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.Delete="Delete",e.ArrowLeft="ArrowLeft",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab",e))(se||{}),ie=(e=>(e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing",e))(ie||{});function ue(e){return K?null:e instanceof Node?e.ownerDocument:null!=e&&e.hasOwnProperty("current")&&e.current instanceof Node?e.current.ownerDocument:document}let ce=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map((e=>`${e}:not([tabindex='-1'])`)).join(",");var de,fe=((de=fe||{})[de.First=1]="First",de[de.Previous=2]="Previous",de[de.Next=4]="Next",de[de.Last=8]="Last",de[de.WrapAround=16]="WrapAround",de[de.NoScroll=32]="NoScroll",de),pe=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(pe||{}),ve=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(ve||{});function me(e=document.body){return null==e?[]:Array.from(e.querySelectorAll(ce))}var he=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(he||{});function xe(e,t=0){var r;return e!==(null==(r=ue(e))?void 0:r.body)&&H(t,{0:()=>e.matches(ce),1(){let t=e;for(;null!==t;){if(t.matches(ce))return!0;t=t.parentElement}return!1}})}function ge(e){let t=ue(e);Q().nextFrame((()=>{t&&!xe(t.activeElement,0)&&function(e){null==e||e.focus({preventScroll:!0})}(e)}))}let be=["textarea","input"].join(",");function ye(e,t=(e=>e)){return e.slice().sort(((e,r)=>{let n=t(e),a=t(r);if(null===n||null===a)return 0;let o=n.compareDocumentPosition(a);return o&Node.DOCUMENT_POSITION_FOLLOWING?-1:o&Node.DOCUMENT_POSITION_PRECEDING?1:0}))}function we(e,t){return function(e,t,r=!0,n=null){let a=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e.ownerDocument,o=Array.isArray(e)?r?ye(e):e:me(e);n=null!=n?n:a.activeElement;let l,s=(()=>{if(5&t)return 1;if(10&t)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),i=(()=>{if(1&t)return 0;if(2&t)return Math.max(0,o.indexOf(n))-1;if(4&t)return Math.max(0,o.indexOf(n))+1;if(8&t)return o.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),u=32&t?{preventScroll:!0}:{},c=0,d=o.length;do{if(c>=d||c+d<=0)return 0;let e=i+c;if(16&t)e=(e+d)%d;else{if(e<0)return 3;if(e>=d)return 1}l=o[e],null==l||l.focus(u),c+=s}while(l!==a.activeElement);return 6&t&&function(e){var t,r;return null!=(r=null==(t=null==e?void 0:e.matches)?void 0:t.call(e,be))&&r}(l)&&l.select(),l.hasAttribute("tabindex")||l.setAttribute("tabindex","0"),2}(me(),t,!0,e)}function ke(e,r,n){let a=J(r);(0,t.useEffect)((()=>{function t(e){a.current(e)}return document.addEventListener(e,t,n),()=>document.removeEventListener(e,t,n)}),[e,n])}let je=(0,t.createContext)(null);je.displayName="OpenClosedContext";var Ce=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Ce||{});function Ne(){return(0,t.useContext)(je)}function Oe({value:e,children:r}){return t.createElement(je.Provider,{value:e},r)}function Ee(e){var t;if(e.type)return e.type;let r=null!=(t=e.as)?t:"button";return"string"==typeof r&&"button"===r.toLowerCase()?"button":void 0}function Ie(e,r){let[n,a]=(0,t.useState)((()=>Ee(e)));return Y((()=>{a(Ee(e))}),[e.type,e.as]),Y((()=>{n||!r.current||r.current instanceof HTMLButtonElement&&!r.current.hasAttribute("type")&&a("button")}),[n,r]),n}var Se=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Se||{}),Pe=(e=>(e[e.Pointer=0]="Pointer",e[e.Other=1]="Other",e))(Pe||{}),Le=(e=>(e[e.OpenMenu=0]="OpenMenu",e[e.CloseMenu=1]="CloseMenu",e[e.GoToItem=2]="GoToItem",e[e.Search=3]="Search",e[e.ClearSearch=4]="ClearSearch",e[e.RegisterItem=5]="RegisterItem",e[e.UnregisterItem=6]="UnregisterItem",e))(Le||{});function Me(e,t=(e=>e)){let r=null!==e.activeItemIndex?e.items[e.activeItemIndex]:null,n=ye(t(e.items.slice()),(e=>e.dataRef.current.domRef.current)),a=r?n.indexOf(r):null;return-1===a&&(a=null),{items:n,activeItemIndex:a}}let Re={1:e=>1===e.menuState?e:{...e,activeItemIndex:null,menuState:1},0:e=>0===e.menuState?e:{...e,menuState:0},2:(e,t)=>{var r;let n=Me(e),a=function(e,t){let r=t.resolveItems();if(r.length<=0)return null;let n=t.resolveActiveIndex(),a=null!=n?n:-1,o=(()=>{switch(e.focus){case 0:return r.findIndex((e=>!t.resolveDisabled(e)));case 1:{let e=r.slice().reverse().findIndex(((e,r,n)=>!(-1!==a&&n.length-r-1>=a||t.resolveDisabled(e))));return-1===e?e:r.length-1-e}case 2:return r.findIndex(((e,r)=>!(r<=a||t.resolveDisabled(e))));case 3:{let e=r.slice().reverse().findIndex((e=>!t.resolveDisabled(e)));return-1===e?e:r.length-1-e}case 4:return r.findIndex((r=>t.resolveId(r)===e.id));case 5:return null;default:!function(e){throw new Error("Unexpected object: "+e)}(e)}})();return-1===o?n:o}(t,{resolveItems:()=>n.items,resolveActiveIndex:()=>n.activeItemIndex,resolveId:e=>e.id,resolveDisabled:e=>e.dataRef.current.disabled});return{...e,...n,searchQuery:"",activeItemIndex:a,activationTrigger:null!=(r=t.trigger)?r:1}},3:(e,t)=>{let r=""!==e.searchQuery?0:1,n=e.searchQuery+t.value.toLowerCase(),a=(null!==e.activeItemIndex?e.items.slice(e.activeItemIndex+r).concat(e.items.slice(0,e.activeItemIndex+r)):e.items).find((e=>{var t;return(null==(t=e.dataRef.current.textValue)?void 0:t.startsWith(n))&&!e.dataRef.current.disabled})),o=a?e.items.indexOf(a):-1;return-1===o||o===e.activeItemIndex?{...e,searchQuery:n}:{...e,searchQuery:n,activeItemIndex:o,activationTrigger:1}},4:e=>""===e.searchQuery?e:{...e,searchQuery:"",searchActiveItemIndex:null},5:(e,t)=>{let r=Me(e,(e=>[...e,{id:t.id,dataRef:t.dataRef}]));return{...e,...r}},6:(e,t)=>{let r=Me(e,(e=>{let r=e.findIndex((e=>e.id===t.id));return-1!==r&&e.splice(r,1),e}));return{...e,...r,activationTrigger:1}}},Te=(0,t.createContext)(null);function Ae(e){let r=(0,t.useContext)(Te);if(null===r){let t=new Error(`<${e} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,Ae),t}return r}function Fe(e,t){return H(t.type,Re,e,t)}Te.displayName="MenuContext";let De=t.Fragment,He=W((function(e,r){let n=(0,t.useReducer)(Fe,{menuState:1,buttonRef:(0,t.createRef)(),itemsRef:(0,t.createRef)(),items:[],searchQuery:"",activeItemIndex:null,activationTrigger:1}),[{menuState:a,itemsRef:o,buttonRef:l},s]=n,i=te(r);!function(e,r,n=!0){let a=(0,t.useRef)(!1);function o(t,n){if(!a.current||t.defaultPrevented)return;let o=function e(t){return"function"==typeof t?e(t()):Array.isArray(t)||t instanceof Set?t:[t]}(e),l=n(t);if(null!==l&&l.ownerDocument.documentElement.contains(l)){for(let e of o){if(null===e)continue;let t=e instanceof HTMLElement?e:e.current;if(null!=t&&t.contains(l))return}return!xe(l,he.Loose)&&-1!==l.tabIndex&&t.preventDefault(),r(t,l)}}(0,t.useEffect)((()=>{requestAnimationFrame((()=>{a.current=n}))}),[n]);let l=(0,t.useRef)(null);ke("mousedown",(e=>{var t,r;a.current&&(l.current=(null==(r=null==(t=e.composedPath)?void 0:t.call(e))?void 0:r[0])||e.target)}),!0),ke("click",(e=>{!l.current||(o(e,(()=>l.current)),l.current=null)}),!0),ke("blur",(e=>o(e,(()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null))),!0)}([l,o],((e,t)=>{var r;s({type:1}),xe(t,he.Loose)||(e.preventDefault(),null==(r=l.current)||r.focus())}),0===a);let u=(0,t.useMemo)((()=>({open:0===a})),[a]),c=e,d={ref:i};return t.createElement(Te.Provider,{value:n},t.createElement(Oe,{value:H(a,{0:Ce.Open,1:Ce.Closed})},V({ourProps:d,theirProps:c,slot:u,defaultTag:De,name:"Menu"})))})),_e=W((function(e,r){var n;let[a,o]=Ae("Menu.Button"),l=te(a.buttonRef,r),s=`headlessui-menu-button-${le()}`,i=G(),u=X((e=>{switch(e.key){case se.Space:case se.Enter:case se.ArrowDown:e.preventDefault(),e.stopPropagation(),o({type:0}),i.nextFrame((()=>o({type:2,focus:ie.First})));break;case se.ArrowUp:e.preventDefault(),e.stopPropagation(),o({type:0}),i.nextFrame((()=>o({type:2,focus:ie.Last})))}})),c=X((e=>{e.key===se.Space&&e.preventDefault()})),d=X((t=>{if(function(e){let t=e.parentElement,r=null;for(;t&&!(t instanceof HTMLFieldSetElement);)t instanceof HTMLLegendElement&&(r=t),t=t.parentElement;let n=""===(null==t?void 0:t.getAttribute("disabled"));return(!n||!function(e){if(!e)return!1;let t=e.previousElementSibling;for(;null!==t;){if(t instanceof HTMLLegendElement)return!1;t=t.previousElementSibling}return!0}(r))&&n}(t.currentTarget))return t.preventDefault();e.disabled||(0===a.menuState?(o({type:1}),i.nextFrame((()=>{var e;return null==(e=a.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(t.preventDefault(),o({type:0})))})),f=(0,t.useMemo)((()=>({open:0===a.menuState})),[a]),p=e;return V({ourProps:{ref:l,id:s,type:Ie(e,a.buttonRef),"aria-haspopup":!0,"aria-controls":null==(n=a.itemsRef.current)?void 0:n.id,"aria-expanded":e.disabled?void 0:0===a.menuState,onKeyDown:u,onKeyUp:c,onClick:d},theirProps:p,slot:f,defaultTag:"button",name:"Menu.Button"})})),Ue=U.RenderStrategy|U.Static,Be=W((function(e,r){var n,a;let[o,l]=Ae("Menu.Items"),s=te(o.itemsRef,r),i=function(...e){return(0,t.useMemo)((()=>ue(...e)),[...e])}(o.itemsRef),u=`headlessui-menu-items-${le()}`,c=G(),d=Ne(),f=null!==d?d===Ce.Open:0===o.menuState;(0,t.useEffect)((()=>{let e=o.itemsRef.current;!e||0===o.menuState&&e!==(null==i?void 0:i.activeElement)&&e.focus({preventScroll:!0})}),[o.menuState,o.itemsRef,i]),function({container:e,accept:r,walk:n,enabled:a=!0}){let o=(0,t.useRef)(r),l=(0,t.useRef)(n);(0,t.useEffect)((()=>{o.current=r,l.current=n}),[r,n]),Y((()=>{if(!e||!a)return;let t=ue(e);if(!t)return;let r=o.current,n=l.current,s=Object.assign((e=>r(e)),{acceptNode:r}),i=t.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,s,!1);for(;i.nextNode();)n(i.currentNode)}),[e,a,o,l])}({container:o.itemsRef.current,enabled:0===o.menuState,accept:e=>"menuitem"===e.getAttribute("role")?NodeFilter.FILTER_REJECT:e.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT,walk(e){e.setAttribute("role","none")}});let p=X((e=>{var t,r;switch(c.dispose(),e.key){case se.Space:if(""!==o.searchQuery)return e.preventDefault(),e.stopPropagation(),l({type:3,value:e.key});case se.Enter:if(e.preventDefault(),e.stopPropagation(),l({type:1}),null!==o.activeItemIndex){let{dataRef:e}=o.items[o.activeItemIndex];null==(r=null==(t=e.current)?void 0:t.domRef.current)||r.click()}ge(o.buttonRef.current);break;case se.ArrowDown:return e.preventDefault(),e.stopPropagation(),l({type:2,focus:ie.Next});case se.ArrowUp:return e.preventDefault(),e.stopPropagation(),l({type:2,focus:ie.Previous});case se.Home:case se.PageUp:return e.preventDefault(),e.stopPropagation(),l({type:2,focus:ie.First});case se.End:case se.PageDown:return e.preventDefault(),e.stopPropagation(),l({type:2,focus:ie.Last});case se.Escape:e.preventDefault(),e.stopPropagation(),l({type:1}),Q().nextFrame((()=>{var e;return null==(e=o.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case se.Tab:e.preventDefault(),e.stopPropagation(),l({type:1}),Q().nextFrame((()=>{we(o.buttonRef.current,e.shiftKey?fe.Previous:fe.Next)}));break;default:1===e.key.length&&(l({type:3,value:e.key}),c.setTimeout((()=>l({type:4})),350))}})),v=X((e=>{e.key===se.Space&&e.preventDefault()})),m=(0,t.useMemo)((()=>({open:0===o.menuState})),[o]),h=e;return V({ourProps:{"aria-activedescendant":null===o.activeItemIndex||null==(n=o.items[o.activeItemIndex])?void 0:n.id,"aria-labelledby":null==(a=o.buttonRef.current)?void 0:a.id,id:u,onKeyDown:p,onKeyUp:v,role:"menu",tabIndex:0,ref:s},theirProps:h,slot:m,defaultTag:"div",features:Ue,visible:f,name:"Menu.Items"})})),Ve=t.Fragment,ze=W((function(e,r){let{disabled:n=!1,...a}=e,[o,l]=Ae("Menu.Item"),s=`headlessui-menu-item-${le()}`,i=null!==o.activeItemIndex&&o.items[o.activeItemIndex].id===s,u=(0,t.useRef)(null),c=te(r,u);Y((()=>{if(0!==o.menuState||!i||0===o.activationTrigger)return;let e=Q();return e.requestAnimationFrame((()=>{var e,t;null==(t=null==(e=u.current)?void 0:e.scrollIntoView)||t.call(e,{block:"nearest"})})),e.dispose}),[u,i,o.menuState,o.activationTrigger,o.activeItemIndex]);let d=(0,t.useRef)({disabled:n,domRef:u});Y((()=>{d.current.disabled=n}),[d,n]),Y((()=>{var e,t;d.current.textValue=null==(t=null==(e=u.current)?void 0:e.textContent)?void 0:t.toLowerCase()}),[d,u]),Y((()=>(l({type:5,id:s,dataRef:d}),()=>l({type:6,id:s}))),[d,s]);let f=X((e=>{if(n)return e.preventDefault();l({type:1}),ge(o.buttonRef.current)})),p=X((()=>{if(n)return l({type:2,focus:ie.Nothing});l({type:2,focus:ie.Specific,id:s})})),v=X((()=>{n||i||l({type:2,focus:ie.Specific,id:s,trigger:0})})),m=X((()=>{n||!i||l({type:2,focus:ie.Nothing})})),h=(0,t.useMemo)((()=>({active:i,disabled:n})),[i,n]);return V({ourProps:{id:s,ref:c,role:"menuitem",tabIndex:!0===n?void 0:-1,"aria-disabled":!0===n||void 0,disabled:void 0,onClick:f,onFocus:p,onPointerMove:v,onMouseMove:v,onPointerLeave:m,onMouseLeave:m},theirProps:a,slot:h,defaultTag:Ve,name:"Menu.Item"})})),Ze=Object.assign(He,{Button:_e,Items:Be,Item:ze});var We=function(){return We=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},We.apply(this,arguments)};function $e(r){var n=r.options,a=r.onChange,l=r.defaultOption,s=r.selectedOptionClass,i=l,u=Array.isArray(n)&&n.length>0;null==l&&u&&(i=n[0]);var c=(0,t.useState)(i),d=c[0],f=c[1];return u?(0,e.jsx)("div",We({className:"relative"},{children:(0,e.jsxs)(Ze,{children:[(0,e.jsxs)(Ze.Button,We({className:"text-xs text-slate-500 dark:text-slate-400 leading-5 font-semibold !bg-slate-400/10 rounded-full py-1 px-3 flex items-center space-x-2 hover:bg-slate-400/20"},{children:[d,(0,e.jsx)("svg",We({width:"6",height:"3",className:"ml-2 overflow-visible","aria-hidden":"true"},{children:(0,e.jsx)("path",{d:"M0 0L3 3L6 0",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}))]})),(0,e.jsx)(Ze.Items,We({className:"absolute top-full mt-1 py-2 w-40 rounded-lg bg-white shadow text-sm leading-6 font-semibold text-slate-700 dark:bg-slate-800 dark:text-slate-300"},{children:n.map((function(t){return(0,e.jsx)(Ze.Item,We({disabled:t===d},{children:function(r){var n=r.active;return(0,e.jsxs)("a",We({className:o("flex items-center justify-between px-3 py-1 cursor-pointer",n&&"bg-slate-50 text-slate-900 dark:bg-slate-600/30 dark:text-white",t===d&&s),onClick:function(){return function(e){f(e),a&&a(e)}(t)}},{children:[t,t===d&&(0,e.jsx)("svg",We({width:"24",height:"24",fill:"none","aria-hidden":"true"},{children:(0,e.jsx)("path",{d:"m7.75 12.75 2.25 2.5 6.25-6.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))]}))}}),t)}))}))]})})):null}var qe=function(){return qe=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},qe.apply(this,arguments)};function Qe(t){var r=t.title,n=t.isActive,a=void 0===n||n,l=t.children;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("h2",qe({className:o("flex text-sm leading-6 font-semibold whitespace-nowrap pt-3 pb-2.5 -mb-px max-w-max border-b",a?"text-primary dark:text-primary-light border-current":"text-slate-900 border-transparent hover:border-slate-300 dark:text-slate-200 dark:hover:border-slate-700")},{children:r})),l?(0,e.jsx)("div",qe({className:"prose dark:prose-dark"},{children:l})):null]})}var Ge=function(){return Ge=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},Ge.apply(this,arguments)};function Ke(r){var n=r.children,a=(0,t.useState)(0),o=a[0],l=a[1],s=t.Children.toArray(n),i=s[o].props.children;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("ul",Ge({className:"not-prose mb-6 pb-[1px] flex-none min-w-full overflow-auto border-b border-slate-200 space-x-6 flex dark:border-slate-200/5"},{children:s.map((function(t,r){return(0,e.jsx)("li",Ge({className:"cursor-pointer",onClick:function(){return l(r)}},{children:(0,e.jsx)(Qe,{title:t.props.title,isActive:r===o})}))}))})),(0,e.jsx)("div",Ge({className:"prose dark:prose-dark"},{children:i}))]})}var Ye=function(){return Ye=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},Ye.apply(this,arguments)};function Je(t){var r=t.tip,n=t.children;return n?(0,e.jsxs)("span",Ye({className:"group z-10 inline relative"},{children:[Xe(n),(0,e.jsx)("span",Ye({className:"hidden group-hover:flex w-fit lg:whitespace-nowrap absolute bottom-full left-1/2 mb-0.5 pb-1 -translate-x-1/2 bg-slate-800 text-center text-slate-50 text-xs px-1.5 py-1 rounded-lg border border-slate-50"},{children:r}))]})):null}function Xe(r){return(0,t.isValidElement)(r)?r:(0,e.jsx)("span",Ye({className:"underline decoration-dotted decoration-2 underline-offset-4 decoration-slate-400 dark:decoration-slate-500"},{children:r}))}var et=function(){return et=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},et.apply(this,arguments)};function tt(t){var r=t.open;return(0,e.jsx)("svg",et({xmlns:"http://www.w3.org/2000/svg",className:o("h-3.5 w-3.5",r&&"rotate-90 -mt-1"),viewBox:"0 0 256 512",fill:"currentColor"},{children:(0,e.jsx)("path",{d:"M118.6 105.4l128 127.1C252.9 239.6 256 247.8 256 255.1s-3.125 16.38-9.375 22.63l-128 127.1c-9.156 9.156-22.91 11.9-34.88 6.943S64 396.9 64 383.1V128c0-12.94 7.781-24.62 19.75-29.58S109.5 96.23 118.6 105.4z"})}))}const rt=function(t){var r=t.title,n=t.description,a=t.open,o=t.setOpen;return(0,e.jsxs)("button",et({onClick:function(){return o(!a)},className:"not-prose mt-1 flex flex-row items-center content-center w-full py-1 text-slate-700 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-200 ".concat(a?"":"rounded-b-xl"),"aria-controls":r+"Children","aria-expanded":a},{children:[(0,e.jsx)(tt,{open:a}),(0,e.jsxs)("div",et({className:"ml-2 leading-tight text-left"},{children:[(0,e.jsxs)("p",et({className:"m-0"},{children:[a?"Hide":"Show"," ",r]})),n?(0,e.jsx)("p",et({className:"m-0"},{children:n})):null]}))]}))};var nt=function(){return nt=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},nt.apply(this,arguments)};const at=function(r){var n=r.title,a=r.description,l=r.defaultOpen,s=void 0!==l&&l,i=r.onChange,u=r.children,c=(0,t.useState)(s),d=c[0],f=c[1];return(0,e.jsxs)("div",nt({role:"listitem",className:""},{children:[(0,e.jsx)(rt,{title:n,description:a,open:d,setOpen:function(e){f(e),i&&i(e)}}),(0,e.jsx)("div",nt({id:n+"Children",className:o("mt-2 pt-1 mb-4 mx-[7px] px-4 border-l border-slate-100 dark:border-slate-800",!d&&"hidden")},{children:u}))]}),n)}})(),module.exports=n})();
+(()=>{"use strict";var e={628:e=>{e.exports=e=>{if("string"!=typeof e)throw new TypeError(`Expected a \`string\`, got \`${typeof e}\``);return!/^[a-zA-Z]:\\/.test(e)&&/^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(e)}},455:(e,t,r)=>{var n=r(258),a=Symbol.for("react.element"),o=Symbol.for("react.fragment"),l=Object.prototype.hasOwnProperty,s=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i={key:!0,ref:!0,__self:!0,__source:!0};function u(e,t,r){var n,o={},u=null,c=null;for(n in void 0!==r&&(u=""+r),void 0!==t.key&&(u=""+t.key),void 0!==t.ref&&(c=t.ref),t)l.call(t,n)&&!i.hasOwnProperty(n)&&(o[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===o[n]&&(o[n]=t[n]);return{$$typeof:a,type:e,key:u,ref:c,props:o,_owner:s.current}}t.Fragment=o,t.jsx=u,t.jsxs=u},557:(e,t,r)=>{e.exports=r(455)},258:e=>{e.exports=require("react")}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};(()=>{r.r(n),r.d(n,{Accordion:()=>f,AccordionGroup:()=>v,Button:()=>g,Card:()=>k,CardGroup:()=>C,Check:()=>L,Expandable:()=>at,Frame:()=>T,Info:()=>E,Note:()=>S,Param:()=>F,PillSelect:()=>$e,Tab:()=>Qe,Tabs:()=>Ke,Tip:()=>P,Tooltip:()=>Je,UserDefinedIcon:()=>s,Warning:()=>I});var e=r(557),t=r(258);function a(e){var t,r,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=a(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}const o=function(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=a(e))&&(n&&(n+=" "),n+=t);return n};var l=function(){return l=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)};function s(t){var r=t.icon,n=t.size,a=void 0===n?4:n,s=t.color;return null==r?null:(0,e.jsx)("div",l({className:o("h-".concat(a," w-").concat(a),!s&&"fill-slate-800 dark:fill-slate-100 text-slate-800 dark:text-slate-100"),style:s?{fill:s}:void 0},{children:r}))}var i=function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},i.apply(this,arguments)};function u(t){var r=t.open;return(0,e.jsx)("svg",i({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",className:"h-3 w-3",style:{fill:"currentColor",transform:r?"rotate(90deg)":void 0}},{children:(0,e.jsx)("path",{d:"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})}))}const c=function(t){var r=t.title,n=t.description,a=t.open,l=t.setOpen,c=t.icon,d=t.isRounded,f=t.coverClass;return(0,e.jsxs)("button",i({onClick:function(){return l(!a)},className:o("not-prose flex flex-row items-center content-center w-full",d&&"rounded-t-xl",d&&!a&&"rounded-b-xl",f),"aria-controls":r+"Children","aria-expanded":a},{children:[(0,e.jsx)(u,{open:a}),(0,e.jsx)(s,{icon:c}),(0,e.jsxs)("div",i({className:"leading-tight text-left"},{children:[(0,e.jsx)("p",i({className:"m-0 font-medium text-slate-900 dark:text-slate-200"},{children:r})),n?(0,e.jsx)("p",i({className:"m-0 text-slate-900 dark:text-slate-200"},{children:n})):null]}))]}))};var d=function(){return d=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},d.apply(this,arguments)};const f=function(r){var n=r.title,a=r.description,l=r.defaultOpen,s=void 0!==l&&l,i=r.icon,u=r.onChange,f=r.variant,p=void 0===f?"rounded":f,v=r.children,m=(0,t.useState)(s),h=m[0],x=m[1],g=function(e){return"minimalist"===e?{parentClass:"",coverClass:"[&>div]:ml-2 py-1 text-slate-700 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-200",contentClass:"mt-2 pt-1 mb-4 mx-[7px] px-4 border-l border-slate-100 dark:border-slate-800"}:{parentClass:"border dark:border-slate-800 rounded-xl mb-3",coverClass:"py-4 px-5 space-x-2 hover:bg-slate-100 hover:dark:bg-slate-800",contentClass:"mt-2 mb-4 mx-6"}}(p),b=g.parentClass,y=g.coverClass,w=g.contentClass;return(0,e.jsxs)("div",d({role:"listitem",className:b},{children:[(0,e.jsx)(c,{title:n,description:a,open:h,setOpen:function(e){x(e),u&&u(e)},icon:i,isRounded:"rounded"===p,coverClass:y}),(0,e.jsx)("div",d({className:o(w,!h&&"hidden")},{children:v}))]}),n)};var p=function(){return p=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},p.apply(this,arguments)};const v=function(t){var r=t.children;return(0,e.jsx)("div",p({className:"[&>div]:border-0 [&>div]:rounded-none [&>div>button]:rounded-none [&>div]:mb-0 overflow-hidden mt-0 mb-3 rounded-xl prose prose-slate dark:prose-dark divide-y divide-inherit border dark:border-slate-800",role:"list"},{children:r}))};var m=function(){return m=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},m.apply(this,arguments)},h={indigo:["bg-indigo-50 text-indigo-600 hover:bg-indigo-200 hover:text-indigo-700 focus:ring-indigo-500","text-indigo-300 group-hover:text-indigo-400"],pink:["bg-pink-50 text-pink-600 hover:bg-pink-100 hover:text-pink-700 focus:ring-pink-600","text-pink-300 group-hover:text-pink-400"],sky:["bg-sky-50 text-sky-600 hover:bg-sky-100 hover:text-sky-700 focus:ring-sky-600","text-sky-300 group-hover:text-sky-400"],blue:["bg-blue-50 text-blue-600 hover:bg-blue-100 hover:text-blue-700 focus:ring-blue-600","text-blue-300 group-hover:text-blue-400"],gray:["bg-slate-100 text-slate-700 hover:bg-slate-200 hover:text-slate-900 focus:ring-slate-500","text-slate-300 group-hover:text-slate-400"]},x=m(m({},h),{gray:["dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600 dark:hover:text-white dark:focus:ring-slate-500","dark:text-slate-500 dark:group-hover:text-slate-400"],sky:["dark:bg-sky-500 dark:text-sky-50 dark:hover:bg-sky-400 dark:hover:text-white dark:focus:ring-sky-200","dark:text-sky-300 dark:group-hover:text-sky-100"]});function g(t){var r=t.href,n=t.color,a=void 0===n?"gray":n,l=t.darkColor,s=void 0===l?a:l,i=t.reverse,u=void 0!==i&&i,c=t.children,d="string"==typeof a?h[a]:a,f="string"==typeof s?x[s]||[]:s;return(0,e.jsxs)("a",m({className:o("group inline-flex items-center h-9 rounded-full text-sm font-semibold whitespace-nowrap px-3 focus:outline-none focus:ring-2",d[0],f[0],u&&"flex-row-reverse"),href:r},{children:[c,(0,e.jsx)("svg",m({className:o("overflow-visible",u?"mr-3":"ml-3",d[1],f[1]),width:"3",height:"6",viewBox:"0 0 3 6",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},{children:(0,e.jsx)("path",{d:u?"M3 0L0 3L3 6":"M0 0L3 3L0 6"})}))]}))}var b=r(628),y=r.n(b),w=function(){return w=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},w.apply(this,arguments)};function k(t){var r=t.title,n=t.icon,a=t.className,l=t.href,i=t.onClick,u=t.children,c=l?"a":"div",d=y()(null!=l?l:"")?{target:"_blank",rel:"noreferrer"}:{};return(0,e.jsxs)(c,w({className:o("block not-prose font-normal group relative my-2 ring-2 ring-transparent rounded-xl border border-slate-200 dark:border-slate-800 overflow-hidden px-6 py-5 w-full",l&&"cursor-pointer",a),href:l,onClick:i},d,{children:[(0,e.jsx)(s,{icon:n,size:6}),(0,e.jsx)("h2",w({className:o("font-semibold text-base text-slate-800 dark:text-white",null!=n&&"mt-4")},{children:r})),(0,e.jsx)("span",w({className:o("mt-1 font-normal",r?"text-slate-600 dark:text-slate-400":"text-slate-700 dark:text-slate-300")},{children:u}))]}))}var j=function(){return j=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},j.apply(this,arguments)};function C(t){var r=t.children,n=t.cols,a=void 0===n?2:n;return(0,e.jsx)("div",j({className:"grid sm:grid-cols-".concat(a," gap-x-4")},{children:r}))}var N=function(){return N=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},N.apply(this,arguments)};function O(t){var r=t.children,n=t.icon,a=t.className;return(0,e.jsx)("div",N({className:"px-4 py-4 mb-4 rounded-xl ".concat(a)},{children:(0,e.jsxs)("div",N({className:"flex items-start space-x-3"},{children:[(0,e.jsx)("div",N({className:"mt-0.5 w-4"},{children:n})),(0,e.jsx)("div",N({className:"flex-1 font-medium text-sm prose dark:text-slate-50"},{children:r}))]}))}))}function E(t){var r=t.children;return(0,e.jsx)(O,N({className:"bg-slate-100 dark:bg-slate-600",icon:(0,e.jsx)("svg",N({viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"flex-none w-5 h-5 text-slate-400 dark:text-slate-300","aria-label":"Info"},{children:(0,e.jsx)("path",{d:"M8 0C3.58125 0 0 3.58125 0 8C0 12.4187 3.58125 16 8 16C12.4187 16 16 12.4187 16 8C16 3.58125 12.4187 0 8 0ZM8 14.5C4.41563 14.5 1.5 11.5841 1.5 8C1.5 4.41594 4.41563 1.5 8 1.5C11.5844 1.5 14.5 4.41594 14.5 8C14.5 11.5841 11.5844 14.5 8 14.5ZM9.25 10.5H8.75V7.75C8.75 7.3375 8.41563 7 8 7H7C6.5875 7 6.25 7.3375 6.25 7.75C6.25 8.1625 6.5875 8.5 7 8.5H7.25V10.5H6.75C6.3375 10.5 6 10.8375 6 11.25C6 11.6625 6.3375 12 6.75 12H9.25C9.66406 12 10 11.6641 10 11.25C10 10.8359 9.66563 10.5 9.25 10.5ZM8 6C8.55219 6 9 5.55219 9 5C9 4.44781 8.55219 4 8 4C7.44781 4 7 4.44687 7 5C7 5.55313 7.44687 6 8 6Z"})}))},{children:r}))}function I(t){var r=t.children;return(0,e.jsx)(O,N({icon:(0,e.jsx)("svg",N({className:"flex-none w-5 h-5 text-yellow-400 dark:text-yellow-300/80",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,"aria-label":"Warning"},{children:(0,e.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})})),className:"bg-amber-50 dark:bg-yellow-500/40"},{children:r}))}function S(t){var r=t.children;return(0,e.jsx)(O,N({icon:(0,e.jsx)("svg",N({width:"14",height:"14",viewBox:"0 0 14 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"w-4 h-4 text-sky-500","aria-label":"Note"},{children:(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 1.3C10.14 1.3 12.7 3.86 12.7 7C12.7 10.14 10.14 12.7 7 12.7C5.48908 12.6974 4.0408 12.096 2.97241 11.0276C1.90403 9.9592 1.30264 8.51092 1.3 7C1.3 3.86 3.86 1.3 7 1.3ZM7 0C3.14 0 0 3.14 0 7C0 10.86 3.14 14 7 14C10.86 14 14 10.86 14 7C14 3.14 10.86 0 7 0ZM8 3H6V8H8V3ZM8 9H6V11H8V9Z"})})),className:"bg-sky-100 dark:bg-sky-900"},{children:r}))}function P(t){var r=t.children;return(0,e.jsx)(O,N({icon:(0,e.jsx)("svg",N({width:"11",height:"14",viewBox:"0 0 11 14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:"text-green-600 dark:text-green-400/80 w-3.5 h-auto","aria-label":"Tip"},{children:(0,e.jsx)("path",{d:"M3.12794 12.4232C3.12794 12.5954 3.1776 12.7634 3.27244 12.907L3.74114 13.6095C3.88471 13.8248 4.21067 14 4.46964 14H6.15606C6.41415 14 6.74017 13.825 6.88373 13.6095L7.3508 12.9073C7.43114 12.7859 7.49705 12.569 7.49705 12.4232L7.50055 11.3513H3.12521L3.12794 12.4232ZM5.31288 0C2.52414 0.00875889 0.5 2.26889 0.5 4.78826C0.5 6.00188 0.949566 7.10829 1.69119 7.95492C2.14321 8.47011 2.84901 9.54727 3.11919 10.4557C3.12005 10.4625 3.12175 10.4698 3.12261 10.4771H7.50342C7.50427 10.4698 7.50598 10.463 7.50684 10.4557C7.77688 9.54727 8.48281 8.47011 8.93484 7.95492C9.67728 7.13181 10.1258 6.02703 10.1258 4.78826C10.1258 2.15486 7.9709 0.000106649 5.31288 0ZM7.94902 7.11267C7.52078 7.60079 6.99082 8.37878 6.6077 9.18794H4.02051C3.63739 8.37878 3.10743 7.60079 2.67947 7.11294C2.11997 6.47551 1.8126 5.63599 1.8126 4.78826C1.8126 3.09829 3.12794 1.31944 5.28827 1.3126C7.2435 1.3126 8.81315 2.88226 8.81315 4.78826C8.81315 5.63599 8.50688 6.47551 7.94902 7.11267ZM4.87534 2.18767C3.66939 2.18767 2.68767 3.16939 2.68767 4.37534C2.68767 4.61719 2.88336 4.81288 3.12521 4.81288C3.36705 4.81288 3.56274 4.61599 3.56274 4.37534C3.56274 3.6515 4.1515 3.06274 4.87534 3.06274C5.11719 3.06274 5.31288 2.86727 5.31288 2.62548C5.31288 2.38369 5.11599 2.18767 4.87534 2.18767Z"})})),className:"bg-green-100/80 dark:bg-green-900"},{children:r}))}function L(t){var r=t.children;return(0,e.jsx)(O,N({icon:(0,e.jsx)("svg",N({className:"text-green-600 dark:text-green-400/80 w-3.5 h-auto",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512","aria-label":"Check"},{children:(0,e.jsx)("path",{d:"M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"})})),className:"bg-green-100/80 dark:bg-green-900"},{children:r}))}var M=function(){return M=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},M.apply(this,arguments)},R={none:"",md:"p-8"};function T(t){var r=t.as,n=void 0===r?"div":r,a=t.style,l=t.className,s=t.containerClassName,i=t.html,u=t.children,c=t.hint,d=t.padding,f=void 0===d?"md":d,p=t.lightOnly,v=void 0!==p&&p,m=R[f];return(0,e.jsxs)("div",M({className:s},{children:[void 0!==c&&(0,e.jsxs)("div",M({className:"not-prose mb-4 flex items-center space-x-2"},{children:[(0,e.jsx)("svg",M({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",className:"flex-none w-4 h-4 fill-slate-400 dark:fill-slate-300"},{children:(0,e.jsx)("path",{d:"M224 320c0 17.69 14.33 32 32 32h64c17.67 0 32-14.31 32-32s-14.33-32-32-32h-64C238.3 288 224 302.3 224 320zM267.6 256H352c17.67 0 32-14.31 32-32s-14.33-32-32-32h-80v40C272 240.5 270.3 248.5 267.6 256zM272 160H480c17.67 0 32-14.31 32-32s-14.33-32-32-32h-208.8C271.5 98.66 272 101.3 272 104V160zM320 416c0-17.69-14.33-32-32-32H224c-17.67 0-32 14.31-32 32s14.33 32 32 32h64C305.7 448 320 433.7 320 416zM202.1 355.8C196 345.6 192 333.3 192 320c0-5.766 1.08-11.24 2.51-16.55C157.4 300.6 128 269.9 128 232V159.1C128 151.2 135.2 144 143.1 144S160 151.2 159.1 159.1l0 69.72C159.1 245.2 171.3 271.1 200 271.1C222.1 271.1 240 254.1 240 232v-128C240 81.91 222.1 64 200 64H136.6C103.5 64 72.03 80 52.47 106.8L26.02 143.2C9.107 166.5 0 194.5 0 223.3V312C0 387.1 60.89 448 136 448h32.88C163.4 438.6 160 427.7 160 416C160 388.1 178 364.6 202.1 355.8z"})})),(0,e.jsx)("p",M({className:"text-slate-700 text-sm font-medium dark:text-slate-200"},{children:c}))]})),(0,e.jsxs)(n,M({style:a,className:o("not-prose relative bg-slate-50 rounded-xl overflow-hidden",!v&&"dark:bg-slate-800/25")},{children:[(0,e.jsx)("div",{style:{backgroundPosition:"10px 10px"},className:o("absolute inset-0 bg-grid-slate-100 [mask-image:linear-gradient(0deg,#fff,rgba(255,255,255,0.6))]",!v&&"dark:bg-grid-slate-700/25 dark:[mask-image:linear-gradient(0deg,rgba(255,255,255,0.1),rgba(255,255,255,0.5))]")}),(0,e.jsx)("div",M({className:o("relative rounded-xl overflow-auto flex justify-center",m,l)},i?{dangerouslySetInnerHTML:{__html:i}}:{children:u})),(0,e.jsx)("div",{className:o("absolute inset-0 pointer-events-none border border-black/5 rounded-xl",!v&&"dark:border-white/5")})]}))]}))}var A=function(){return A=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},A.apply(this,arguments)};function F(t){return(0,e.jsx)(D,A({},t))}function D(t){var r=t.name,n=t.type,a=t.defaultValue,l=t.required,s=void 0!==l&&l,i=t.hidden,u=void 0!==i&&i,c=t.nameClasses,d=t.children;return u?null:(0,e.jsxs)("div",A({className:o("pb-3 mb-4 border-b border-slate-100 dark:border-slate-800")},{children:[(0,e.jsxs)("div",A({className:"flex font-mono text-sm"},{children:[r&&(0,e.jsxs)("div",A({className:"py-px flex-1 space-x-2 truncate"},{children:[(0,e.jsx)("span",A({className:o("px-1 py-px rounded-md font-medium bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700",c,c&&!c.includes("text-")||!c?"dark:text-slate-200":void 0)},{children:r})),s&&(0,e.jsx)("span",A({className:"text-slate-500 dark:text-slate-300"},{children:"Required"})),a&&(0,e.jsxs)("span",A({className:"text-slate-500 dark:text-slate-300"},{children:["Default: ",a]}))]})),n&&(0,e.jsx)("div",A({className:"text-slate-600 dark:text-slate-300"},{children:n}))]})),(0,e.jsx)("div",A({className:"mt-2 prose-sm prose-slate dark:prose-dark"},{children:d}))]}))}function H(e,t,...r){if(e in t){let n=t[e];return"function"==typeof n?n(...r):n}let n=new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((e=>`"${e}"`)).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,H),n}var _,U=((_=U||{})[_.None=0]="None",_[_.RenderStrategy=1]="RenderStrategy",_[_.Static=2]="Static",_),B=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(B||{});function V({ourProps:e,theirProps:t,slot:r,defaultTag:n,features:a,visible:o=!0,name:l}){let s=Z(t,e);if(o)return z(s,r,n,l);let i=null!=a?a:0;if(2&i){let{static:e=!1,...t}=s;if(e)return z(t,r,n,l)}if(1&i){let{unmount:e=!0,...t}=s;return H(e?0:1,{0:()=>null,1:()=>z({...t,hidden:!0,style:{display:"none"}},r,n,l)})}return z(s,r,n,l)}function z(e,r={},n,a){let{as:o=n,children:l,refName:s="ref",...i}=q(e,["unmount","static"]),u=void 0!==e.ref?{[s]:e.ref}:{},c="function"==typeof l?l(r):l;i.className&&"function"==typeof i.className&&(i.className=i.className(r));let d={};if(r){let e=!1,t=[];for(let[n,a]of Object.entries(r))"boolean"==typeof a&&(e=!0),!0===a&&t.push(n);e&&(d["data-headlessui-state"]=t.join(" "))}if(o===t.Fragment&&Object.keys($(i)).length>0){if(!(0,t.isValidElement)(c)||Array.isArray(c)&&c.length>1)throw new Error(['Passing props on "Fragment"!',"",`The current component <${a} /> is rendering a "Fragment".`,"However we need to passthrough the following props:",Object.keys(i).map((e=>`  - ${e}`)).join("\n"),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".',"Render a single element as the child so that we can forward the props onto that element."].map((e=>`  - ${e}`)).join("\n")].join("\n"));return(0,t.cloneElement)(c,Object.assign({},Z(c.props,$(q(i,["ref"]))),d,u,function(...e){return{ref:e.every((e=>null==e))?void 0:t=>{for(let r of e)null!=r&&("function"==typeof r?r(t):r.current=t)}}}(c.ref,u.ref)))}return(0,t.createElement)(o,Object.assign({},q(i,["ref"]),o!==t.Fragment&&u,o!==t.Fragment&&d),c)}function Z(...e){if(0===e.length)return{};if(1===e.length)return e[0];let t={},r={};for(let n of e)for(let e in n)e.startsWith("on")&&"function"==typeof n[e]?(null!=r[e]||(r[e]=[]),r[e].push(n[e])):t[e]=n[e];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(r).map((e=>[e,void 0]))));for(let e in r)Object.assign(t,{[e](t,...n){let a=r[e];for(let e of a){if((t instanceof Event||(null==t?void 0:t.nativeEvent)instanceof Event)&&t.defaultPrevented)return;e(t,...n)}}});return t}function W(e){var r;return Object.assign((0,t.forwardRef)(e),{displayName:null!=(r=e.displayName)?r:e.name})}function $(e){let t=Object.assign({},e);for(let e in t)void 0===t[e]&&delete t[e];return t}function q(e,t=[]){let r=Object.assign({},e);for(let e of t)e in r&&delete r[e];return r}function Q(){let e=[],t=[],r={enqueue(e){t.push(e)},addEventListener:(e,t,n,a)=>(e.addEventListener(t,n,a),r.add((()=>e.removeEventListener(t,n,a)))),requestAnimationFrame(...e){let t=requestAnimationFrame(...e);return r.add((()=>cancelAnimationFrame(t)))},nextFrame:(...e)=>r.requestAnimationFrame((()=>r.requestAnimationFrame(...e))),setTimeout(...e){let t=setTimeout(...e);return r.add((()=>clearTimeout(t)))},microTask(...e){let t={current:!0};return function(e){"function"==typeof queueMicrotask?queueMicrotask(e):Promise.resolve().then(e).catch((e=>setTimeout((()=>{throw e}))))}((()=>{t.current&&e[0]()})),r.add((()=>{t.current=!1}))},add:t=>(e.push(t),()=>{let r=e.indexOf(t);if(r>=0){let[t]=e.splice(r,1);t()}}),dispose(){for(let t of e.splice(0))t()},async workQueue(){for(let e of t.splice(0))await e()}};return r}function G(){let[e]=(0,t.useState)(Q);return(0,t.useEffect)((()=>()=>e.dispose()),[e]),e}const K="undefined"==typeof window||"undefined"==typeof document;let Y=K?t.useEffect:t.useLayoutEffect;function J(e){let r=(0,t.useRef)(e);return Y((()=>{r.current=e}),[e]),r}let X=function(e){let r=J(e);return t.useCallback(((...e)=>r.current(...e)),[r])},ee=Symbol();function te(...e){let r=(0,t.useRef)(e);(0,t.useEffect)((()=>{r.current=e}),[e]);let n=X((e=>{for(let t of r.current)null!=t&&("function"==typeof t?t(e):t.current=e)}));return e.every((e=>null==e||(null==e?void 0:e[ee])))?void 0:n}let re={serverHandoffComplete:!1};var ne;let ae=0;function oe(){return++ae}let le=null!=(ne=t.useId)?ne:function(){let e=function(){let[e,r]=(0,t.useState)(re.serverHandoffComplete);return(0,t.useEffect)((()=>{!0!==e&&r(!0)}),[e]),(0,t.useEffect)((()=>{!1===re.serverHandoffComplete&&(re.serverHandoffComplete=!0)}),[]),e}(),[r,n]=t.useState(e?oe:null);return Y((()=>{null===r&&n(oe())}),[r]),null!=r?""+r:void 0};var se=(e=>(e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.Delete="Delete",e.ArrowLeft="ArrowLeft",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab",e))(se||{}),ie=(e=>(e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing",e))(ie||{});function ue(e){return K?null:e instanceof Node?e.ownerDocument:null!=e&&e.hasOwnProperty("current")&&e.current instanceof Node?e.current.ownerDocument:document}let ce=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map((e=>`${e}:not([tabindex='-1'])`)).join(",");var de,fe=((de=fe||{})[de.First=1]="First",de[de.Previous=2]="Previous",de[de.Next=4]="Next",de[de.Last=8]="Last",de[de.WrapAround=16]="WrapAround",de[de.NoScroll=32]="NoScroll",de),pe=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(pe||{}),ve=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(ve||{});function me(e=document.body){return null==e?[]:Array.from(e.querySelectorAll(ce))}var he=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(he||{});function xe(e,t=0){var r;return e!==(null==(r=ue(e))?void 0:r.body)&&H(t,{0:()=>e.matches(ce),1(){let t=e;for(;null!==t;){if(t.matches(ce))return!0;t=t.parentElement}return!1}})}function ge(e){let t=ue(e);Q().nextFrame((()=>{t&&!xe(t.activeElement,0)&&function(e){null==e||e.focus({preventScroll:!0})}(e)}))}let be=["textarea","input"].join(",");function ye(e,t=(e=>e)){return e.slice().sort(((e,r)=>{let n=t(e),a=t(r);if(null===n||null===a)return 0;let o=n.compareDocumentPosition(a);return o&Node.DOCUMENT_POSITION_FOLLOWING?-1:o&Node.DOCUMENT_POSITION_PRECEDING?1:0}))}function we(e,t){return function(e,t,r=!0,n=null){let a=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e.ownerDocument,o=Array.isArray(e)?r?ye(e):e:me(e);n=null!=n?n:a.activeElement;let l,s=(()=>{if(5&t)return 1;if(10&t)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),i=(()=>{if(1&t)return 0;if(2&t)return Math.max(0,o.indexOf(n))-1;if(4&t)return Math.max(0,o.indexOf(n))+1;if(8&t)return o.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),u=32&t?{preventScroll:!0}:{},c=0,d=o.length;do{if(c>=d||c+d<=0)return 0;let e=i+c;if(16&t)e=(e+d)%d;else{if(e<0)return 3;if(e>=d)return 1}l=o[e],null==l||l.focus(u),c+=s}while(l!==a.activeElement);return 6&t&&function(e){var t,r;return null!=(r=null==(t=null==e?void 0:e.matches)?void 0:t.call(e,be))&&r}(l)&&l.select(),l.hasAttribute("tabindex")||l.setAttribute("tabindex","0"),2}(me(),t,!0,e)}function ke(e,r,n){let a=J(r);(0,t.useEffect)((()=>{function t(e){a.current(e)}return document.addEventListener(e,t,n),()=>document.removeEventListener(e,t,n)}),[e,n])}let je=(0,t.createContext)(null);je.displayName="OpenClosedContext";var Ce=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Ce||{});function Ne(){return(0,t.useContext)(je)}function Oe({value:e,children:r}){return t.createElement(je.Provider,{value:e},r)}function Ee(e){var t;if(e.type)return e.type;let r=null!=(t=e.as)?t:"button";return"string"==typeof r&&"button"===r.toLowerCase()?"button":void 0}function Ie(e,r){let[n,a]=(0,t.useState)((()=>Ee(e)));return Y((()=>{a(Ee(e))}),[e.type,e.as]),Y((()=>{n||!r.current||r.current instanceof HTMLButtonElement&&!r.current.hasAttribute("type")&&a("button")}),[n,r]),n}var Se=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Se||{}),Pe=(e=>(e[e.Pointer=0]="Pointer",e[e.Other=1]="Other",e))(Pe||{}),Le=(e=>(e[e.OpenMenu=0]="OpenMenu",e[e.CloseMenu=1]="CloseMenu",e[e.GoToItem=2]="GoToItem",e[e.Search=3]="Search",e[e.ClearSearch=4]="ClearSearch",e[e.RegisterItem=5]="RegisterItem",e[e.UnregisterItem=6]="UnregisterItem",e))(Le||{});function Me(e,t=(e=>e)){let r=null!==e.activeItemIndex?e.items[e.activeItemIndex]:null,n=ye(t(e.items.slice()),(e=>e.dataRef.current.domRef.current)),a=r?n.indexOf(r):null;return-1===a&&(a=null),{items:n,activeItemIndex:a}}let Re={1:e=>1===e.menuState?e:{...e,activeItemIndex:null,menuState:1},0:e=>0===e.menuState?e:{...e,menuState:0},2:(e,t)=>{var r;let n=Me(e),a=function(e,t){let r=t.resolveItems();if(r.length<=0)return null;let n=t.resolveActiveIndex(),a=null!=n?n:-1,o=(()=>{switch(e.focus){case 0:return r.findIndex((e=>!t.resolveDisabled(e)));case 1:{let e=r.slice().reverse().findIndex(((e,r,n)=>!(-1!==a&&n.length-r-1>=a||t.resolveDisabled(e))));return-1===e?e:r.length-1-e}case 2:return r.findIndex(((e,r)=>!(r<=a||t.resolveDisabled(e))));case 3:{let e=r.slice().reverse().findIndex((e=>!t.resolveDisabled(e)));return-1===e?e:r.length-1-e}case 4:return r.findIndex((r=>t.resolveId(r)===e.id));case 5:return null;default:!function(e){throw new Error("Unexpected object: "+e)}(e)}})();return-1===o?n:o}(t,{resolveItems:()=>n.items,resolveActiveIndex:()=>n.activeItemIndex,resolveId:e=>e.id,resolveDisabled:e=>e.dataRef.current.disabled});return{...e,...n,searchQuery:"",activeItemIndex:a,activationTrigger:null!=(r=t.trigger)?r:1}},3:(e,t)=>{let r=""!==e.searchQuery?0:1,n=e.searchQuery+t.value.toLowerCase(),a=(null!==e.activeItemIndex?e.items.slice(e.activeItemIndex+r).concat(e.items.slice(0,e.activeItemIndex+r)):e.items).find((e=>{var t;return(null==(t=e.dataRef.current.textValue)?void 0:t.startsWith(n))&&!e.dataRef.current.disabled})),o=a?e.items.indexOf(a):-1;return-1===o||o===e.activeItemIndex?{...e,searchQuery:n}:{...e,searchQuery:n,activeItemIndex:o,activationTrigger:1}},4:e=>""===e.searchQuery?e:{...e,searchQuery:"",searchActiveItemIndex:null},5:(e,t)=>{let r=Me(e,(e=>[...e,{id:t.id,dataRef:t.dataRef}]));return{...e,...r}},6:(e,t)=>{let r=Me(e,(e=>{let r=e.findIndex((e=>e.id===t.id));return-1!==r&&e.splice(r,1),e}));return{...e,...r,activationTrigger:1}}},Te=(0,t.createContext)(null);function Ae(e){let r=(0,t.useContext)(Te);if(null===r){let t=new Error(`<${e} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,Ae),t}return r}function Fe(e,t){return H(t.type,Re,e,t)}Te.displayName="MenuContext";let De=t.Fragment,He=W((function(e,r){let n=(0,t.useReducer)(Fe,{menuState:1,buttonRef:(0,t.createRef)(),itemsRef:(0,t.createRef)(),items:[],searchQuery:"",activeItemIndex:null,activationTrigger:1}),[{menuState:a,itemsRef:o,buttonRef:l},s]=n,i=te(r);!function(e,r,n=!0){let a=(0,t.useRef)(!1);function o(t,n){if(!a.current||t.defaultPrevented)return;let o=function e(t){return"function"==typeof t?e(t()):Array.isArray(t)||t instanceof Set?t:[t]}(e),l=n(t);if(null!==l&&l.ownerDocument.documentElement.contains(l)){for(let e of o){if(null===e)continue;let t=e instanceof HTMLElement?e:e.current;if(null!=t&&t.contains(l))return}return!xe(l,he.Loose)&&-1!==l.tabIndex&&t.preventDefault(),r(t,l)}}(0,t.useEffect)((()=>{requestAnimationFrame((()=>{a.current=n}))}),[n]);let l=(0,t.useRef)(null);ke("mousedown",(e=>{a.current&&(l.current=e.target)}),!0),ke("click",(e=>{!l.current||(o(e,(()=>l.current)),l.current=null)}),!0),ke("blur",(e=>o(e,(()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null))),!0)}([l,o],((e,t)=>{var r;s({type:1}),xe(t,he.Loose)||(e.preventDefault(),null==(r=l.current)||r.focus())}),0===a);let u=(0,t.useMemo)((()=>({open:0===a})),[a]),c=e,d={ref:i};return t.createElement(Te.Provider,{value:n},t.createElement(Oe,{value:H(a,{0:Ce.Open,1:Ce.Closed})},V({ourProps:d,theirProps:c,slot:u,defaultTag:De,name:"Menu"})))})),_e=W((function(e,r){var n;let[a,o]=Ae("Menu.Button"),l=te(a.buttonRef,r),s=`headlessui-menu-button-${le()}`,i=G(),u=X((e=>{switch(e.key){case se.Space:case se.Enter:case se.ArrowDown:e.preventDefault(),e.stopPropagation(),o({type:0}),i.nextFrame((()=>o({type:2,focus:ie.First})));break;case se.ArrowUp:e.preventDefault(),e.stopPropagation(),o({type:0}),i.nextFrame((()=>o({type:2,focus:ie.Last})))}})),c=X((e=>{e.key===se.Space&&e.preventDefault()})),d=X((t=>{if(function(e){let t=e.parentElement,r=null;for(;t&&!(t instanceof HTMLFieldSetElement);)t instanceof HTMLLegendElement&&(r=t),t=t.parentElement;let n=""===(null==t?void 0:t.getAttribute("disabled"));return(!n||!function(e){if(!e)return!1;let t=e.previousElementSibling;for(;null!==t;){if(t instanceof HTMLLegendElement)return!1;t=t.previousElementSibling}return!0}(r))&&n}(t.currentTarget))return t.preventDefault();e.disabled||(0===a.menuState?(o({type:1}),i.nextFrame((()=>{var e;return null==(e=a.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(t.preventDefault(),o({type:0})))})),f=(0,t.useMemo)((()=>({open:0===a.menuState})),[a]),p=e;return V({ourProps:{ref:l,id:s,type:Ie(e,a.buttonRef),"aria-haspopup":!0,"aria-controls":null==(n=a.itemsRef.current)?void 0:n.id,"aria-expanded":e.disabled?void 0:0===a.menuState,onKeyDown:u,onKeyUp:c,onClick:d},theirProps:p,slot:f,defaultTag:"button",name:"Menu.Button"})})),Ue=U.RenderStrategy|U.Static,Be=W((function(e,r){var n,a;let[o,l]=Ae("Menu.Items"),s=te(o.itemsRef,r),i=function(...e){return(0,t.useMemo)((()=>ue(...e)),[...e])}(o.itemsRef),u=`headlessui-menu-items-${le()}`,c=G(),d=Ne(),f=null!==d?d===Ce.Open:0===o.menuState;(0,t.useEffect)((()=>{let e=o.itemsRef.current;!e||0===o.menuState&&e!==(null==i?void 0:i.activeElement)&&e.focus({preventScroll:!0})}),[o.menuState,o.itemsRef,i]),function({container:e,accept:r,walk:n,enabled:a=!0}){let o=(0,t.useRef)(r),l=(0,t.useRef)(n);(0,t.useEffect)((()=>{o.current=r,l.current=n}),[r,n]),Y((()=>{if(!e||!a)return;let t=ue(e);if(!t)return;let r=o.current,n=l.current,s=Object.assign((e=>r(e)),{acceptNode:r}),i=t.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,s,!1);for(;i.nextNode();)n(i.currentNode)}),[e,a,o,l])}({container:o.itemsRef.current,enabled:0===o.menuState,accept:e=>"menuitem"===e.getAttribute("role")?NodeFilter.FILTER_REJECT:e.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT,walk(e){e.setAttribute("role","none")}});let p=X((e=>{var t,r;switch(c.dispose(),e.key){case se.Space:if(""!==o.searchQuery)return e.preventDefault(),e.stopPropagation(),l({type:3,value:e.key});case se.Enter:if(e.preventDefault(),e.stopPropagation(),l({type:1}),null!==o.activeItemIndex){let{dataRef:e}=o.items[o.activeItemIndex];null==(r=null==(t=e.current)?void 0:t.domRef.current)||r.click()}ge(o.buttonRef.current);break;case se.ArrowDown:return e.preventDefault(),e.stopPropagation(),l({type:2,focus:ie.Next});case se.ArrowUp:return e.preventDefault(),e.stopPropagation(),l({type:2,focus:ie.Previous});case se.Home:case se.PageUp:return e.preventDefault(),e.stopPropagation(),l({type:2,focus:ie.First});case se.End:case se.PageDown:return e.preventDefault(),e.stopPropagation(),l({type:2,focus:ie.Last});case se.Escape:e.preventDefault(),e.stopPropagation(),l({type:1}),Q().nextFrame((()=>{var e;return null==(e=o.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case se.Tab:e.preventDefault(),e.stopPropagation(),l({type:1}),Q().nextFrame((()=>{we(o.buttonRef.current,e.shiftKey?fe.Previous:fe.Next)}));break;default:1===e.key.length&&(l({type:3,value:e.key}),c.setTimeout((()=>l({type:4})),350))}})),v=X((e=>{e.key===se.Space&&e.preventDefault()})),m=(0,t.useMemo)((()=>({open:0===o.menuState})),[o]),h=e;return V({ourProps:{"aria-activedescendant":null===o.activeItemIndex||null==(n=o.items[o.activeItemIndex])?void 0:n.id,"aria-labelledby":null==(a=o.buttonRef.current)?void 0:a.id,id:u,onKeyDown:p,onKeyUp:v,role:"menu",tabIndex:0,ref:s},theirProps:h,slot:m,defaultTag:"div",features:Ue,visible:f,name:"Menu.Items"})})),Ve=t.Fragment,ze=W((function(e,r){let{disabled:n=!1,...a}=e,[o,l]=Ae("Menu.Item"),s=`headlessui-menu-item-${le()}`,i=null!==o.activeItemIndex&&o.items[o.activeItemIndex].id===s,u=(0,t.useRef)(null),c=te(r,u);Y((()=>{if(0!==o.menuState||!i||0===o.activationTrigger)return;let e=Q();return e.requestAnimationFrame((()=>{var e,t;null==(t=null==(e=u.current)?void 0:e.scrollIntoView)||t.call(e,{block:"nearest"})})),e.dispose}),[u,i,o.menuState,o.activationTrigger,o.activeItemIndex]);let d=(0,t.useRef)({disabled:n,domRef:u});Y((()=>{d.current.disabled=n}),[d,n]),Y((()=>{var e,t;d.current.textValue=null==(t=null==(e=u.current)?void 0:e.textContent)?void 0:t.toLowerCase()}),[d,u]),Y((()=>(l({type:5,id:s,dataRef:d}),()=>l({type:6,id:s}))),[d,s]);let f=X((e=>{if(n)return e.preventDefault();l({type:1}),ge(o.buttonRef.current)})),p=X((()=>{if(n)return l({type:2,focus:ie.Nothing});l({type:2,focus:ie.Specific,id:s})})),v=X((()=>{n||i||l({type:2,focus:ie.Specific,id:s,trigger:0})})),m=X((()=>{n||!i||l({type:2,focus:ie.Nothing})})),h=(0,t.useMemo)((()=>({active:i,disabled:n})),[i,n]);return V({ourProps:{id:s,ref:c,role:"menuitem",tabIndex:!0===n?void 0:-1,"aria-disabled":!0===n||void 0,disabled:void 0,onClick:f,onFocus:p,onPointerMove:v,onMouseMove:v,onPointerLeave:m,onMouseLeave:m},theirProps:a,slot:h,defaultTag:Ve,name:"Menu.Item"})})),Ze=Object.assign(He,{Button:_e,Items:Be,Item:ze});var We=function(){return We=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},We.apply(this,arguments)};function $e(r){var n=r.options,a=r.onChange,l=r.defaultOption,s=r.selectedOptionClass,i=l,u=Array.isArray(n)&&n.length>0;null==l&&u&&(i=n[0]);var c=(0,t.useState)(i),d=c[0],f=c[1];return u?(0,e.jsx)("div",We({className:"relative"},{children:(0,e.jsxs)(Ze,{children:[(0,e.jsxs)(Ze.Button,We({className:"text-xs text-slate-500 dark:text-slate-400 leading-5 font-semibold !bg-slate-400/10 rounded-full py-1 px-3 flex items-center space-x-2 hover:bg-slate-400/20"},{children:[d,(0,e.jsx)("svg",We({width:"6",height:"3",className:"ml-2 overflow-visible","aria-hidden":"true"},{children:(0,e.jsx)("path",{d:"M0 0L3 3L6 0",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}))]})),(0,e.jsx)(Ze.Items,We({className:"absolute top-full mt-1 py-2 w-40 rounded-lg bg-white shadow text-sm leading-6 font-semibold text-slate-700 dark:bg-slate-800 dark:text-slate-300"},{children:n.map((function(t){return(0,e.jsx)(Ze.Item,We({disabled:t===d},{children:function(r){var n=r.active;return(0,e.jsxs)("a",We({className:o("flex items-center justify-between px-3 py-1 cursor-pointer",n&&"bg-slate-50 text-slate-900 dark:bg-slate-600/30 dark:text-white",t===d&&s),onClick:function(){return function(e){f(e),a&&a(e)}(t)}},{children:[t,t===d&&(0,e.jsx)("svg",We({width:"24",height:"24",fill:"none","aria-hidden":"true"},{children:(0,e.jsx)("path",{d:"m7.75 12.75 2.25 2.5 6.25-6.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))]}))}}),t)}))}))]})})):null}var qe=function(){return qe=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},qe.apply(this,arguments)};function Qe(t){var r=t.title,n=t.isActive,a=void 0===n||n,l=t.children;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("h2",qe({className:o("flex text-sm leading-6 font-semibold whitespace-nowrap pt-3 pb-2.5 -mb-px max-w-max border-b",a?"text-primary dark:text-primary-light border-current":"text-slate-900 border-transparent hover:border-slate-300 dark:text-slate-200 dark:hover:border-slate-700")},{children:r})),l?(0,e.jsx)("div",qe({className:"prose dark:prose-dark"},{children:l})):null]})}var Ge=function(){return Ge=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},Ge.apply(this,arguments)};function Ke(r){var n=r.children,a=(0,t.useState)(0),o=a[0],l=a[1],s=t.Children.toArray(n),i=s[o].props.children;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("ul",Ge({className:"not-prose mb-6 pb-[1px] flex-none min-w-full overflow-auto border-b border-slate-200 space-x-6 flex dark:border-slate-200/10"},{children:s.map((function(t,r){return(0,e.jsx)("li",Ge({className:"cursor-pointer",onClick:function(){return l(r)}},{children:(0,e.jsx)(Qe,{title:t.props.title,isActive:r===o})}))}))})),(0,e.jsx)("div",Ge({className:"prose dark:prose-dark"},{children:i}))]})}var Ye=function(){return Ye=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},Ye.apply(this,arguments)};function Je(t){var r=t.tip,n=t.children;return n?(0,e.jsxs)("span",Ye({className:"group z-10 inline relative"},{children:[Xe(n),(0,e.jsx)("span",Ye({className:"hidden group-hover:flex w-fit lg:whitespace-nowrap absolute bottom-full left-1/2 mb-0.5 pb-1 -translate-x-1/2 bg-slate-800 text-center text-slate-50 text-xs px-1.5 py-1 rounded-lg border border-slate-50"},{children:r}))]})):null}function Xe(r){return(0,t.isValidElement)(r)?r:(0,e.jsx)("span",Ye({className:"underline decoration-dotted decoration-2 underline-offset-4 decoration-slate-400 dark:decoration-slate-500"},{children:r}))}var et=function(){return et=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},et.apply(this,arguments)};function tt(t){var r=t.open;return(0,e.jsx)("svg",et({xmlns:"http://www.w3.org/2000/svg",className:o("h-3 w-3",r&&"rotate-90 -mt-1"),viewBox:"0 0 256 512",fill:"currentColor"},{children:(0,e.jsx)("path",{d:"M118.6 105.4l128 127.1C252.9 239.6 256 247.8 256 255.1s-3.125 16.38-9.375 22.63l-128 127.1c-9.156 9.156-22.91 11.9-34.88 6.943S64 396.9 64 383.1V128c0-12.94 7.781-24.62 19.75-29.58S109.5 96.23 118.6 105.4z"})}))}const rt=function(t){var r=t.title,n=t.description,a=t.open,o=t.setOpen;return(0,e.jsxs)("button",et({onClick:function(){return o(!a)},className:"not-prose mt-1.5 flex flex-row items-center content-center w-full py-1 text-slate-700 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-200 ".concat(a?"":"rounded-b-xl"),"aria-controls":r+"Children","aria-expanded":a},{children:[(0,e.jsx)(tt,{open:a}),(0,e.jsxs)("div",et({className:"ml-2 leading-tight text-left"},{children:[(0,e.jsxs)("p",et({className:"m-0"},{children:[a?"Hide":"Show"," ",r]})),n?(0,e.jsx)("p",et({className:"m-0"},{children:n})):null]}))]}))};var nt=function(){return nt=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},nt.apply(this,arguments)};const at=function(r){var n=r.title,a=r.description,l=r.defaultOpen,s=void 0!==l&&l,i=r.onChange,u=r.children,c=(0,t.useState)(s),d=c[0],f=c[1];return(0,e.jsxs)("div",nt({role:"listitem",className:""},{children:[(0,e.jsx)(rt,{title:n,description:a,open:d,setOpen:function(e){f(e),i&&i(e)}}),(0,e.jsx)("div",nt({id:n+"Children",className:o("mt-2 pt-2 mb-4 mx-[6px] px-4 border-l border-slate-100 dark:border-slate-800",!d&&"hidden")},{children:u}))]}),n)}})(),module.exports=n})();

package/dist/main.css

@@ -1300,6 +1300,10 @@ video {
   margin-left: 1.5rem;
   margin-right: 1.5rem;
 }
+.mx-\[6px\] {
+  margin-left: 6px;
+  margin-right: 6px;
+}
 .mr-3 {
   margin-right: 0.75rem;
 }
@@ -1336,6 +1340,9 @@ video {
 .mb-3 {
   margin-bottom: 0.75rem;
 }
+.mt-1\.5 {
+  margin-top: 0.375rem;
+}
 .-mt-1 {
   margin-top: -0.25rem;
 }
@@ -1408,9 +1415,6 @@ video {
 .h-auto {
   height: auto;
 }
-.h-3\.5 {
-  height: 0.875rem;
-}
 .w-1 {
   width: 0.25rem;
 }
@@ -1716,6 +1720,9 @@ video {
 .pt-1 {
   padding-top: 0.25rem;
 }
+.pt-2 {
+  padding-top: 0.5rem;
+}
 .pt-3 {
   padding-top: 0.75rem;
 }
@@ -2049,8 +2056,8 @@ video {
   --tw-border-opacity: 1;
   border-color: rgba(51, 65, 85, var(--tw-border-opacity));
 }
-.dark .dark\:border-slate-200\/5 {
-  border-color: rgba(226, 232, 240, 0.05);
+.dark .dark\:border-slate-200\/10 {
+  border-color: rgba(226, 232, 240, 0.1);
 }
 .dark .dark\:bg-slate-700 {
   --tw-bg-opacity: 1;