@k8slens/lds 0.22.0 → 0.23.0

package/lib/cjs/Button/Button.js

@@ -1 +1 @@
-"use strict";var e=require("react"),a=require("clsx"),t=require("./Button.module.css.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e),l=i(a);var r=e.forwardRef((function(a,i){var r,o=a.label,c=a.primary,s=a.discreet,u=a.allCaps,d=a.case,f=a.disabled,p=void 0!==f&&f,m=a.loading,v=void 0!==m&&m,b=a.className,y=a["aria-label"],E=a.id,N=a.type,g=void 0===N?"default":N,C=a.size,h=void 0===C?"md":C,j=a.buttonType,k=void 0===j?"button":j,q=a.icon,z=a.iconPosition,R=void 0===z?"left":z,w=a.loadingStateOnPromise,x=void 0!==w&&w,B=a.onClick,O=a.children,P=g,S=e.useRef(!0);e.useEffect((function(){return S.current=!0,function(){S.current=!1}}),[]);var D=e.useState(!1),L=D[0],T=D[1],U=v||L,V=e.useCallback((function(e){if("function"==typeof B&&!U){var a,t=B(e);x&&("object"==typeof(a=t)&&null!==a&&"then"in a&&"function"==typeof a.then)&&(T(!0),t.finally((function(){S.current&&T(!1)})))}}),[B,U,x]);return c&&(P="primary"),u&&(d="uppercase","development"===process.env.NODE_ENV&&console.warn('Button: `allCaps` prop is deprecated. Use `case:"uppercase"` instead.')),n.default.createElement("button",{ref:i,id:E,type:k,onClick:V,className:l.default(t.button,b,P,(r={},r[t.uppercase]="uppercase"===d,r[t.capitalize]="capitalize"===d,r[t.discreet]=s,r[t.loading]=U,r[t[h]]="md"!==h,r)),"aria-label":y||("string"==typeof o?o:""),disabled:p||L},q&&"left"===R&&n.default.createElement(q,{className:t.icon}),n.default.createElement("span",{className:t.label},o),O,q&&"right"===R&&n.default.createElement(q,{className:l.default(t.icon,t.iconR)}),U&&n.default.createElement("span",{className:"lds-only-aria","aria-live":"polite","aria-busy":"true"}," ","Loading"))}));module.exports=r;
+"use strict";var e=require("react"),t=require("clsx"),a=require("./Button.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e),r=n(t);var l=e.forwardRef((function(t,n){var l,o=t.label,c=t.primary,s=t.discreet,u=t.case,d=t.textTransform,f=t.disabled,p=void 0!==f&&f,m=t.loading,v=void 0!==m&&m,b=t.className,y=t["aria-label"],E=t.id,N=t.type,g=void 0===N?"default":N,h=t.size,x=void 0===h?"md":h,j=t.buttonType,k=void 0===j?"button":j,q=t.icon,z=t.iconPosition,C=void 0===z?"left":z,R=t.loadingStateOnPromise,T=void 0!==R&&R,w=t.onClick,B=t.children,O=g,P=e.useRef(!0);e.useEffect((function(){return P.current=!0,function(){P.current=!1}}),[]);var S=e.useState(!1),D=S[0],L=S[1],U=v||D,V=e.useCallback((function(e){if("function"==typeof w&&!U){var t,a=w(e);T&&("object"==typeof(t=a)&&null!==t&&"then"in t&&"function"==typeof t.then)&&(L(!0),a.finally((function(){P.current&&L(!1)})))}}),[w,U,T]);c&&(O="primary");var _=d;return u&&(_=_||u,"development"===process.env.NODE_ENV&&console.warn("Button: `case` prop is deprecated. Use `textTransform` instead.")),i.default.createElement("button",{ref:n,id:E,type:k,onClick:V,className:r.default(a.button,b,O,(l={},l[a.uppercase]="uppercase"===_,l[a.capitalize]="capitalize"===_,l[a.discreet]=s,l[a.loading]=U,l[a[x]]="md"!==x,l)),"aria-label":y||("string"==typeof o?o:""),disabled:p||D},q&&"left"===C&&i.default.createElement(q,{className:a.icon}),i.default.createElement("span",{className:a.label},o),B,q&&"right"===C&&i.default.createElement(q,{className:r.default(a.icon,a.iconR)}),U&&i.default.createElement("span",{className:"lds-only-aria","aria-live":"polite","aria-busy":"true"}," ","Loading"))}));module.exports=l;

package/lib/cjs/Button/shared.d.ts

@@ -3,7 +3,7 @@ import { type Icon } from "@k8slens/lds-icons/lib/es/Icon/Icon.d";
 export declare type Type = "default" | "primary" | "ok" | "danger" | "caution";
 export declare type Size = "xs" | "sm" | "md";
 export declare type IconPosition = "right" | "left";
-export declare type Case = "uppercase" | "capitalize";
+export declare type TextTransform = "uppercase" | "capitalize";
 export interface Props {
     label: string;
     icon?: Icon;
@@ -13,8 +13,8 @@ export interface Props {
     primary?: boolean;
     disabled?: boolean;
     discreet?: boolean;
-    /** @deprecated Use `case: "uppercase"` instead */
-    allCaps?: boolean;
-    case?: Case;
+    /** @deprecated Use `case: "textTransform"` instead */
+    case?: TextTransform;
+    textTransform?: TextTransform;
     children?: React.ReactNode;
 }

package/lib/es/Button/Button.js

@@ -1 +1 @@
-import e,{forwardRef as a,useRef as t,useEffect as i,useState as n,useCallback as o}from"react";import r from"clsx";import l from"./Button.module.css.js";var c=a((function(a,c){var s,p=a.label,d=a.primary,u=a.discreet,m=a.allCaps,f=a.case,v=a.disabled,b=void 0!==v&&v,y=a.loading,N=void 0!==y&&y,E=a.className,g=a["aria-label"],h=a.id,C=a.type,z=void 0===C?"default":C,j=a.size,k=void 0===j?"md":j,x=a.buttonType,B=void 0===x?"button":x,O=a.icon,P=a.iconPosition,w=void 0===P?"left":P,D=a.loadingStateOnPromise,L=void 0!==D&&D,R=a.onClick,S=a.children,T=z,U=t(!0);i((function(){return U.current=!0,function(){U.current=!1}}),[]);var V=n(!1),_=V[0],q=V[1],A=N||_,F=o((function(e){if("function"==typeof R&&!A){var a,t=R(e);L&&("object"==typeof(a=t)&&null!==a&&"then"in a&&"function"==typeof a.then)&&(q(!0),t.finally((function(){U.current&&q(!1)})))}}),[R,A,L]);return d&&(T="primary"),m&&(f="uppercase","development"===process.env.NODE_ENV&&console.warn('Button: `allCaps` prop is deprecated. Use `case:"uppercase"` instead.')),e.createElement("button",{ref:c,id:h,type:B,onClick:F,className:r(l.button,E,T,(s={},s[l.uppercase]="uppercase"===f,s[l.capitalize]="capitalize"===f,s[l.discreet]=u,s[l.loading]=A,s[l[k]]="md"!==k,s)),"aria-label":g||("string"==typeof p?p:""),disabled:b||_},O&&"left"===w&&e.createElement(O,{className:l.icon}),e.createElement("span",{className:l.label},p),S,O&&"right"===w&&e.createElement(O,{className:r(l.icon,l.iconR)}),A&&e.createElement("span",{className:"lds-only-aria","aria-live":"polite","aria-busy":"true"}," ","Loading"))}));export{c as default};
+import e,{forwardRef as t,useRef as a,useEffect as n,useState as i,useCallback as o}from"react";import r from"clsx";import l from"./Button.module.css.js";var c=t((function(t,c){var s,d=t.label,p=t.primary,m=t.discreet,u=t.case,f=t.textTransform,v=t.disabled,b=void 0!==v&&v,y=t.loading,N=void 0!==y&&y,E=t.className,g=t["aria-label"],h=t.id,x=t.type,z=void 0===x?"default":x,T=t.size,j=void 0===T?"md":T,k=t.buttonType,B=void 0===k?"button":k,C=t.icon,O=t.iconPosition,P=void 0===O?"left":O,w=t.loadingStateOnPromise,D=void 0!==w&&w,L=t.onClick,R=t.children,S=z,U=a(!0);n((function(){return U.current=!0,function(){U.current=!1}}),[]);var V=i(!1),_=V[0],q=V[1],A=N||_,F=o((function(e){if("function"==typeof L&&!A){var t,a=L(e);D&&("object"==typeof(t=a)&&null!==t&&"then"in t&&"function"==typeof t.then)&&(q(!0),a.finally((function(){U.current&&q(!1)})))}}),[L,A,D]);p&&(S="primary");var G=f;return u&&(G=G||u,"development"===process.env.NODE_ENV&&console.warn("Button: `case` prop is deprecated. Use `textTransform` instead.")),e.createElement("button",{ref:c,id:h,type:B,onClick:F,className:r(l.button,E,S,(s={},s[l.uppercase]="uppercase"===G,s[l.capitalize]="capitalize"===G,s[l.discreet]=m,s[l.loading]=A,s[l[j]]="md"!==j,s)),"aria-label":g||("string"==typeof d?d:""),disabled:b||_},C&&"left"===P&&e.createElement(C,{className:l.icon}),e.createElement("span",{className:l.label},d),R,C&&"right"===P&&e.createElement(C,{className:r(l.icon,l.iconR)}),A&&e.createElement("span",{className:"lds-only-aria","aria-live":"polite","aria-busy":"true"}," ","Loading"))}));export{c as default};

package/lib/es/Button/shared.d.ts

@@ -3,7 +3,7 @@ import { type Icon } from "@k8slens/lds-icons/lib/es/Icon/Icon.d";
 export declare type Type = "default" | "primary" | "ok" | "danger" | "caution";
 export declare type Size = "xs" | "sm" | "md";
 export declare type IconPosition = "right" | "left";
-export declare type Case = "uppercase" | "capitalize";
+export declare type TextTransform = "uppercase" | "capitalize";
 export interface Props {
     label: string;
     icon?: Icon;
@@ -13,8 +13,8 @@ export interface Props {
     primary?: boolean;
     disabled?: boolean;
     discreet?: boolean;
-    /** @deprecated Use `case: "uppercase"` instead */
-    allCaps?: boolean;
-    case?: Case;
+    /** @deprecated Use `case: "textTransform"` instead */
+    case?: TextTransform;
+    textTransform?: TextTransform;
     children?: React.ReactNode;
 }

package/lib/web/lds-v0-22-0/index.js

@@ -0,0 +1 @@
+define(["exports","react","react-dom"],(function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=r(t),l=a(t);function i(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=i(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function u(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=i(e))&&(r&&(r+=" "),r+=t);return r}var s={button:"lds-button",xs:"lds-button--xs",sm:"lds-button--sm",uppercase:"lds-button--uppercase",capitalize:"lds-button--capitalize",icon:"lds-button--icon",iconR:"lds-button--icon-r",discreet:"lds-button--discreet",loading:"lds-button--loading",spinner:"lds-button--spinner",label:"lds-button--label"};var c=t.forwardRef((function(e,n){var r,a=e.label,l=e.primary,i=e.discreet,c=e.case,d=e.textTransform,f=e.disabled,p=void 0!==f&&f,m=e.loading,v=void 0!==m&&m,h=e.className,g=e["aria-label"],b=e.id,E=e.type,y=void 0===E?"default":E,w=e.size,N=void 0===w?"md":w,S=e.buttonType,O=void 0===S?"button":S,P=e.icon,C=e.iconPosition,T=void 0===C?"left":C,x=e.loadingStateOnPromise,L=void 0!==x&&x,k=e.onClick,M=e.children,F=y,A=t.useRef(!0);t.useEffect((function(){return A.current=!0,function(){A.current=!1}}),[]);var D=t.useState(!1),R=D[0],j=D[1],I=v||R,H=t.useCallback((function(e){if("function"==typeof k&&!I){var t=k(e);L&&function(e){return"object"==typeof e&&null!==e&&"then"in e&&"function"==typeof e.then}(t)&&(j(!0),t.finally((function(){A.current&&j(!1)})))}}),[k,I,L]);l&&(F="primary");var B=d;return c&&(B=B||c,"development"===process.env.NODE_ENV&&console.warn("Button: `case` prop is deprecated. Use `textTransform` instead.")),o.default.createElement("button",{ref:n,id:b,type:O,onClick:H,className:u(s.button,h,F,(r={},r[s.uppercase]="uppercase"===B,r[s.capitalize]="capitalize"===B,r[s.discreet]=i,r[s.loading]=I,r[s[N]]="md"!==N,r)),"aria-label":g||("string"==typeof a?a:""),disabled:p||R},P&&"left"===T&&o.default.createElement(P,{className:s.icon}),o.default.createElement("span",{className:s.label},a),M,P&&"right"===T&&o.default.createElement(P,{className:u(s.icon,s.iconR)}),I&&o.default.createElement("span",{className:"lds-only-aria","aria-live":"polite","aria-busy":"true"}," ","Loading"))})),d=function(){return d=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},d.apply(this,arguments)};function f(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}var p={buttonBar:"lds-button-bar",centered:"lds-button-bar--centered",stacked:"lds-button-bar--stacked",bGrid:"lds-button-bar--b-grid","grid-2":"lds-button-bar--grid---2","grid-3":"lds-button-bar--grid---3","grid-4":"lds-button-bar--grid---4","grid-5":"lds-button-bar--grid---5"};function m(e){var n,r=e.as,a=void 0===r?"div":r,l=e.type,i=void 0===l?"default":l,s=e.gridSize,c=e.children,m=f(e,["as","type","gridSize","children"]),v=t.useMemo((function(){return"number"==typeof s?s:t.Children.toArray(c).filter((function(e){return t.isValidElement(e)})).length}),[s,c]);return o.default.createElement(a,d({},m,{className:u(p.buttonBar,m.className||"",(n={},n[p[i]]="default"!==i&&"grid"!==i,n[p.bGrid]="grid"===i,n[p["grid-".concat(v)]]="grid"===i,n))}),c)}var v="lds-input--wrapper",h="lds-input",g="lds-input--with-icon",b="lds-input--icon",E=t.forwardRef((function(e,t){var n,r=e.icon,a=e.wrapperProps,l=f(e,["icon","wrapperProps"]);return o.default.createElement("div",d({},a,{className:u(v,null==a?void 0:a.className,(n={},n[g]=r,n))}),o.default.createElement("input",d({ref:t},l,{className:u(h,(null==l?void 0:l.className)||"")})),r&&o.default.createElement(r,{className:b}))})),y=function(){return y=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},y.apply(this,arguments)};function w(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}var N,S,O,P,C,T,x,L,k,M="lds-icon",F="lds-icon--svg",A=function(e){var n,r=e.color,a=void 0===r?"default":r,l=e.size,i=void 0===l?"md":l,s=e.className,c=void 0===s?"":s,d=e.children,f=t.useMemo((function(){if("number"==typeof i)return{width:"".concat(i,"px"),height:"".concat(i,"px")}}),[i]),p=t.useMemo((function(){if("string"==typeof i&&"md"!==i){if(i.match(/^[0-9]xl$/)){var e=i.split("xl")[0],t=new Array(parseInt(e)).fill("x");return"".concat(t.join(""),"l")}return i}return""}),[i]);return o.default.createElement("span",{"aria-hidden":!0,className:u(M,c,(n={},n[p]=Boolean(p),n[a]="string"==typeof a&&"default"!==a,n)),style:f},d)},D=function(e){var t=e.icon,n=w(e,["icon"]);return o.default.createElement(A,y({},n,{className:u(n.className,F)}),o.default.createElement(t,null))};function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},R.apply(this,arguments)}var j=function(e){return l.createElement("svg",R({xmlns:"http://www.w3.org/2000/svg",width:64,height:64,viewBox:"0 0 32 32"},e),N||(N=l.createElement("circle",{cx:16,cy:3,r:0},l.createElement("animate",{attributeName:"r",begin:0,calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),S||(S=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(45 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.125s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),O||(O=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(90 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.25s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),P||(P=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(135 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.375s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),C||(C=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(180 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.5s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),T||(T=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(225 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.625s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),x||(x=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(270 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.75s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),L||(L=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(315 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.875s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),k||(k=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(180 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.5s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))))},I="lds-loading-indicator",H=function(e){var t=w(e,[]);return o.default.createElement(D,y({icon:j},t))},B=function(e){var t=e.size,n=e.className;return o.default.createElement("div",{className:u(I,n)},o.default.createElement(H,{size:t}))},_=Object.defineProperty,V=(e,t,n)=>(((e,t,n)=>{t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n})(e,"symbol"!=typeof t?t+"":t,n),n);let $=new class{constructor(){V(this,"current",this.detect()),V(this,"handoffState","pending"),V(this,"currentId",0)}set(e){this.current!==e&&(this.handoffState="pending",this.currentId=0,this.current=e)}reset(){this.set(this.detect())}nextId(){return++this.currentId}get isServer(){return"server"===this.current}get isClient(){return"client"===this.current}detect(){return"undefined"==typeof window||"undefined"==typeof document?"server":"client"}handoff(){"pending"===this.handoffState&&(this.handoffState="complete")}get isHandoffComplete(){return"complete"===this.handoffState}},G=(e,n)=>{$.isServer?t.useEffect(e,n):t.useLayoutEffect(e,n)};function U(e){let n=t.useRef(e);return G((()=>{n.current=e}),[e]),n}function z(e){"function"==typeof queueMicrotask?queueMicrotask(e):Promise.resolve().then(e).catch((e=>setTimeout((()=>{throw e}))))}function W(){let e=[],t={addEventListener:(e,n,r,a)=>(e.addEventListener(n,r,a),t.add((()=>e.removeEventListener(n,r,a)))),requestAnimationFrame(...e){let n=requestAnimationFrame(...e);return t.add((()=>cancelAnimationFrame(n)))},nextFrame:(...e)=>t.requestAnimationFrame((()=>t.requestAnimationFrame(...e))),setTimeout(...e){let n=setTimeout(...e);return t.add((()=>clearTimeout(n)))},microTask(...e){let n={current:!0};return z((()=>{n.current&&e[0]()})),t.add((()=>{n.current=!1}))},style(e,t,n){let r=e.style.getPropertyValue(t);return Object.assign(e.style,{[t]:n}),this.add((()=>{Object.assign(e.style,{[t]:r})}))},group(e){let t=W();return e(t),this.add((()=>t.dispose()))},add:t=>(e.push(t),()=>{let n=e.indexOf(t);if(n>=0)for(let t of e.splice(n,1))t()}),dispose(){for(let t of e.splice(0))t()}};return t}let q=function(e){let t=U(e);return o.default.useCallback(((...e)=>t.current(...e)),[t])};function Y(){let[e,n]=t.useState($.isHandoffComplete);return e&&!1===$.isHandoffComplete&&n(!1),t.useEffect((()=>{!0!==e&&n(!0)}),[e]),t.useEffect((()=>$.handoff()),[]),e}var K;let X=null!=(K=o.default.useId)?K:function(){let e=Y(),[t,n]=o.default.useState(e?()=>$.nextId():null);return G((()=>{null===t&&n($.nextId())}),[t]),null!=t?""+t:void 0};function J(e,t,...n){if(e in t){let r=t[e];return"function"==typeof r?r(...n):r}let r=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(r,J),r}function Q(e){return $.isServer?null:e instanceof Node?e.ownerDocument:null!=e&&e.hasOwnProperty("current")&&e.current instanceof Node?e.current.ownerDocument:document}let Z=["[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 ee=(e=>(e[e.First=1]="First",e[e.Previous=2]="Previous",e[e.Next=4]="Next",e[e.Last=8]="Last",e[e.WrapAround=16]="WrapAround",e[e.NoScroll=32]="NoScroll",e))(ee||{}),te=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(te||{}),ne=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(ne||{});var re=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(re||{});var ae=(e=>(e[e.Keyboard=0]="Keyboard",e[e.Mouse=1]="Mouse",e))(ae||{});function oe(e){null==e||e.focus({preventScroll:!0})}"undefined"!=typeof window&&"undefined"!=typeof document&&(document.addEventListener("keydown",(e=>{e.metaKey||e.altKey||e.ctrlKey||(document.documentElement.dataset.headlessuiFocusVisible="")}),!0),document.addEventListener("click",(e=>{1===e.detail?delete document.documentElement.dataset.headlessuiFocusVisible:0===e.detail&&(document.documentElement.dataset.headlessuiFocusVisible="")}),!0));let le=["textarea","input"].join(",");function ie(e,t,{sorted:n=!0,relativeTo:r=null,skipElements:a=[]}={}){let o=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e.ownerDocument,l=Array.isArray(e)?n?function(e,t=(e=>e)){return e.slice().sort(((e,n)=>{let r=t(e),a=t(n);if(null===r||null===a)return 0;let o=r.compareDocumentPosition(a);return o&Node.DOCUMENT_POSITION_FOLLOWING?-1:o&Node.DOCUMENT_POSITION_PRECEDING?1:0}))}(e):e:function(e=document.body){return null==e?[]:Array.from(e.querySelectorAll(Z)).sort(((e,t)=>Math.sign((e.tabIndex||Number.MAX_SAFE_INTEGER)-(t.tabIndex||Number.MAX_SAFE_INTEGER))))}(e);a.length>0&&l.length>1&&(l=l.filter((e=>!a.includes(e)))),r=null!=r?r:o.activeElement;let i,u=(()=>{if(5&t)return 1;if(10&t)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),s=(()=>{if(1&t)return 0;if(2&t)return Math.max(0,l.indexOf(r))-1;if(4&t)return Math.max(0,l.indexOf(r))+1;if(8&t)return l.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),c=32&t?{preventScroll:!0}:{},d=0,f=l.length;do{if(d>=f||d+f<=0)return 0;let e=s+d;if(16&t)e=(e+f)%f;else{if(e<0)return 3;if(e>=f)return 1}i=l[e],null==i||i.focus(c),d+=u}while(i!==o.activeElement);return 6&t&&function(e){var t,n;return null!=(n=null==(t=null==e?void 0:e.matches)?void 0:t.call(e,le))&&n}(i)&&i.select(),2}function ue(e,n,r){let a=U(n);t.useEffect((()=>{function t(e){a.current(e)}return document.addEventListener(e,t,r),()=>document.removeEventListener(e,t,r)}),[e,r])}function se(e,n,r=!0){let a=t.useRef(!1);function o(t,r){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=r(t);if(null!==l&&l.getRootNode().contains(l)){for(let e of o){if(null===e)continue;let n=e instanceof HTMLElement?e:e.current;if(null!=n&&n.contains(l)||t.composed&&t.composedPath().includes(n))return}return!function(e,t=0){var n;return e!==(null==(n=Q(e))?void 0:n.body)&&J(t,{0:()=>e.matches(Z),1(){let t=e;for(;null!==t;){if(t.matches(Z))return!0;t=t.parentElement}return!1}})}(l,re.Loose)&&-1!==l.tabIndex&&t.preventDefault(),n(t,l)}}t.useEffect((()=>{requestAnimationFrame((()=>{a.current=r}))}),[r]);let l=t.useRef(null);ue("mousedown",(e=>{var t,n;a.current&&(l.current=(null==(n=null==(t=e.composedPath)?void 0:t.call(e))?void 0:n[0])||e.target)}),!0),ue("click",(e=>{l.current&&(o(e,(()=>l.current)),l.current=null)}),!0),ue("blur",(e=>o(e,(()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null))),!0)}let ce=Symbol();function de(...e){let n=t.useRef(e);t.useEffect((()=>{n.current=e}),[e]);let r=q((e=>{for(let t of n.current)null!=t&&("function"==typeof t?t(e):t.current=e)}));return e.every((e=>null==e||(null==e?void 0:e[ce])))?void 0:r}function fe(...e){return e.filter(Boolean).join(" ")}var pe=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(pe||{}),me=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(me||{});function ve({ourProps:e,theirProps:t,slot:n,defaultTag:r,features:a,visible:o=!0,name:l}){let i=ge(t,e);if(o)return he(i,n,r,l);let u=null!=a?a:0;if(2&u){let{static:e=!1,...t}=i;if(e)return he(t,n,r,l)}if(1&u){let{unmount:e=!0,...t}=i;return J(e?0:1,{0:()=>null,1:()=>he({...t,hidden:!0,style:{display:"none"}},n,r,l)})}return he(i,n,r,l)}function he(e,n={},r,a){let{as:o=r,children:l,refName:i="ref",...u}=ye(e,["unmount","static"]),s=void 0!==e.ref?{[i]:e.ref}:{},c="function"==typeof l?l(n):l;"className"in u&&u.className&&"function"==typeof u.className&&(u.className=u.className(n));let d={};if(n){let e=!1,t=[];for(let[r,a]of Object.entries(n))"boolean"==typeof a&&(e=!0),!0===a&&t.push(r);e&&(d["data-headlessui-state"]=t.join(" "))}if(o===t.Fragment&&Object.keys(Ee(u)).length>0){if(!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(u).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"));let e=c.props,n="function"==typeof(null==e?void 0:e.className)?(...t)=>fe(null==e?void 0:e.className(...t),u.className):fe(null==e?void 0:e.className,u.className),r=n?{className:n}:{};return t.cloneElement(c,Object.assign({},ge(c.props,Ee(ye(u,["ref"]))),d,s,function(...e){return{ref:e.every((e=>null==e))?void 0:t=>{for(let n of e)null!=n&&("function"==typeof n?n(t):n.current=t)}}}(c.ref,s.ref),r))}return t.createElement(o,Object.assign({},ye(u,["ref"]),o!==t.Fragment&&s,o!==t.Fragment&&d),c)}function ge(...e){if(0===e.length)return{};if(1===e.length)return e[0];let t={},n={};for(let r of e)for(let e in r)e.startsWith("on")&&"function"==typeof r[e]?(null!=n[e]||(n[e]=[]),n[e].push(r[e])):t[e]=r[e];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(n).map((e=>[e,void 0]))));for(let e in n)Object.assign(t,{[e](t,...r){let a=n[e];for(let e of a){if((t instanceof Event||(null==t?void 0:t.nativeEvent)instanceof Event)&&t.defaultPrevented)return;e(t,...r)}}});return t}function be(e){var n;return Object.assign(t.forwardRef(e),{displayName:null!=(n=e.displayName)?n:e.name})}function Ee(e){let t=Object.assign({},e);for(let e in t)void 0===t[e]&&delete t[e];return t}function ye(e,t=[]){let n=Object.assign({},e);for(let e of t)e in n&&delete n[e];return n}function we(e){let t=e.parentElement,n=null;for(;t&&!(t instanceof HTMLFieldSetElement);)t instanceof HTMLLegendElement&&(n=t),t=t.parentElement;let r=""===(null==t?void 0:t.getAttribute("disabled"));return(!r||!function(e){if(!e)return!1;let t=e.previousElementSibling;for(;null!==t;){if(t instanceof HTMLLegendElement)return!1;t=t.previousElementSibling}return!0}(n))&&r}var Ne=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(Ne||{});let Se=be((function(e,t){let{features:n=1,...r}=e;return ve({ourProps:{ref:t,"aria-hidden":2==(2&n)||void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...4==(4&n)&&2!=(2&n)&&{display:"none"}}},theirProps:r,slot:{},defaultTag:"div",name:"Hidden"})})),Oe=t.createContext(null);Oe.displayName="OpenClosedContext";var Pe=(e=>(e[e.Open=1]="Open",e[e.Closed=2]="Closed",e[e.Closing=4]="Closing",e[e.Opening=8]="Opening",e))(Pe||{});var Ce=(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))(Ce||{});function Te(e,n){let r=t.useRef([]),a=q(e);t.useEffect((()=>{let e=[...r.current];for(let[t,o]of n.entries())if(r.current[t]!==o){let t=a(n,e);return r.current=n,t}}),[a,...n])}var xe=(e=>(e[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e))(xe||{});function Le(){let e=t.useRef(0);return function(e,n,r){let a=U(n);t.useEffect((()=>{function t(e){a.current(e)}return window.addEventListener(e,t,r),()=>window.removeEventListener(e,t,r)}),[e,r])}("keydown",(t=>{"Tab"===t.key&&(e.current=t.shiftKey?1:0)}),!0),e}function ke(){let e=t.useRef(!1);return G((()=>(e.current=!0,()=>{e.current=!1})),[]),e}function Me(...e){return t.useMemo((()=>Q(...e)),[...e])}function Fe(e,n,r,a){let o=U(r);t.useEffect((()=>{function t(e){o.current(e)}return(e=null!=e?e:window).addEventListener(n,t,a),()=>e.removeEventListener(n,t,a)}),[e,n,a])}function Ae(e){if(!e)return new Set;if("function"==typeof e)return new Set(e());let t=new Set;for(let n of e.current)n.current instanceof HTMLElement&&t.add(n.current);return t}var De=(e=>(e[e.None=1]="None",e[e.InitialFocus=2]="InitialFocus",e[e.TabLock=4]="TabLock",e[e.FocusLock=8]="FocusLock",e[e.RestoreFocus=16]="RestoreFocus",e[e.All=30]="All",e))(De||{});let Re=be((function(e,n){let r=t.useRef(null),a=de(r,n),{initialFocus:l,containers:i,features:u=30,...s}=e;Y()||(u=1);let c=Me(r);!function({ownerDocument:e},n){let r=function(e=!0){let n=t.useRef(Ie.slice());return Te((([e],[t])=>{!0===t&&!1===e&&z((()=>{n.current.splice(0)})),!1===t&&!0===e&&(n.current=Ie.slice())}),[e,Ie,n]),q((()=>{var e;return null!=(e=n.current.find((e=>null!=e&&e.isConnected)))?e:null}))}(n);Te((()=>{n||(null==e?void 0:e.activeElement)===(null==e?void 0:e.body)&&oe(r())}),[n]);let a=t.useRef(!1);t.useEffect((()=>(a.current=!1,()=>{a.current=!0,z((()=>{a.current&&oe(r())}))})),[])}({ownerDocument:c},Boolean(16&u));let d=function({ownerDocument:e,container:n,initialFocus:r},a){let o=t.useRef(null),l=ke();return Te((()=>{if(!a)return;let t=n.current;t&&z((()=>{if(!l.current)return;let n=null==e?void 0:e.activeElement;if(null!=r&&r.current){if((null==r?void 0:r.current)===n)return void(o.current=n)}else if(t.contains(n))return void(o.current=n);null!=r&&r.current?oe(r.current):ie(t,ee.First)===te.Error&&console.warn("There are no focusable elements inside the <FocusTrap />"),o.current=null==e?void 0:e.activeElement}))}),[a]),o}({ownerDocument:c,container:r,initialFocus:l},Boolean(2&u));!function({ownerDocument:e,container:t,containers:n,previousActiveElement:r},a){let o=ke();Fe(null==e?void 0:e.defaultView,"focus",(e=>{if(!a||!o.current)return;let l=Ae(n);t.current instanceof HTMLElement&&l.add(t.current);let i=r.current;if(!i)return;let u=e.target;u&&u instanceof HTMLElement?He(l,u)?(r.current=u,oe(u)):(e.preventDefault(),e.stopPropagation(),oe(i)):oe(r.current)}),!0)}({ownerDocument:c,container:r,containers:i,previousActiveElement:d},Boolean(8&u));let f=Le(),p=q((e=>{let t=r.current;t&&J(f.current,{[xe.Forwards]:()=>{ie(t,ee.First,{skipElements:[e.relatedTarget]})},[xe.Backwards]:()=>{ie(t,ee.Last,{skipElements:[e.relatedTarget]})}})})),m=function(){let[e]=t.useState(W);return t.useEffect((()=>()=>e.dispose()),[e]),e}(),v=t.useRef(!1),h={ref:a,onKeyDown(e){"Tab"==e.key&&(v.current=!0,m.requestAnimationFrame((()=>{v.current=!1})))},onBlur(e){let t=Ae(i);r.current instanceof HTMLElement&&t.add(r.current);let n=e.relatedTarget;n instanceof HTMLElement&&"true"!==n.dataset.headlessuiFocusGuard&&(He(t,n)||(v.current?ie(r.current,J(f.current,{[xe.Forwards]:()=>ee.Next,[xe.Backwards]:()=>ee.Previous})|ee.WrapAround,{relativeTo:e.target}):e.target instanceof HTMLElement&&oe(e.target)))}};return o.default.createElement(o.default.Fragment,null,Boolean(4&u)&&o.default.createElement(Se,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:p,features:Ne.Focusable}),ve({ourProps:h,theirProps:s,defaultTag:"div",name:"FocusTrap"}),Boolean(4&u)&&o.default.createElement(Se,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:p,features:Ne.Focusable}))})),je=Object.assign(Re,{features:De}),Ie=[];function He(e,t){for(let n of e)if(n.contains(t))return!0;return!1}!function(e){function t(){"loading"!==document.readyState&&(e(),document.removeEventListener("DOMContentLoaded",t))}"undefined"!=typeof window&&"undefined"!=typeof document&&(document.addEventListener("DOMContentLoaded",t),t())}((()=>{function e(e){e.target instanceof HTMLElement&&e.target!==document.body&&Ie[0]!==e.target&&(Ie.unshift(e.target),Ie=Ie.filter((e=>null!=e&&e.isConnected)),Ie.splice(10))}window.addEventListener("click",e,{capture:!0}),window.addEventListener("mousedown",e,{capture:!0}),window.addEventListener("focus",e,{capture:!0}),document.body.addEventListener("click",e,{capture:!0}),document.body.addEventListener("mousedown",e,{capture:!0}),document.body.addEventListener("focus",e,{capture:!0})}));let Be=t.createContext(!1);function _e(){return t.useContext(Be)}function Ve(e){return o.default.createElement(Be.Provider,{value:e.force},e.children)}let $e=t.Fragment;let Ge=t.Fragment,Ue=t.createContext(null);let ze=be((function(e,r){let a=e,o=t.useRef(null),l=de(function(e,t=!0){return Object.assign(e,{[ce]:t})}((e=>{o.current=e})),r),i=Me(o),u=function(e){let n=_e(),r=t.useContext(Ue),a=Me(e),[o,l]=t.useState((()=>{if(!n&&null!==r||$.isServer)return null;let e=null==a?void 0:a.getElementById("headlessui-portal-root");if(e)return e;if(null===a)return null;let t=a.createElement("div");return t.setAttribute("id","headlessui-portal-root"),a.body.appendChild(t)}));return t.useEffect((()=>{null!==o&&(null!=a&&a.body.contains(o)||null==a||a.body.appendChild(o))}),[o,a]),t.useEffect((()=>{n||null!==r&&l(r.current)}),[r,l,n]),o}(o),[s]=t.useState((()=>{var e;return $.isServer?null:null!=(e=null==i?void 0:i.createElement("div"))?e:null})),c=Y(),d=t.useRef(!1);return G((()=>{if(d.current=!1,u&&s)return u.contains(s)||(s.setAttribute("data-headlessui-portal",""),u.appendChild(s)),()=>{d.current=!0,z((()=>{var e;d.current&&(!u||!s||(s instanceof Node&&u.contains(s)&&u.removeChild(s),u.childNodes.length<=0&&(null==(e=u.parentElement)||e.removeChild(u))))}))}}),[u,s]),c&&u&&s?n.createPortal(ve({ourProps:{ref:l},theirProps:a,defaultTag:$e,name:"Portal"}),s):null})),We=be((function(e,t){let{target:n,...r}=e,a={ref:de(t)};return o.default.createElement(Ue.Provider,{value:n},ve({ourProps:a,theirProps:r,defaultTag:Ge,name:"Popover.Group"}))})),qe=Object.assign(ze,{Group:We}),Ye=t.createContext(null);function Ke(){let e=t.useContext(Ye);if(null===e){let e=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(e,Ke),e}return e}let Xe=be((function(e,t){let n=X(),{id:r=`headlessui-description-${n}`,...a}=e,o=Ke(),l=de(t);return G((()=>o.register(r)),[r,o.register]),ve({ourProps:{ref:l,...o.props,id:r},theirProps:a,slot:o.slot||{},defaultTag:"p",name:o.name||"Description"})})),Je=Object.assign(Xe,{}),Qe=t.createContext((()=>{}));Qe.displayName="StackContext";var Ze=(e=>(e[e.Add=0]="Add",e[e.Remove=1]="Remove",e))(Ze||{});function et({children:e,onUpdate:n,type:r,element:a,enabled:l}){let i=t.useContext(Qe),u=q(((...e)=>{null==n||n(...e),i(...e)}));return G((()=>{let e=void 0===l||!0===l;return e&&u(0,r,a),()=>{e&&u(1,r,a)}}),[u,r,a,l]),o.default.createElement(Qe.Provider,{value:u},e)}const tt="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},{useState:nt,useEffect:rt,useLayoutEffect:at,useDebugValue:ot}=l;function lt(e){const t=e.getSnapshot,n=e.value;try{const e=t();return!tt(n,e)}catch{return!0}}const it=!("undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement)?function(e,t,n){return t()}:function(e,t,n){const r=t(),[{inst:a},o]=nt({inst:{value:r,getSnapshot:t}});return at((()=>{a.value=r,a.getSnapshot=t,lt(a)&&o({inst:a})}),[e,r,t]),rt((()=>(lt(a)&&o({inst:a}),e((()=>{lt(a)&&o({inst:a})})))),[e]),ot(r),r},ut="useSyncExternalStore"in l?(e=>e.useSyncExternalStore)(l):it;function st(){let e;return{before({doc:t}){var n;let r=t.documentElement;e=(null!=(n=t.defaultView)?n:window).innerWidth-r.clientWidth},after({doc:t,d:n}){let r=t.documentElement,a=r.clientWidth-r.offsetWidth,o=e-a;n.style(r,"paddingRight",`${o}px`)}}}function ct(){if(!(/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0))return{};let e;return{before(){e=window.pageYOffset},after({doc:t,d:n,meta:r}){function a(e){return r.containers.flatMap((e=>e())).some((t=>t.contains(e)))}n.style(t.body,"marginTop",`-${e}px`),window.scrollTo(0,0);let o=null;n.addEventListener(t,"click",(e=>{if(e.target instanceof HTMLElement)try{let n=e.target.closest("a");if(!n)return;let{hash:r}=new URL(n.href),l=t.querySelector(r);l&&!a(l)&&(o=l)}catch{}}),!0),n.addEventListener(t,"touchmove",(e=>{e.target instanceof HTMLElement&&!a(e.target)&&e.preventDefault()}),{passive:!1}),n.add((()=>{window.scrollTo(0,window.pageYOffset+e),o&&o.isConnected&&(o.scrollIntoView({block:"nearest"}),o=null)}))}}}function dt(e){let t={};for(let n of e)Object.assign(t,n(t));return t}let ft=function(e,t){let n=e(),r=new Set;return{getSnapshot:()=>n,subscribe:e=>(r.add(e),()=>r.delete(e)),dispatch(e,...a){let o=t[e].call(n,...a);o&&(n=o,r.forEach((e=>e())))}}}((()=>new Map),{PUSH(e,t){var n;let r=null!=(n=this.get(e))?n:{doc:e,count:0,d:W(),meta:new Set};return r.count++,r.meta.add(t),this.set(e,r),this},POP(e,t){let n=this.get(e);return n&&(n.count--,n.meta.delete(t)),this},SCROLL_PREVENT({doc:e,d:t,meta:n}){let r={doc:e,d:t,meta:dt(n)},a=[ct(),st(),{before({doc:e,d:t}){t.style(e.documentElement,"overflow","hidden")}}];a.forEach((({before:e})=>null==e?void 0:e(r))),a.forEach((({after:e})=>null==e?void 0:e(r)))},SCROLL_ALLOW({d:e}){e.dispose()},TEARDOWN({doc:e}){this.delete(e)}});function pt(e,t,n){let r=function(e){return ut(e.subscribe,e.getSnapshot,e.getSnapshot)}(ft),a=e?r.get(e):void 0,o=!!a&&a.count>0;return G((()=>{if(e&&t)return ft.dispatch("PUSH",e,n),()=>ft.dispatch("POP",e,n)}),[t,e]),o}ft.subscribe((()=>{let e=ft.getSnapshot(),t=new Map;for(let[n]of e)t.set(n,n.documentElement.style.overflow);for(let n of e.values()){let e="hidden"===t.get(n.doc),r=0!==n.count;(r&&!e||!r&&e)&&ft.dispatch(n.count>0?"SCROLL_PREVENT":"SCROLL_ALLOW",n),0===n.count&&ft.dispatch("TEARDOWN",n)}}));let mt=new Map,vt=new Map;function ht(e,t=!0){G((()=>{var n;if(!t)return;let r="function"==typeof e?e():e.current;if(!r)return;let a=null!=(n=vt.get(r))?n:0;return vt.set(r,a+1),0!==a||(mt.set(r,{"aria-hidden":r.getAttribute("aria-hidden"),inert:r.inert}),r.setAttribute("aria-hidden","true"),r.inert=!0),function(){var e;if(!r)return;let t=null!=(e=vt.get(r))?e:1;if(1===t?vt.delete(r):vt.set(r,t-1),1!==t)return;let n=mt.get(r);n&&(null===n["aria-hidden"]?r.removeAttribute("aria-hidden"):r.setAttribute("aria-hidden",n["aria-hidden"]),r.inert=n.inert,mt.delete(r))}}),[e,t])}var gt=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(gt||{}),bt=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(bt||{});let Et={0:(e,t)=>e.titleId===t.id?e:{...e,titleId:t.id}},yt=t.createContext(null);function wt(e){let n=t.useContext(yt);if(null===n){let t=new Error(`<${e} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,wt),t}return n}function Nt(e,t,n=(()=>[document.body])){pt(e,t,(e=>{var t;return{containers:[...null!=(t=e.containers)?t:[],n]}}))}function St(e,t){return J(t.type,Et,e,t)}yt.displayName="DialogContext";let Ot=pe.RenderStrategy|pe.Static;let Pt=be((function(e,n){let r=X(),{id:a=`headlessui-dialog-${r}`,open:l,onClose:i,initialFocus:u,__demoMode:s=!1,...c}=e,[d,f]=t.useState(0),p=t.useContext(Oe);void 0===l&&null!==p&&(l=(p&Pe.Open)===Pe.Open);let m=t.useRef(null),v=de(m,n),h=t.useRef(null),g=Me(m),b=e.hasOwnProperty("open")||null!==p,E=e.hasOwnProperty("onClose");if(!b&&!E)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!b)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!E)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if("boolean"!=typeof l)throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${l}`);if("function"!=typeof i)throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${i}`);let y=l?0:1,[w,N]=t.useReducer(St,{titleId:null,descriptionId:null,panelRef:t.createRef()}),S=q((()=>i(!1))),O=q((e=>N({type:0,id:e}))),P=!!Y()&&(!s&&0===y),C=d>1,T=null!==t.useContext(yt),x=C?"parent":"leaf",L=null!==p&&(p&Pe.Closing)===Pe.Closing,k=!T&&!L&&P,M=t.useCallback((()=>{var e,t;return null!=(t=Array.from(null!=(e=null==g?void 0:g.querySelectorAll("body > *"))?e:[]).find((e=>"headlessui-portal-root"!==e.id&&(e.contains(h.current)&&e instanceof HTMLElement))))?t:null}),[h]);ht(M,k);let F=!!C||P,A=t.useCallback((()=>{var e,t;return null!=(t=Array.from(null!=(e=null==g?void 0:g.querySelectorAll("[data-headlessui-portal]"))?e:[]).find((e=>e.contains(h.current)&&e instanceof HTMLElement)))?t:null}),[h]);ht(A,F);let D=q((()=>{var e,t;return[...Array.from(null!=(e=null==g?void 0:g.querySelectorAll("html > *, body > *, [data-headlessui-portal]"))?e:[]).filter((e=>!(e===document.body||e===document.head||!(e instanceof HTMLElement)||e.contains(h.current)||w.panelRef.current&&e.contains(w.panelRef.current)))),null!=(t=w.panelRef.current)?t:m.current]}));se((()=>D()),S,!(!P||C));let R=!(C||0!==y);Fe(null==g?void 0:g.defaultView,"keydown",(e=>{R&&(e.defaultPrevented||e.key===Ce.Escape&&(e.preventDefault(),e.stopPropagation(),S()))})),Nt(g,!(L||0!==y||T),D),t.useEffect((()=>{if(0!==y||!m.current)return;let e=new ResizeObserver((e=>{for(let t of e){let e=t.target.getBoundingClientRect();0===e.x&&0===e.y&&0===e.width&&0===e.height&&S()}}));return e.observe(m.current),()=>e.disconnect()}),[y,m,S]);let[j,I]=function(){let[e,n]=t.useState([]);return[e.length>0?e.join(" "):void 0,t.useMemo((()=>function(e){let r=q((e=>(n((t=>[...t,e])),()=>n((t=>{let n=t.slice(),r=n.indexOf(e);return-1!==r&&n.splice(r,1),n}))))),a=t.useMemo((()=>({register:r,slot:e.slot,name:e.name,props:e.props})),[r,e.slot,e.name,e.props]);return o.default.createElement(Ye.Provider,{value:a},e.children)}),[n])]}(),H=t.useMemo((()=>[{dialogState:y,close:S,setTitleId:O},w]),[y,w,S,O]),B=t.useMemo((()=>({open:0===y})),[y]),_={ref:v,id:a,role:"dialog","aria-modal":0===y||void 0,"aria-labelledby":w.titleId,"aria-describedby":j};return o.default.createElement(et,{type:"Dialog",enabled:0===y,element:m,onUpdate:q(((e,t)=>{"Dialog"===t&&J(e,{[Ze.Add]:()=>f((e=>e+1)),[Ze.Remove]:()=>f((e=>e-1))})}))},o.default.createElement(Ve,{force:!0},o.default.createElement(qe,null,o.default.createElement(yt.Provider,{value:H},o.default.createElement(qe.Group,{target:m},o.default.createElement(Ve,{force:!1},o.default.createElement(I,{slot:B,name:"Dialog.Description"},o.default.createElement(je,{initialFocus:u,containers:D,features:P?J(x,{parent:je.features.RestoreFocus,leaf:je.features.All&~je.features.FocusLock}):je.features.None},ve({ourProps:_,theirProps:c,slot:B,defaultTag:"div",features:Ot,visible:0===y,name:"Dialog"})))))))),o.default.createElement(Se,{features:Ne.Hidden,ref:h}))})),Ct=be((function(e,n){let r=X(),{id:a=`headlessui-dialog-backdrop-${r}`,...l}=e,[{dialogState:i},u]=wt("Dialog.Backdrop"),s=de(n);t.useEffect((()=>{if(null===u.panelRef.current)throw new Error("A <Dialog.Backdrop /> component is being used, but a <Dialog.Panel /> component is missing.")}),[u.panelRef]);let c=t.useMemo((()=>({open:0===i})),[i]);return o.default.createElement(Ve,{force:!0},o.default.createElement(qe,null,ve({ourProps:{ref:s,id:a,"aria-hidden":!0},theirProps:l,slot:c,defaultTag:"div",name:"Dialog.Backdrop"})))})),Tt=be((function(e,n){let r=X(),{id:a=`headlessui-dialog-panel-${r}`,...o}=e,[{dialogState:l},i]=wt("Dialog.Panel"),u=de(n,i.panelRef),s=t.useMemo((()=>({open:0===l})),[l]),c=q((e=>{e.stopPropagation()}));return ve({ourProps:{ref:u,id:a,onClick:c},theirProps:o,slot:s,defaultTag:"div",name:"Dialog.Panel"})})),xt=be((function(e,n){let r=X(),{id:a=`headlessui-dialog-overlay-${r}`,...o}=e,[{dialogState:l,close:i}]=wt("Dialog.Overlay"),u=de(n),s=q((e=>{if(e.target===e.currentTarget){if(we(e.currentTarget))return e.preventDefault();e.preventDefault(),e.stopPropagation(),i()}}));return ve({ourProps:{ref:u,id:a,"aria-hidden":!0,onClick:s},theirProps:o,slot:t.useMemo((()=>({open:0===l})),[l]),defaultTag:"div",name:"Dialog.Overlay"})})),Lt=be((function(e,n){let r=X(),{id:a=`headlessui-dialog-title-${r}`,...o}=e,[{dialogState:l,setTitleId:i}]=wt("Dialog.Title"),u=de(n);t.useEffect((()=>(i(a),()=>i(null))),[a,i]);let s=t.useMemo((()=>({open:0===l})),[l]);return ve({ourProps:{ref:u,id:a},theirProps:o,slot:s,defaultTag:"h2",name:"Dialog.Title"})})),kt=Object.assign(Pt,{Backdrop:Ct,Panel:Tt,Overlay:xt,Title:Lt,Description:Je});var Mt={panel:"lds-panel",header:"lds-panel--header",content:"lds-panel--content",footer:"lds-panel--footer",loading:"lds-panel--loading",loadingIndicator:"lds-panel--loading-indicator"};function Ft(e){var n,r,a,l=e.header,i=e.footer,s=e.className,c=e.wrapperComponent,f=e.wrapperProps,p=e.headerComponent,m=e.headerProps,v=e.contentComponent,h=e.contentProps,g=e.footerComponent,b=e.footerProps,E=e.loading,y=e.children,w=c||t.Fragment,N=p||"header",S=v||"div",O=g||"footer";return o.default.createElement(w,d({},f||{}),l&&o.default.createElement(N,d({},m||{},{className:u(Mt.panel,Mt.header,s,null==m?void 0:m.className,(n={},n[Mt.loading]=E,n))}),l),o.default.createElement(S,d({},h||{},{className:u(Mt.panel,Mt.content,s,null==h?void 0:h.className,(r={},r[Mt.loading]=E,r))}),y,E&&o.default.createElement(B,{size:"xxl",className:Mt.loadingIndicator})),i&&o.default.createElement(O,d({},b||{},{className:u(Mt.panel,Mt.footer,s,null==b?void 0:b.className,(a={},a[Mt.loading]=E,a))}),i))}var At={modal:"lds-modal",modalContent:"lds-modal--modal-content",subTitle:"lds-modal--sub-title",sm:"lds-modal--sm",lg:"lds-modal--lg",xl:"lds-modal--xl"};var Dt="lds-side-nav",Rt="lds-side-nav--compact",jt="__isChildOfSideNav",It=function(e){var n,r=e.className,a=e.compact,l=e.children,i=t.useMemo((function(){return"development"===process.env.NODE_ENV?o.default.Children.map(l,(function(e){var n;return t.isValidElement(e)&&"SideNavGroup"===e.type.displayName?t.cloneElement(e,((n={})[jt]=!0,n)):e})):l}),[l]);return o.default.createElement("div",{className:u(Dt,r,(n={},n[Rt]=a,n))},i)};It.displayName="SideNav";var Ht=0,Bt="lds-side-nav-group",_t="lds-side-nav-group--label";function Vt(e){var n=e.component,r=e.componentProps,a=e.id,l=e.className,i=e.children,s=f(e,["component","componentProps","id","className","children"]),c=n||"nav",p="label"in s?s.label:void 0,m=t.useMemo((function(){return a?"".concat(a,"-label"):"lds-nav-group-label-".concat(function(){var e=++Ht;return"".concat(e)}())}),[a]);jt in s&&!0===s[jt]||"development"!==process.env.NODE_ENV||console.warn("SideNavGroup should be a direct child of SideNav");var v=t.useMemo((function(){return"development"===process.env.NODE_ENV?o.default.Children.map(i,(function(e){var n;return t.isValidElement(e)&&"SideNavItem"===e.type.displayName?t.cloneElement(e,((n={}).__isChildOfSideNavGroup=!0,n)):(t.isValidElement(e)&&"SideNavItem"!==e.type.displayName&&console.warn("SideNavGroup should only have SideNavItem as direct children"),e)})):i}),[i]);return o.default.createElement(c,d({},r,{id:a,className:u(Bt,l)},p?{"aria-labelledby":m}:{},"aria-label"in s?{"aria-label":s["aria-label"]}:{}),p&&o.default.createElement("span",{id:m,className:u("lds-h3",_t)},p),v)}Vt.displayName="SideNavGroup";var $t={sideNavItem:"lds-side-nav-item",external:"lds-side-nav-item--external",danger:"lds-side-nav-item--danger",disabled:"lds-side-nav-item--disabled",active:"lds-side-nav-item--active"};function Gt(e){var n,r=e.component,a=e.componentProps,l=e.active,i=e.disabled,s=e.className,c=e.children,p=e.type,m=void 0===p?"default":p,v=e.externalLink;f(e,["component","componentProps","active","disabled","className","children","type","externalLink"]);var h=r||"a",g=t.useMemo((function(){return a&&"aria-current"in a||!l?{}:{"aria-current":"page"}}),[l,a]);return o.default.createElement(h,d({},a,{className:u($t.sideNavItem,s,(n={},n[$t.disabled]=i,n[$t.active]=l,n[$t.external]=v,n[$t[m]]="default"!==m,n)),"aria-disabled":i},g),c)}Gt.displayName="SideNavItem";var Ut="lds-switch",zt="lds-switch--disabled";e.Button=c,e.ButtonBar=m,e.Input=E,e.LoadingIndicator=B,e.Modal=function(e){var n=e.children,r=e.isOpen,a=e.onClose,l=e.title,i=e.subTitle,s=e.size,c=void 0===s?"md":s,f=e.contentComponent,p=e.contentProps,v=e.buttonBarProps,h=void 0===v?{}:v,g=e.className,b=void 0===g?"":g,E=e.footer,y=t.useMemo((function(){return d(d({},p||{}),{className:u(At.modalContent,(null==p?void 0:p.className)||"")})}),[p]);return r?o.default.createElement(kt,{open:r,onClose:a,className:u(At.modal,At[c])},o.default.createElement(Ft,{wrapperComponent:f||"div",wrapperProps:y,className:b,headerComponent:kt.Title,headerProps:{as:"header"},header:o.default.createElement(o.default.Fragment,null,o.default.createElement("h3",{className:"lds-h2"},l),i?o.default.createElement("p",{className:At.subTitle},i):null),footer:E,footerComponent:m,footerProps:d(d({},h),{as:"footer"})},n)):null},e.Panel=Ft,e.SideNav=It,e.SideNavGroup=Vt,e.SideNavItem=Gt,e.Switch=function(e){var t,n=e.className,r=e.children,a=e.disabled,l=e.onChange,i=f(e,["className","children","disabled","onChange"]);return o.default.createElement("label",{className:u(Ut,n,(t={},t[zt]=a,t)),"data-testid":"switch"},r,o.default.createElement("input",d({type:"checkbox",role:"switch",disabled:a,onChange:function(e){return null==l?void 0:l(e.target.checked,e)}},i)))},Object.defineProperty(e,"__esModule",{value:!0})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8slens/lds",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "Lens Design System – Core React Component Library",
   "author": "Mirantis Inc",
   "license": "MIT",
@@ -28,7 +28,7 @@
     "format": "eslint --fix ."
   },
   "devDependencies": {
-    "@k8slens/lds-tokens": "^0.23.0",
+    "@k8slens/lds-tokens": "^0.24.0",
     "@storybook/react": "6.5.16",
     "@testing-library/react": "14.0.0",
     "@types/rollup-plugin-delete": "1.0.0",
@@ -53,5 +53,5 @@
       "\\.svg": "<rootDir>/../../__mocks__/SVGStub.js"
     }
   },
-  "gitHead": "6c379e7701f4d3be2ced8b2789708fd7ac0632f6"
+  "gitHead": "ae55198689086b2befa995862f5789f03b69972d"
 }

package/lib/web/lds-v0-21-1/index.js

@@ -1 +0,0 @@
-define(["exports","react","react-dom"],(function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=r(t),l=a(t);function i(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=i(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function u(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=i(e))&&(r&&(r+=" "),r+=t);return r}var s={button:"lds-button",xs:"lds-button--xs",sm:"lds-button--sm",uppercase:"lds-button--uppercase",capitalize:"lds-button--capitalize",icon:"lds-button--icon",iconR:"lds-button--icon-r",discreet:"lds-button--discreet",loading:"lds-button--loading",spinner:"lds-button--spinner",label:"lds-button--label"};var c=t.forwardRef((function(e,n){var r,a=e.label,l=e.primary,i=e.discreet,c=e.allCaps,d=e.case,f=e.disabled,p=void 0!==f&&f,m=e.loading,v=void 0!==m&&m,h=e.className,g=e["aria-label"],b=e.id,E=e.type,y=void 0===E?"default":E,w=e.size,N=void 0===w?"md":w,S=e.buttonType,O=void 0===S?"button":S,P=e.icon,C=e.iconPosition,T=void 0===C?"left":C,x=e.loadingStateOnPromise,L=void 0!==x&&x,k=e.onClick,M=e.children,F=y,A=t.useRef(!0);t.useEffect((function(){return A.current=!0,function(){A.current=!1}}),[]);var D=t.useState(!1),R=D[0],j=D[1],I=v||R,H=t.useCallback((function(e){if("function"==typeof k&&!I){var t=k(e);L&&function(e){return"object"==typeof e&&null!==e&&"then"in e&&"function"==typeof e.then}(t)&&(j(!0),t.finally((function(){A.current&&j(!1)})))}}),[k,I,L]);return l&&(F="primary"),c&&(d="uppercase","development"===process.env.NODE_ENV&&console.warn('Button: `allCaps` prop is deprecated. Use `case:"uppercase"` instead.')),o.default.createElement("button",{ref:n,id:b,type:O,onClick:H,className:u(s.button,h,F,(r={},r[s.uppercase]="uppercase"===d,r[s.capitalize]="capitalize"===d,r[s.discreet]=i,r[s.loading]=I,r[s[N]]="md"!==N,r)),"aria-label":g||("string"==typeof a?a:""),disabled:p||R},P&&"left"===T&&o.default.createElement(P,{className:s.icon}),o.default.createElement("span",{className:s.label},a),M,P&&"right"===T&&o.default.createElement(P,{className:u(s.icon,s.iconR)}),I&&o.default.createElement("span",{className:"lds-only-aria","aria-live":"polite","aria-busy":"true"}," ","Loading"))})),d=function(){return d=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},d.apply(this,arguments)};function f(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}var p={buttonBar:"lds-button-bar",centered:"lds-button-bar--centered",stacked:"lds-button-bar--stacked",bGrid:"lds-button-bar--b-grid","grid-2":"lds-button-bar--grid---2","grid-3":"lds-button-bar--grid---3","grid-4":"lds-button-bar--grid---4","grid-5":"lds-button-bar--grid---5"};function m(e){var n,r=e.as,a=void 0===r?"div":r,l=e.type,i=void 0===l?"default":l,s=e.gridSize,c=e.children,m=f(e,["as","type","gridSize","children"]),v=t.useMemo((function(){return"number"==typeof s?s:t.Children.toArray(c).filter((function(e){return t.isValidElement(e)})).length}),[s,c]);return o.default.createElement(a,d({},m,{className:u(p.buttonBar,m.className||"",(n={},n[p[i]]="default"!==i&&"grid"!==i,n[p.bGrid]="grid"===i,n[p["grid-".concat(v)]]="grid"===i,n))}),c)}var v="lds-input--wrapper",h="lds-input",g="lds-input--with-icon",b="lds-input--icon",E=t.forwardRef((function(e,t){var n,r=e.icon,a=e.wrapperProps,l=f(e,["icon","wrapperProps"]);return o.default.createElement("div",d({},a,{className:u(v,null==a?void 0:a.className,(n={},n[g]=r,n))}),o.default.createElement("input",d({ref:t},l,{className:u(h,(null==l?void 0:l.className)||"")})),r&&o.default.createElement(r,{className:b}))})),y=function(){return y=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},y.apply(this,arguments)};function w(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}var N,S,O,P,C,T,x,L,k,M="lds-icon",F="lds-icon--svg",A=function(e){var n,r=e.color,a=void 0===r?"default":r,l=e.size,i=void 0===l?"md":l,s=e.className,c=void 0===s?"":s,d=e.children,f=t.useMemo((function(){if("number"==typeof i)return{width:"".concat(i,"px"),height:"".concat(i,"px")}}),[i]),p=t.useMemo((function(){if("string"==typeof i&&"md"!==i){if(i.match(/^[0-9]xl$/)){var e=i.split("xl")[0],t=new Array(parseInt(e)).fill("x");return"".concat(t.join(""),"l")}return i}return""}),[i]);return o.default.createElement("span",{"aria-hidden":!0,className:u(M,c,(n={},n[p]=Boolean(p),n[a]="string"==typeof a&&"default"!==a,n)),style:f},d)},D=function(e){var t=e.icon,n=w(e,["icon"]);return o.default.createElement(A,y({},n,{className:u(n.className,F)}),o.default.createElement(t,null))};function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},R.apply(this,arguments)}var j=function(e){return l.createElement("svg",R({xmlns:"http://www.w3.org/2000/svg",width:64,height:64,viewBox:"0 0 32 32"},e),N||(N=l.createElement("circle",{cx:16,cy:3,r:0},l.createElement("animate",{attributeName:"r",begin:0,calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),S||(S=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(45 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.125s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),O||(O=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(90 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.25s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),P||(P=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(135 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.375s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),C||(C=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(180 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.5s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),T||(T=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(225 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.625s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),x||(x=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(270 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.75s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),L||(L=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(315 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.875s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))),k||(k=l.createElement("circle",{cx:16,cy:3,r:0,transform:"rotate(180 16 16)"},l.createElement("animate",{attributeName:"r",begin:"0.5s",calcMode:"spline",dur:"1s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",repeatCount:"indefinite",values:"0;3;0;0"}))))},I="lds-loading-indicator",H=function(e){var t=w(e,[]);return o.default.createElement(D,y({icon:j},t))},B=function(e){var t=e.size,n=e.className;return o.default.createElement("div",{className:u(I,n)},o.default.createElement(H,{size:t}))},_=Object.defineProperty,V=(e,t,n)=>(((e,t,n)=>{t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n})(e,"symbol"!=typeof t?t+"":t,n),n);let $=new class{constructor(){V(this,"current",this.detect()),V(this,"handoffState","pending"),V(this,"currentId",0)}set(e){this.current!==e&&(this.handoffState="pending",this.currentId=0,this.current=e)}reset(){this.set(this.detect())}nextId(){return++this.currentId}get isServer(){return"server"===this.current}get isClient(){return"client"===this.current}detect(){return"undefined"==typeof window||"undefined"==typeof document?"server":"client"}handoff(){"pending"===this.handoffState&&(this.handoffState="complete")}get isHandoffComplete(){return"complete"===this.handoffState}},G=(e,n)=>{$.isServer?t.useEffect(e,n):t.useLayoutEffect(e,n)};function U(e){let n=t.useRef(e);return G((()=>{n.current=e}),[e]),n}function z(e){"function"==typeof queueMicrotask?queueMicrotask(e):Promise.resolve().then(e).catch((e=>setTimeout((()=>{throw e}))))}function W(){let e=[],t={addEventListener:(e,n,r,a)=>(e.addEventListener(n,r,a),t.add((()=>e.removeEventListener(n,r,a)))),requestAnimationFrame(...e){let n=requestAnimationFrame(...e);return t.add((()=>cancelAnimationFrame(n)))},nextFrame:(...e)=>t.requestAnimationFrame((()=>t.requestAnimationFrame(...e))),setTimeout(...e){let n=setTimeout(...e);return t.add((()=>clearTimeout(n)))},microTask(...e){let n={current:!0};return z((()=>{n.current&&e[0]()})),t.add((()=>{n.current=!1}))},style(e,t,n){let r=e.style.getPropertyValue(t);return Object.assign(e.style,{[t]:n}),this.add((()=>{Object.assign(e.style,{[t]:r})}))},group(e){let t=W();return e(t),this.add((()=>t.dispose()))},add:t=>(e.push(t),()=>{let n=e.indexOf(t);if(n>=0)for(let t of e.splice(n,1))t()}),dispose(){for(let t of e.splice(0))t()}};return t}let q=function(e){let t=U(e);return o.default.useCallback(((...e)=>t.current(...e)),[t])};function Y(){let[e,n]=t.useState($.isHandoffComplete);return e&&!1===$.isHandoffComplete&&n(!1),t.useEffect((()=>{!0!==e&&n(!0)}),[e]),t.useEffect((()=>$.handoff()),[]),e}var K;let X=null!=(K=o.default.useId)?K:function(){let e=Y(),[t,n]=o.default.useState(e?()=>$.nextId():null);return G((()=>{null===t&&n($.nextId())}),[t]),null!=t?""+t:void 0};function J(e,t,...n){if(e in t){let r=t[e];return"function"==typeof r?r(...n):r}let r=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(r,J),r}function Q(e){return $.isServer?null:e instanceof Node?e.ownerDocument:null!=e&&e.hasOwnProperty("current")&&e.current instanceof Node?e.current.ownerDocument:document}let Z=["[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 ee=(e=>(e[e.First=1]="First",e[e.Previous=2]="Previous",e[e.Next=4]="Next",e[e.Last=8]="Last",e[e.WrapAround=16]="WrapAround",e[e.NoScroll=32]="NoScroll",e))(ee||{}),te=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(te||{}),ne=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(ne||{});var re=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(re||{});var ae=(e=>(e[e.Keyboard=0]="Keyboard",e[e.Mouse=1]="Mouse",e))(ae||{});function oe(e){null==e||e.focus({preventScroll:!0})}"undefined"!=typeof window&&"undefined"!=typeof document&&(document.addEventListener("keydown",(e=>{e.metaKey||e.altKey||e.ctrlKey||(document.documentElement.dataset.headlessuiFocusVisible="")}),!0),document.addEventListener("click",(e=>{1===e.detail?delete document.documentElement.dataset.headlessuiFocusVisible:0===e.detail&&(document.documentElement.dataset.headlessuiFocusVisible="")}),!0));let le=["textarea","input"].join(",");function ie(e,t,{sorted:n=!0,relativeTo:r=null,skipElements:a=[]}={}){let o=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e.ownerDocument,l=Array.isArray(e)?n?function(e,t=(e=>e)){return e.slice().sort(((e,n)=>{let r=t(e),a=t(n);if(null===r||null===a)return 0;let o=r.compareDocumentPosition(a);return o&Node.DOCUMENT_POSITION_FOLLOWING?-1:o&Node.DOCUMENT_POSITION_PRECEDING?1:0}))}(e):e:function(e=document.body){return null==e?[]:Array.from(e.querySelectorAll(Z)).sort(((e,t)=>Math.sign((e.tabIndex||Number.MAX_SAFE_INTEGER)-(t.tabIndex||Number.MAX_SAFE_INTEGER))))}(e);a.length>0&&l.length>1&&(l=l.filter((e=>!a.includes(e)))),r=null!=r?r:o.activeElement;let i,u=(()=>{if(5&t)return 1;if(10&t)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),s=(()=>{if(1&t)return 0;if(2&t)return Math.max(0,l.indexOf(r))-1;if(4&t)return Math.max(0,l.indexOf(r))+1;if(8&t)return l.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),c=32&t?{preventScroll:!0}:{},d=0,f=l.length;do{if(d>=f||d+f<=0)return 0;let e=s+d;if(16&t)e=(e+f)%f;else{if(e<0)return 3;if(e>=f)return 1}i=l[e],null==i||i.focus(c),d+=u}while(i!==o.activeElement);return 6&t&&function(e){var t,n;return null!=(n=null==(t=null==e?void 0:e.matches)?void 0:t.call(e,le))&&n}(i)&&i.select(),2}function ue(e,n,r){let a=U(n);t.useEffect((()=>{function t(e){a.current(e)}return document.addEventListener(e,t,r),()=>document.removeEventListener(e,t,r)}),[e,r])}function se(e,n,r=!0){let a=t.useRef(!1);function o(t,r){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=r(t);if(null!==l&&l.getRootNode().contains(l)){for(let e of o){if(null===e)continue;let n=e instanceof HTMLElement?e:e.current;if(null!=n&&n.contains(l)||t.composed&&t.composedPath().includes(n))return}return!function(e,t=0){var n;return e!==(null==(n=Q(e))?void 0:n.body)&&J(t,{0:()=>e.matches(Z),1(){let t=e;for(;null!==t;){if(t.matches(Z))return!0;t=t.parentElement}return!1}})}(l,re.Loose)&&-1!==l.tabIndex&&t.preventDefault(),n(t,l)}}t.useEffect((()=>{requestAnimationFrame((()=>{a.current=r}))}),[r]);let l=t.useRef(null);ue("mousedown",(e=>{var t,n;a.current&&(l.current=(null==(n=null==(t=e.composedPath)?void 0:t.call(e))?void 0:n[0])||e.target)}),!0),ue("click",(e=>{l.current&&(o(e,(()=>l.current)),l.current=null)}),!0),ue("blur",(e=>o(e,(()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null))),!0)}let ce=Symbol();function de(...e){let n=t.useRef(e);t.useEffect((()=>{n.current=e}),[e]);let r=q((e=>{for(let t of n.current)null!=t&&("function"==typeof t?t(e):t.current=e)}));return e.every((e=>null==e||(null==e?void 0:e[ce])))?void 0:r}function fe(...e){return e.filter(Boolean).join(" ")}var pe=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(pe||{}),me=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(me||{});function ve({ourProps:e,theirProps:t,slot:n,defaultTag:r,features:a,visible:o=!0,name:l}){let i=ge(t,e);if(o)return he(i,n,r,l);let u=null!=a?a:0;if(2&u){let{static:e=!1,...t}=i;if(e)return he(t,n,r,l)}if(1&u){let{unmount:e=!0,...t}=i;return J(e?0:1,{0:()=>null,1:()=>he({...t,hidden:!0,style:{display:"none"}},n,r,l)})}return he(i,n,r,l)}function he(e,n={},r,a){let{as:o=r,children:l,refName:i="ref",...u}=ye(e,["unmount","static"]),s=void 0!==e.ref?{[i]:e.ref}:{},c="function"==typeof l?l(n):l;"className"in u&&u.className&&"function"==typeof u.className&&(u.className=u.className(n));let d={};if(n){let e=!1,t=[];for(let[r,a]of Object.entries(n))"boolean"==typeof a&&(e=!0),!0===a&&t.push(r);e&&(d["data-headlessui-state"]=t.join(" "))}if(o===t.Fragment&&Object.keys(Ee(u)).length>0){if(!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(u).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"));let e=c.props,n="function"==typeof(null==e?void 0:e.className)?(...t)=>fe(null==e?void 0:e.className(...t),u.className):fe(null==e?void 0:e.className,u.className),r=n?{className:n}:{};return t.cloneElement(c,Object.assign({},ge(c.props,Ee(ye(u,["ref"]))),d,s,function(...e){return{ref:e.every((e=>null==e))?void 0:t=>{for(let n of e)null!=n&&("function"==typeof n?n(t):n.current=t)}}}(c.ref,s.ref),r))}return t.createElement(o,Object.assign({},ye(u,["ref"]),o!==t.Fragment&&s,o!==t.Fragment&&d),c)}function ge(...e){if(0===e.length)return{};if(1===e.length)return e[0];let t={},n={};for(let r of e)for(let e in r)e.startsWith("on")&&"function"==typeof r[e]?(null!=n[e]||(n[e]=[]),n[e].push(r[e])):t[e]=r[e];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(n).map((e=>[e,void 0]))));for(let e in n)Object.assign(t,{[e](t,...r){let a=n[e];for(let e of a){if((t instanceof Event||(null==t?void 0:t.nativeEvent)instanceof Event)&&t.defaultPrevented)return;e(t,...r)}}});return t}function be(e){var n;return Object.assign(t.forwardRef(e),{displayName:null!=(n=e.displayName)?n:e.name})}function Ee(e){let t=Object.assign({},e);for(let e in t)void 0===t[e]&&delete t[e];return t}function ye(e,t=[]){let n=Object.assign({},e);for(let e of t)e in n&&delete n[e];return n}function we(e){let t=e.parentElement,n=null;for(;t&&!(t instanceof HTMLFieldSetElement);)t instanceof HTMLLegendElement&&(n=t),t=t.parentElement;let r=""===(null==t?void 0:t.getAttribute("disabled"));return(!r||!function(e){if(!e)return!1;let t=e.previousElementSibling;for(;null!==t;){if(t instanceof HTMLLegendElement)return!1;t=t.previousElementSibling}return!0}(n))&&r}var Ne=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(Ne||{});let Se=be((function(e,t){let{features:n=1,...r}=e;return ve({ourProps:{ref:t,"aria-hidden":2==(2&n)||void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...4==(4&n)&&2!=(2&n)&&{display:"none"}}},theirProps:r,slot:{},defaultTag:"div",name:"Hidden"})})),Oe=t.createContext(null);Oe.displayName="OpenClosedContext";var Pe=(e=>(e[e.Open=1]="Open",e[e.Closed=2]="Closed",e[e.Closing=4]="Closing",e[e.Opening=8]="Opening",e))(Pe||{});var Ce=(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))(Ce||{});function Te(e,n){let r=t.useRef([]),a=q(e);t.useEffect((()=>{let e=[...r.current];for(let[t,o]of n.entries())if(r.current[t]!==o){let t=a(n,e);return r.current=n,t}}),[a,...n])}var xe=(e=>(e[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e))(xe||{});function Le(){let e=t.useRef(0);return function(e,n,r){let a=U(n);t.useEffect((()=>{function t(e){a.current(e)}return window.addEventListener(e,t,r),()=>window.removeEventListener(e,t,r)}),[e,r])}("keydown",(t=>{"Tab"===t.key&&(e.current=t.shiftKey?1:0)}),!0),e}function ke(){let e=t.useRef(!1);return G((()=>(e.current=!0,()=>{e.current=!1})),[]),e}function Me(...e){return t.useMemo((()=>Q(...e)),[...e])}function Fe(e,n,r,a){let o=U(r);t.useEffect((()=>{function t(e){o.current(e)}return(e=null!=e?e:window).addEventListener(n,t,a),()=>e.removeEventListener(n,t,a)}),[e,n,a])}function Ae(e){if(!e)return new Set;if("function"==typeof e)return new Set(e());let t=new Set;for(let n of e.current)n.current instanceof HTMLElement&&t.add(n.current);return t}var De=(e=>(e[e.None=1]="None",e[e.InitialFocus=2]="InitialFocus",e[e.TabLock=4]="TabLock",e[e.FocusLock=8]="FocusLock",e[e.RestoreFocus=16]="RestoreFocus",e[e.All=30]="All",e))(De||{});let Re=be((function(e,n){let r=t.useRef(null),a=de(r,n),{initialFocus:l,containers:i,features:u=30,...s}=e;Y()||(u=1);let c=Me(r);!function({ownerDocument:e},n){let r=function(e=!0){let n=t.useRef(Ie.slice());return Te((([e],[t])=>{!0===t&&!1===e&&z((()=>{n.current.splice(0)})),!1===t&&!0===e&&(n.current=Ie.slice())}),[e,Ie,n]),q((()=>{var e;return null!=(e=n.current.find((e=>null!=e&&e.isConnected)))?e:null}))}(n);Te((()=>{n||(null==e?void 0:e.activeElement)===(null==e?void 0:e.body)&&oe(r())}),[n]);let a=t.useRef(!1);t.useEffect((()=>(a.current=!1,()=>{a.current=!0,z((()=>{a.current&&oe(r())}))})),[])}({ownerDocument:c},Boolean(16&u));let d=function({ownerDocument:e,container:n,initialFocus:r},a){let o=t.useRef(null),l=ke();return Te((()=>{if(!a)return;let t=n.current;t&&z((()=>{if(!l.current)return;let n=null==e?void 0:e.activeElement;if(null!=r&&r.current){if((null==r?void 0:r.current)===n)return void(o.current=n)}else if(t.contains(n))return void(o.current=n);null!=r&&r.current?oe(r.current):ie(t,ee.First)===te.Error&&console.warn("There are no focusable elements inside the <FocusTrap />"),o.current=null==e?void 0:e.activeElement}))}),[a]),o}({ownerDocument:c,container:r,initialFocus:l},Boolean(2&u));!function({ownerDocument:e,container:t,containers:n,previousActiveElement:r},a){let o=ke();Fe(null==e?void 0:e.defaultView,"focus",(e=>{if(!a||!o.current)return;let l=Ae(n);t.current instanceof HTMLElement&&l.add(t.current);let i=r.current;if(!i)return;let u=e.target;u&&u instanceof HTMLElement?He(l,u)?(r.current=u,oe(u)):(e.preventDefault(),e.stopPropagation(),oe(i)):oe(r.current)}),!0)}({ownerDocument:c,container:r,containers:i,previousActiveElement:d},Boolean(8&u));let f=Le(),p=q((e=>{let t=r.current;t&&J(f.current,{[xe.Forwards]:()=>{ie(t,ee.First,{skipElements:[e.relatedTarget]})},[xe.Backwards]:()=>{ie(t,ee.Last,{skipElements:[e.relatedTarget]})}})})),m=function(){let[e]=t.useState(W);return t.useEffect((()=>()=>e.dispose()),[e]),e}(),v=t.useRef(!1),h={ref:a,onKeyDown(e){"Tab"==e.key&&(v.current=!0,m.requestAnimationFrame((()=>{v.current=!1})))},onBlur(e){let t=Ae(i);r.current instanceof HTMLElement&&t.add(r.current);let n=e.relatedTarget;n instanceof HTMLElement&&"true"!==n.dataset.headlessuiFocusGuard&&(He(t,n)||(v.current?ie(r.current,J(f.current,{[xe.Forwards]:()=>ee.Next,[xe.Backwards]:()=>ee.Previous})|ee.WrapAround,{relativeTo:e.target}):e.target instanceof HTMLElement&&oe(e.target)))}};return o.default.createElement(o.default.Fragment,null,Boolean(4&u)&&o.default.createElement(Se,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:p,features:Ne.Focusable}),ve({ourProps:h,theirProps:s,defaultTag:"div",name:"FocusTrap"}),Boolean(4&u)&&o.default.createElement(Se,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:p,features:Ne.Focusable}))})),je=Object.assign(Re,{features:De}),Ie=[];function He(e,t){for(let n of e)if(n.contains(t))return!0;return!1}!function(e){function t(){"loading"!==document.readyState&&(e(),document.removeEventListener("DOMContentLoaded",t))}"undefined"!=typeof window&&"undefined"!=typeof document&&(document.addEventListener("DOMContentLoaded",t),t())}((()=>{function e(e){e.target instanceof HTMLElement&&e.target!==document.body&&Ie[0]!==e.target&&(Ie.unshift(e.target),Ie=Ie.filter((e=>null!=e&&e.isConnected)),Ie.splice(10))}window.addEventListener("click",e,{capture:!0}),window.addEventListener("mousedown",e,{capture:!0}),window.addEventListener("focus",e,{capture:!0}),document.body.addEventListener("click",e,{capture:!0}),document.body.addEventListener("mousedown",e,{capture:!0}),document.body.addEventListener("focus",e,{capture:!0})}));let Be=t.createContext(!1);function _e(){return t.useContext(Be)}function Ve(e){return o.default.createElement(Be.Provider,{value:e.force},e.children)}let $e=t.Fragment;let Ge=t.Fragment,Ue=t.createContext(null);let ze=be((function(e,r){let a=e,o=t.useRef(null),l=de(function(e,t=!0){return Object.assign(e,{[ce]:t})}((e=>{o.current=e})),r),i=Me(o),u=function(e){let n=_e(),r=t.useContext(Ue),a=Me(e),[o,l]=t.useState((()=>{if(!n&&null!==r||$.isServer)return null;let e=null==a?void 0:a.getElementById("headlessui-portal-root");if(e)return e;if(null===a)return null;let t=a.createElement("div");return t.setAttribute("id","headlessui-portal-root"),a.body.appendChild(t)}));return t.useEffect((()=>{null!==o&&(null!=a&&a.body.contains(o)||null==a||a.body.appendChild(o))}),[o,a]),t.useEffect((()=>{n||null!==r&&l(r.current)}),[r,l,n]),o}(o),[s]=t.useState((()=>{var e;return $.isServer?null:null!=(e=null==i?void 0:i.createElement("div"))?e:null})),c=Y(),d=t.useRef(!1);return G((()=>{if(d.current=!1,u&&s)return u.contains(s)||(s.setAttribute("data-headlessui-portal",""),u.appendChild(s)),()=>{d.current=!0,z((()=>{var e;d.current&&(!u||!s||(s instanceof Node&&u.contains(s)&&u.removeChild(s),u.childNodes.length<=0&&(null==(e=u.parentElement)||e.removeChild(u))))}))}}),[u,s]),c&&u&&s?n.createPortal(ve({ourProps:{ref:l},theirProps:a,defaultTag:$e,name:"Portal"}),s):null})),We=be((function(e,t){let{target:n,...r}=e,a={ref:de(t)};return o.default.createElement(Ue.Provider,{value:n},ve({ourProps:a,theirProps:r,defaultTag:Ge,name:"Popover.Group"}))})),qe=Object.assign(ze,{Group:We}),Ye=t.createContext(null);function Ke(){let e=t.useContext(Ye);if(null===e){let e=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(e,Ke),e}return e}let Xe=be((function(e,t){let n=X(),{id:r=`headlessui-description-${n}`,...a}=e,o=Ke(),l=de(t);return G((()=>o.register(r)),[r,o.register]),ve({ourProps:{ref:l,...o.props,id:r},theirProps:a,slot:o.slot||{},defaultTag:"p",name:o.name||"Description"})})),Je=Object.assign(Xe,{}),Qe=t.createContext((()=>{}));Qe.displayName="StackContext";var Ze=(e=>(e[e.Add=0]="Add",e[e.Remove=1]="Remove",e))(Ze||{});function et({children:e,onUpdate:n,type:r,element:a,enabled:l}){let i=t.useContext(Qe),u=q(((...e)=>{null==n||n(...e),i(...e)}));return G((()=>{let e=void 0===l||!0===l;return e&&u(0,r,a),()=>{e&&u(1,r,a)}}),[u,r,a,l]),o.default.createElement(Qe.Provider,{value:u},e)}const tt="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},{useState:nt,useEffect:rt,useLayoutEffect:at,useDebugValue:ot}=l;function lt(e){const t=e.getSnapshot,n=e.value;try{const e=t();return!tt(n,e)}catch{return!0}}const it=!("undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement)?function(e,t,n){return t()}:function(e,t,n){const r=t(),[{inst:a},o]=nt({inst:{value:r,getSnapshot:t}});return at((()=>{a.value=r,a.getSnapshot=t,lt(a)&&o({inst:a})}),[e,r,t]),rt((()=>(lt(a)&&o({inst:a}),e((()=>{lt(a)&&o({inst:a})})))),[e]),ot(r),r},ut="useSyncExternalStore"in l?(e=>e.useSyncExternalStore)(l):it;function st(){let e;return{before({doc:t}){var n;let r=t.documentElement;e=(null!=(n=t.defaultView)?n:window).innerWidth-r.clientWidth},after({doc:t,d:n}){let r=t.documentElement,a=r.clientWidth-r.offsetWidth,o=e-a;n.style(r,"paddingRight",`${o}px`)}}}function ct(){if(!(/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0))return{};let e;return{before(){e=window.pageYOffset},after({doc:t,d:n,meta:r}){function a(e){return r.containers.flatMap((e=>e())).some((t=>t.contains(e)))}n.style(t.body,"marginTop",`-${e}px`),window.scrollTo(0,0);let o=null;n.addEventListener(t,"click",(e=>{if(e.target instanceof HTMLElement)try{let n=e.target.closest("a");if(!n)return;let{hash:r}=new URL(n.href),l=t.querySelector(r);l&&!a(l)&&(o=l)}catch{}}),!0),n.addEventListener(t,"touchmove",(e=>{e.target instanceof HTMLElement&&!a(e.target)&&e.preventDefault()}),{passive:!1}),n.add((()=>{window.scrollTo(0,window.pageYOffset+e),o&&o.isConnected&&(o.scrollIntoView({block:"nearest"}),o=null)}))}}}function dt(e){let t={};for(let n of e)Object.assign(t,n(t));return t}let ft=function(e,t){let n=e(),r=new Set;return{getSnapshot:()=>n,subscribe:e=>(r.add(e),()=>r.delete(e)),dispatch(e,...a){let o=t[e].call(n,...a);o&&(n=o,r.forEach((e=>e())))}}}((()=>new Map),{PUSH(e,t){var n;let r=null!=(n=this.get(e))?n:{doc:e,count:0,d:W(),meta:new Set};return r.count++,r.meta.add(t),this.set(e,r),this},POP(e,t){let n=this.get(e);return n&&(n.count--,n.meta.delete(t)),this},SCROLL_PREVENT({doc:e,d:t,meta:n}){let r={doc:e,d:t,meta:dt(n)},a=[ct(),st(),{before({doc:e,d:t}){t.style(e.documentElement,"overflow","hidden")}}];a.forEach((({before:e})=>null==e?void 0:e(r))),a.forEach((({after:e})=>null==e?void 0:e(r)))},SCROLL_ALLOW({d:e}){e.dispose()},TEARDOWN({doc:e}){this.delete(e)}});function pt(e,t,n){let r=function(e){return ut(e.subscribe,e.getSnapshot,e.getSnapshot)}(ft),a=e?r.get(e):void 0,o=!!a&&a.count>0;return G((()=>{if(e&&t)return ft.dispatch("PUSH",e,n),()=>ft.dispatch("POP",e,n)}),[t,e]),o}ft.subscribe((()=>{let e=ft.getSnapshot(),t=new Map;for(let[n]of e)t.set(n,n.documentElement.style.overflow);for(let n of e.values()){let e="hidden"===t.get(n.doc),r=0!==n.count;(r&&!e||!r&&e)&&ft.dispatch(n.count>0?"SCROLL_PREVENT":"SCROLL_ALLOW",n),0===n.count&&ft.dispatch("TEARDOWN",n)}}));let mt=new Map,vt=new Map;function ht(e,t=!0){G((()=>{var n;if(!t)return;let r="function"==typeof e?e():e.current;if(!r)return;let a=null!=(n=vt.get(r))?n:0;return vt.set(r,a+1),0!==a||(mt.set(r,{"aria-hidden":r.getAttribute("aria-hidden"),inert:r.inert}),r.setAttribute("aria-hidden","true"),r.inert=!0),function(){var e;if(!r)return;let t=null!=(e=vt.get(r))?e:1;if(1===t?vt.delete(r):vt.set(r,t-1),1!==t)return;let n=mt.get(r);n&&(null===n["aria-hidden"]?r.removeAttribute("aria-hidden"):r.setAttribute("aria-hidden",n["aria-hidden"]),r.inert=n.inert,mt.delete(r))}}),[e,t])}var gt=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(gt||{}),bt=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(bt||{});let Et={0:(e,t)=>e.titleId===t.id?e:{...e,titleId:t.id}},yt=t.createContext(null);function wt(e){let n=t.useContext(yt);if(null===n){let t=new Error(`<${e} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,wt),t}return n}function Nt(e,t,n=(()=>[document.body])){pt(e,t,(e=>{var t;return{containers:[...null!=(t=e.containers)?t:[],n]}}))}function St(e,t){return J(t.type,Et,e,t)}yt.displayName="DialogContext";let Ot=pe.RenderStrategy|pe.Static;let Pt=be((function(e,n){let r=X(),{id:a=`headlessui-dialog-${r}`,open:l,onClose:i,initialFocus:u,__demoMode:s=!1,...c}=e,[d,f]=t.useState(0),p=t.useContext(Oe);void 0===l&&null!==p&&(l=(p&Pe.Open)===Pe.Open);let m=t.useRef(null),v=de(m,n),h=t.useRef(null),g=Me(m),b=e.hasOwnProperty("open")||null!==p,E=e.hasOwnProperty("onClose");if(!b&&!E)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!b)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!E)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if("boolean"!=typeof l)throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${l}`);if("function"!=typeof i)throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${i}`);let y=l?0:1,[w,N]=t.useReducer(St,{titleId:null,descriptionId:null,panelRef:t.createRef()}),S=q((()=>i(!1))),O=q((e=>N({type:0,id:e}))),P=!!Y()&&(!s&&0===y),C=d>1,T=null!==t.useContext(yt),x=C?"parent":"leaf",L=null!==p&&(p&Pe.Closing)===Pe.Closing,k=!T&&!L&&P,M=t.useCallback((()=>{var e,t;return null!=(t=Array.from(null!=(e=null==g?void 0:g.querySelectorAll("body > *"))?e:[]).find((e=>"headlessui-portal-root"!==e.id&&(e.contains(h.current)&&e instanceof HTMLElement))))?t:null}),[h]);ht(M,k);let F=!!C||P,A=t.useCallback((()=>{var e,t;return null!=(t=Array.from(null!=(e=null==g?void 0:g.querySelectorAll("[data-headlessui-portal]"))?e:[]).find((e=>e.contains(h.current)&&e instanceof HTMLElement)))?t:null}),[h]);ht(A,F);let D=q((()=>{var e,t;return[...Array.from(null!=(e=null==g?void 0:g.querySelectorAll("html > *, body > *, [data-headlessui-portal]"))?e:[]).filter((e=>!(e===document.body||e===document.head||!(e instanceof HTMLElement)||e.contains(h.current)||w.panelRef.current&&e.contains(w.panelRef.current)))),null!=(t=w.panelRef.current)?t:m.current]}));se((()=>D()),S,!(!P||C));let R=!(C||0!==y);Fe(null==g?void 0:g.defaultView,"keydown",(e=>{R&&(e.defaultPrevented||e.key===Ce.Escape&&(e.preventDefault(),e.stopPropagation(),S()))})),Nt(g,!(L||0!==y||T),D),t.useEffect((()=>{if(0!==y||!m.current)return;let e=new ResizeObserver((e=>{for(let t of e){let e=t.target.getBoundingClientRect();0===e.x&&0===e.y&&0===e.width&&0===e.height&&S()}}));return e.observe(m.current),()=>e.disconnect()}),[y,m,S]);let[j,I]=function(){let[e,n]=t.useState([]);return[e.length>0?e.join(" "):void 0,t.useMemo((()=>function(e){let r=q((e=>(n((t=>[...t,e])),()=>n((t=>{let n=t.slice(),r=n.indexOf(e);return-1!==r&&n.splice(r,1),n}))))),a=t.useMemo((()=>({register:r,slot:e.slot,name:e.name,props:e.props})),[r,e.slot,e.name,e.props]);return o.default.createElement(Ye.Provider,{value:a},e.children)}),[n])]}(),H=t.useMemo((()=>[{dialogState:y,close:S,setTitleId:O},w]),[y,w,S,O]),B=t.useMemo((()=>({open:0===y})),[y]),_={ref:v,id:a,role:"dialog","aria-modal":0===y||void 0,"aria-labelledby":w.titleId,"aria-describedby":j};return o.default.createElement(et,{type:"Dialog",enabled:0===y,element:m,onUpdate:q(((e,t)=>{"Dialog"===t&&J(e,{[Ze.Add]:()=>f((e=>e+1)),[Ze.Remove]:()=>f((e=>e-1))})}))},o.default.createElement(Ve,{force:!0},o.default.createElement(qe,null,o.default.createElement(yt.Provider,{value:H},o.default.createElement(qe.Group,{target:m},o.default.createElement(Ve,{force:!1},o.default.createElement(I,{slot:B,name:"Dialog.Description"},o.default.createElement(je,{initialFocus:u,containers:D,features:P?J(x,{parent:je.features.RestoreFocus,leaf:je.features.All&~je.features.FocusLock}):je.features.None},ve({ourProps:_,theirProps:c,slot:B,defaultTag:"div",features:Ot,visible:0===y,name:"Dialog"})))))))),o.default.createElement(Se,{features:Ne.Hidden,ref:h}))})),Ct=be((function(e,n){let r=X(),{id:a=`headlessui-dialog-backdrop-${r}`,...l}=e,[{dialogState:i},u]=wt("Dialog.Backdrop"),s=de(n);t.useEffect((()=>{if(null===u.panelRef.current)throw new Error("A <Dialog.Backdrop /> component is being used, but a <Dialog.Panel /> component is missing.")}),[u.panelRef]);let c=t.useMemo((()=>({open:0===i})),[i]);return o.default.createElement(Ve,{force:!0},o.default.createElement(qe,null,ve({ourProps:{ref:s,id:a,"aria-hidden":!0},theirProps:l,slot:c,defaultTag:"div",name:"Dialog.Backdrop"})))})),Tt=be((function(e,n){let r=X(),{id:a=`headlessui-dialog-panel-${r}`,...o}=e,[{dialogState:l},i]=wt("Dialog.Panel"),u=de(n,i.panelRef),s=t.useMemo((()=>({open:0===l})),[l]),c=q((e=>{e.stopPropagation()}));return ve({ourProps:{ref:u,id:a,onClick:c},theirProps:o,slot:s,defaultTag:"div",name:"Dialog.Panel"})})),xt=be((function(e,n){let r=X(),{id:a=`headlessui-dialog-overlay-${r}`,...o}=e,[{dialogState:l,close:i}]=wt("Dialog.Overlay"),u=de(n),s=q((e=>{if(e.target===e.currentTarget){if(we(e.currentTarget))return e.preventDefault();e.preventDefault(),e.stopPropagation(),i()}}));return ve({ourProps:{ref:u,id:a,"aria-hidden":!0,onClick:s},theirProps:o,slot:t.useMemo((()=>({open:0===l})),[l]),defaultTag:"div",name:"Dialog.Overlay"})})),Lt=be((function(e,n){let r=X(),{id:a=`headlessui-dialog-title-${r}`,...o}=e,[{dialogState:l,setTitleId:i}]=wt("Dialog.Title"),u=de(n);t.useEffect((()=>(i(a),()=>i(null))),[a,i]);let s=t.useMemo((()=>({open:0===l})),[l]);return ve({ourProps:{ref:u,id:a},theirProps:o,slot:s,defaultTag:"h2",name:"Dialog.Title"})})),kt=Object.assign(Pt,{Backdrop:Ct,Panel:Tt,Overlay:xt,Title:Lt,Description:Je});var Mt={panel:"lds-panel",header:"lds-panel--header",content:"lds-panel--content",footer:"lds-panel--footer",loading:"lds-panel--loading",loadingIndicator:"lds-panel--loading-indicator"};function Ft(e){var n,r,a,l=e.header,i=e.footer,s=e.className,c=e.wrapperComponent,f=e.wrapperProps,p=e.headerComponent,m=e.headerProps,v=e.contentComponent,h=e.contentProps,g=e.footerComponent,b=e.footerProps,E=e.loading,y=e.children,w=c||t.Fragment,N=p||"header",S=v||"div",O=g||"footer";return o.default.createElement(w,d({},f||{}),l&&o.default.createElement(N,d({},m||{},{className:u(Mt.panel,Mt.header,s,null==m?void 0:m.className,(n={},n[Mt.loading]=E,n))}),l),o.default.createElement(S,d({},h||{},{className:u(Mt.panel,Mt.content,s,null==h?void 0:h.className,(r={},r[Mt.loading]=E,r))}),y,E&&o.default.createElement(B,{size:"xxl",className:Mt.loadingIndicator})),i&&o.default.createElement(O,d({},b||{},{className:u(Mt.panel,Mt.footer,s,null==b?void 0:b.className,(a={},a[Mt.loading]=E,a))}),i))}var At={modal:"lds-modal",modalContent:"lds-modal--modal-content",subTitle:"lds-modal--sub-title",sm:"lds-modal--sm",lg:"lds-modal--lg",xl:"lds-modal--xl"};var Dt="lds-side-nav",Rt="lds-side-nav--compact",jt="__isChildOfSideNav",It=function(e){var n,r=e.className,a=e.compact,l=e.children,i=t.useMemo((function(){return"development"===process.env.NODE_ENV?o.default.Children.map(l,(function(e){var n;return t.isValidElement(e)&&"SideNavGroup"===e.type.displayName?t.cloneElement(e,((n={})[jt]=!0,n)):e})):l}),[l]);return o.default.createElement("div",{className:u(Dt,r,(n={},n[Rt]=a,n))},i)};It.displayName="SideNav";var Ht=0,Bt="lds-side-nav-group",_t="lds-side-nav-group--label";function Vt(e){var n=e.component,r=e.componentProps,a=e.id,l=e.className,i=e.children,s=f(e,["component","componentProps","id","className","children"]),c=n||"nav",p="label"in s?s.label:void 0,m=t.useMemo((function(){return a?"".concat(a,"-label"):"lds-nav-group-label-".concat(function(){var e=++Ht;return"".concat(e)}())}),[a]);jt in s&&!0===s[jt]||"development"!==process.env.NODE_ENV||console.warn("SideNavGroup should be a direct child of SideNav");var v=t.useMemo((function(){return"development"===process.env.NODE_ENV?o.default.Children.map(i,(function(e){var n;return t.isValidElement(e)&&"SideNavItem"===e.type.displayName?t.cloneElement(e,((n={}).__isChildOfSideNavGroup=!0,n)):(t.isValidElement(e)&&"SideNavItem"!==e.type.displayName&&console.warn("SideNavGroup should only have SideNavItem as direct children"),e)})):i}),[i]);return o.default.createElement(c,d({},r,{id:a,className:u(Bt,l)},p?{"aria-labelledby":m}:{},"aria-label"in s?{"aria-label":s["aria-label"]}:{}),p&&o.default.createElement("span",{id:m,className:u("lds-h3",_t)},p),v)}Vt.displayName="SideNavGroup";var $t={sideNavItem:"lds-side-nav-item",external:"lds-side-nav-item--external",danger:"lds-side-nav-item--danger",disabled:"lds-side-nav-item--disabled",active:"lds-side-nav-item--active"};function Gt(e){var n,r=e.component,a=e.componentProps,l=e.active,i=e.disabled,s=e.className,c=e.children,p=e.type,m=void 0===p?"default":p,v=e.externalLink;f(e,["component","componentProps","active","disabled","className","children","type","externalLink"]);var h=r||"a",g=t.useMemo((function(){return a&&"aria-current"in a||!l?{}:{"aria-current":"page"}}),[l,a]);return o.default.createElement(h,d({},a,{className:u($t.sideNavItem,s,(n={},n[$t.disabled]=i,n[$t.active]=l,n[$t.external]=v,n[$t[m]]="default"!==m,n)),"aria-disabled":i},g),c)}Gt.displayName="SideNavItem";var Ut="lds-switch",zt="lds-switch--disabled";e.Button=c,e.ButtonBar=m,e.Input=E,e.LoadingIndicator=B,e.Modal=function(e){var n=e.children,r=e.isOpen,a=e.onClose,l=e.title,i=e.subTitle,s=e.size,c=void 0===s?"md":s,f=e.contentComponent,p=e.contentProps,v=e.buttonBarProps,h=void 0===v?{}:v,g=e.className,b=void 0===g?"":g,E=e.footer,y=t.useMemo((function(){return d(d({},p||{}),{className:u(At.modalContent,(null==p?void 0:p.className)||"")})}),[p]);return r?o.default.createElement(kt,{open:r,onClose:a,className:u(At.modal,At[c])},o.default.createElement(Ft,{wrapperComponent:f||"div",wrapperProps:y,className:b,headerComponent:kt.Title,headerProps:{as:"header"},header:o.default.createElement(o.default.Fragment,null,o.default.createElement("h3",{className:"lds-h2"},l),i?o.default.createElement("p",{className:At.subTitle},i):null),footer:E,footerComponent:m,footerProps:d(d({},h),{as:"footer"})},n)):null},e.Panel=Ft,e.SideNav=It,e.SideNavGroup=Vt,e.SideNavItem=Gt,e.Switch=function(e){var t,n=e.className,r=e.children,a=e.disabled,l=e.onChange,i=f(e,["className","children","disabled","onChange"]);return o.default.createElement("label",{className:u(Ut,n,(t={},t[zt]=a,t)),"data-testid":"switch"},r,o.default.createElement("input",d({type:"checkbox",role:"switch",disabled:a,onChange:function(e){return null==l?void 0:l(e.target.checked,e)}},i)))},Object.defineProperty(e,"__esModule",{value:!0})}));