@k8slens/lds 0.6.5 → 0.6.6

package/lib/cjs/Button/Button.js

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("clsx"),a=require("@k8slens/lds-icons"),n=require("./Button.module.css.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(e),r=l(t),o=a.base.SpinnerIcon;var u=e.forwardRef((function(t,a){var l,u=t.label,c=t.primary,s=t.discreet,d=t.allCaps,f=t.disabled,m=void 0!==f&&f,p=t.loading,b=void 0!==p&&p,v=t.className,y=t["aria-label"],E=t.id,g=t.type,N=void 0===g?"default":g,C=t.buttonType,h=void 0===C?"button":C,k=t.icon,q=t.iconPosition,j=void 0===q?"left":q,R=t.loadingStateOnPromise,S=void 0!==R&&R,x=t.onClick,P=t.children,w=e.useRef(!0);e.useEffect((function(){return w.current=!0,function(){w.current=!1}}),[]);var B=e.useState(!1),F=B[0],I=B[1],L=b||F,O=e.useCallback((function(e){if("function"==typeof x&&!L){var t,a=x(e);S&&("object"==typeof(t=a)&&null!==t&&"then"in t&&"function"==typeof t.then)&&(I(!0),a.finally((function(){w.current&&I(!1)})))}}),[x,L,S]);return c&&(N="primary"),i.default.createElement("button",{ref:a,id:E,type:h,onClick:O,className:r.default(n.button,v,N,(l={},l[n.allCaps]=d,l[n.discreet]=s,l[n.loading]=L,l)),"aria-label":y||("string"==typeof u?u:""),disabled:m||F},k&&"left"===j&&i.default.createElement(k,{className:n.icon}),i.default.createElement("span",{className:n.label},u),P,k&&"right"===j&&i.default.createElement(k,{className:r.default(n.icon,n.iconR)}),L&&i.default.createElement(i.default.Fragment,null,i.default.createElement(o,{className:r.default(n.icon,n.spinner)}),i.default.createElement("span",{className:"lds-only-aria","aria-live":"polite","aria-busy":"true"}," ","Loading")))}));module.exports=u;
+"use strict";var e=require("react"),t=require("clsx"),a=require("@k8slens/lds-icons"),n=require("./Button.module.css.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(e),r=l(t),o=a.base.SpinnerIcon;var u=e.forwardRef((function(t,a){var l,u=t.label,c=t.primary,s=t.discreet,d=t.allCaps,f=t.disabled,m=void 0!==f&&f,p=t.loading,b=void 0!==p&&p,v=t.className,y=t["aria-label"],E=t.id,g=t.type,N=void 0===g?"default":g,C=t.buttonType,h=void 0===C?"button":C,k=t.icon,q=t.iconPosition,j=void 0===q?"left":q,R=t.loadingStateOnPromise,S=void 0!==R&&R,x=t.onClick,P=t.children,w=N,B=e.useRef(!0);e.useEffect((function(){return B.current=!0,function(){B.current=!1}}),[]);var F=e.useState(!1),I=F[0],L=F[1],O=b||I,T=e.useCallback((function(e){if("function"==typeof x&&!O){var t,a=x(e);S&&("object"==typeof(t=a)&&null!==t&&"then"in t&&"function"==typeof t.then)&&(L(!0),a.finally((function(){B.current&&L(!1)})))}}),[x,O,S]);return c&&(w="primary"),i.default.createElement("button",{ref:a,id:E,type:h,onClick:T,className:r.default(n.button,v,w,(l={},l[n.allCaps]=d,l[n.discreet]=s,l[n.loading]=O,l)),"aria-label":y||("string"==typeof u?u:""),disabled:m||I},k&&"left"===j&&i.default.createElement(k,{className:n.icon}),i.default.createElement("span",{className:n.label},u),P,k&&"right"===j&&i.default.createElement(k,{className:r.default(n.icon,n.iconR)}),O&&i.default.createElement(i.default.Fragment,null,i.default.createElement(o,{className:r.default(n.icon,n.spinner)}),i.default.createElement("span",{className:"lds-only-aria","aria-live":"polite","aria-busy":"true"}," ","Loading")))}));module.exports=u;

package/lib/cjs/ButtonBar/ButtonBar.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from "react";
 declare type ExtractIntrinsicElementProps<Element extends keyof JSX.IntrinsicElements> = JSX.IntrinsicElements[Element];
-declare type ExtractComponentProps<TComponentOrTProps> = (TComponentOrTProps extends React.ComponentType<infer TProps> ? TProps : TComponentOrTProps);
+declare type ExtractComponentProps<TComponentOrTProps> = TComponentOrTProps extends React.ComponentType<infer TProps> ? TProps : TComponentOrTProps;
 declare type ExtractProps<TComponentOrTProps> = TComponentOrTProps extends keyof JSX.IntrinsicElements ? ExtractIntrinsicElementProps<TComponentOrTProps> : ExtractComponentProps<TComponentOrTProps>;
 export declare type Type = "default" | "centered" | "stacked" | "grid";
 export declare type ButtonBarProps<ElementType extends JSX.IntrinsicElements | React.ElementType<any>> = Partial<Omit<ExtractProps<ElementType>, "children" | "as" | "type" | "gridSize">> & {

package/lib/cjs/Modal/Modal.d.ts

@@ -25,5 +25,5 @@ export interface ModalProps<Component extends keyof JSX.IntrinsicElements | Reac
  *
  * Usage: `import { Modal } from "@k8slens/lds"`
  */
-declare function Modal<Component extends keyof JSX.IntrinsicElements | React.ElementType>({ children, isOpen, onClose, title, subTitle, size, contentComponent, contentProps: _contentProps, buttonBarProps, className, footer }: PropsWithChildren<ModalProps<Component>>): JSX.Element | null;
+declare function Modal<Component extends keyof JSX.IntrinsicElements | React.ElementType>({ children, isOpen, onClose, title, subTitle, size, contentComponent, contentProps: _contentProps, buttonBarProps, className, footer, }: PropsWithChildren<ModalProps<Component>>): JSX.Element | null;
 export default Modal;

package/lib/cjs/Panel/Panel.d.ts

@@ -1,6 +1,6 @@
 import React, { Fragment, ReactNode } from "react";
 declare type ExtractIntrinsicElementProps<Element extends keyof JSX.IntrinsicElements> = JSX.IntrinsicElements[Element];
-declare type ExtractComponentProps<TComponentOrTProps> = (TComponentOrTProps extends React.ComponentType<infer TProps> ? TProps : TComponentOrTProps);
+declare type ExtractComponentProps<TComponentOrTProps> = TComponentOrTProps extends React.ComponentType<infer TProps> ? TProps : TComponentOrTProps;
 declare type ExtractProps<TComponentOrTProps> = TComponentOrTProps extends keyof JSX.IntrinsicElements ? ExtractIntrinsicElementProps<TComponentOrTProps> : ExtractComponentProps<TComponentOrTProps>;
 export interface PanelProps<WrapperComponent extends keyof JSX.IntrinsicElements | React.ElementType = typeof Fragment, HeaderComponent extends keyof JSX.IntrinsicElements | React.ElementType = "header", ContentComponent extends keyof JSX.IntrinsicElements | React.ElementType = "div", FooterComponent extends keyof JSX.IntrinsicElements | React.ElementType = "footer"> {
     header?: ReactNode;
@@ -27,5 +27,5 @@ export interface PanelProps<WrapperComponent extends keyof JSX.IntrinsicElements
  *
  * Usage: `import { Panel } from "@k8slens/lds"`
  */
-declare function Panel<WrapperComponent extends keyof JSX.IntrinsicElements | React.ElementType | typeof Fragment = typeof Fragment, HeaderComponent extends keyof JSX.IntrinsicElements | React.ElementType = "header", ContentComponent extends keyof JSX.IntrinsicElements | React.ElementType = "div", FooterComponent extends keyof JSX.IntrinsicElements | React.ElementType = "footer">({ header, footer, className, wrapperComponent, wrapperProps, headerComponent, headerProps, contentComponent, contentProps, footerComponent, footerProps, loading, children }: React.PropsWithChildren<PanelProps<WrapperComponent, HeaderComponent, ContentComponent, FooterComponent>>): JSX.Element;
+declare function Panel<WrapperComponent extends keyof JSX.IntrinsicElements | React.ElementType | typeof Fragment = typeof Fragment, HeaderComponent extends keyof JSX.IntrinsicElements | React.ElementType = "header", ContentComponent extends keyof JSX.IntrinsicElements | React.ElementType = "div", FooterComponent extends keyof JSX.IntrinsicElements | React.ElementType = "footer">({ header, footer, className, wrapperComponent, wrapperProps, headerComponent, headerProps, contentComponent, contentProps, footerComponent, footerProps, loading, children, }: React.PropsWithChildren<PanelProps<WrapperComponent, HeaderComponent, ContentComponent, FooterComponent>>): JSX.Element;
 export default Panel;

package/lib/es/Button/Button.js

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

package/lib/es/ButtonBar/ButtonBar.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from "react";
 declare type ExtractIntrinsicElementProps<Element extends keyof JSX.IntrinsicElements> = JSX.IntrinsicElements[Element];
-declare type ExtractComponentProps<TComponentOrTProps> = (TComponentOrTProps extends React.ComponentType<infer TProps> ? TProps : TComponentOrTProps);
+declare type ExtractComponentProps<TComponentOrTProps> = TComponentOrTProps extends React.ComponentType<infer TProps> ? TProps : TComponentOrTProps;
 declare type ExtractProps<TComponentOrTProps> = TComponentOrTProps extends keyof JSX.IntrinsicElements ? ExtractIntrinsicElementProps<TComponentOrTProps> : ExtractComponentProps<TComponentOrTProps>;
 export declare type Type = "default" | "centered" | "stacked" | "grid";
 export declare type ButtonBarProps<ElementType extends JSX.IntrinsicElements | React.ElementType<any>> = Partial<Omit<ExtractProps<ElementType>, "children" | "as" | "type" | "gridSize">> & {

package/lib/es/Modal/Modal.d.ts

@@ -25,5 +25,5 @@ export interface ModalProps<Component extends keyof JSX.IntrinsicElements | Reac
  *
  * Usage: `import { Modal } from "@k8slens/lds"`
  */
-declare function Modal<Component extends keyof JSX.IntrinsicElements | React.ElementType>({ children, isOpen, onClose, title, subTitle, size, contentComponent, contentProps: _contentProps, buttonBarProps, className, footer }: PropsWithChildren<ModalProps<Component>>): JSX.Element | null;
+declare function Modal<Component extends keyof JSX.IntrinsicElements | React.ElementType>({ children, isOpen, onClose, title, subTitle, size, contentComponent, contentProps: _contentProps, buttonBarProps, className, footer, }: PropsWithChildren<ModalProps<Component>>): JSX.Element | null;
 export default Modal;

package/lib/es/Panel/Panel.d.ts

@@ -1,6 +1,6 @@
 import React, { Fragment, ReactNode } from "react";
 declare type ExtractIntrinsicElementProps<Element extends keyof JSX.IntrinsicElements> = JSX.IntrinsicElements[Element];
-declare type ExtractComponentProps<TComponentOrTProps> = (TComponentOrTProps extends React.ComponentType<infer TProps> ? TProps : TComponentOrTProps);
+declare type ExtractComponentProps<TComponentOrTProps> = TComponentOrTProps extends React.ComponentType<infer TProps> ? TProps : TComponentOrTProps;
 declare type ExtractProps<TComponentOrTProps> = TComponentOrTProps extends keyof JSX.IntrinsicElements ? ExtractIntrinsicElementProps<TComponentOrTProps> : ExtractComponentProps<TComponentOrTProps>;
 export interface PanelProps<WrapperComponent extends keyof JSX.IntrinsicElements | React.ElementType = typeof Fragment, HeaderComponent extends keyof JSX.IntrinsicElements | React.ElementType = "header", ContentComponent extends keyof JSX.IntrinsicElements | React.ElementType = "div", FooterComponent extends keyof JSX.IntrinsicElements | React.ElementType = "footer"> {
     header?: ReactNode;
@@ -27,5 +27,5 @@ export interface PanelProps<WrapperComponent extends keyof JSX.IntrinsicElements
  *
  * Usage: `import { Panel } from "@k8slens/lds"`
  */
-declare function Panel<WrapperComponent extends keyof JSX.IntrinsicElements | React.ElementType | typeof Fragment = typeof Fragment, HeaderComponent extends keyof JSX.IntrinsicElements | React.ElementType = "header", ContentComponent extends keyof JSX.IntrinsicElements | React.ElementType = "div", FooterComponent extends keyof JSX.IntrinsicElements | React.ElementType = "footer">({ header, footer, className, wrapperComponent, wrapperProps, headerComponent, headerProps, contentComponent, contentProps, footerComponent, footerProps, loading, children }: React.PropsWithChildren<PanelProps<WrapperComponent, HeaderComponent, ContentComponent, FooterComponent>>): JSX.Element;
+declare function Panel<WrapperComponent extends keyof JSX.IntrinsicElements | React.ElementType | typeof Fragment = typeof Fragment, HeaderComponent extends keyof JSX.IntrinsicElements | React.ElementType = "header", ContentComponent extends keyof JSX.IntrinsicElements | React.ElementType = "div", FooterComponent extends keyof JSX.IntrinsicElements | React.ElementType = "footer">({ header, footer, className, wrapperComponent, wrapperProps, headerComponent, headerProps, contentComponent, contentProps, footerComponent, footerProps, loading, children, }: React.PropsWithChildren<PanelProps<WrapperComponent, HeaderComponent, ContentComponent, FooterComponent>>): JSX.Element;
 export default Panel;

package/lib/web/lds-v0-6-5/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 o(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 l=r(t),a=o(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 c=function(){return c=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},c.apply(this,arguments)};function s(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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}var d,f,p,m,v,g,b,h,E,y="lds-icon",w="lds-icon--svg",P=function(e){var n,r=e.color,o=void 0===r?"default":r,a=e.size,i=void 0===a?"md":a,c=e.className,s=void 0===c?"":c,d=e.children,f=t.useMemo((function(){if("number"==typeof i)return{width:"".concat(i,"px"),height:"".concat(i,"px")}}),[i]);return l.default.createElement("span",{"aria-hidden":!0,className:u(y,s,(n={},n[i]="string"==typeof i&&"md"!==i,n[o]="string"==typeof o&&"default"!==o,n)),style:f},d)},O=function(e){var t=e.icon,n=s(e,["icon"]);return l.default.createElement(P,c({},n,{className:u(n.className,w)}),l.default.createElement(t,null))};function N(){return N=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},N.apply(this,arguments)}var C=function(e){return a.createElement("svg",N({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",width:64,height:64},e),d||(d=a.createElement("circle",{cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:0,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",calcMode:"spline"}))),f||(f=a.createElement("circle",{transform:"rotate(45 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.125s",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",calcMode:"spline"}))),p||(p=a.createElement("circle",{transform:"rotate(90 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.25s",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",calcMode:"spline"}))),m||(m=a.createElement("circle",{transform:"rotate(135 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.375s",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",calcMode:"spline"}))),v||(v=a.createElement("circle",{transform:"rotate(180 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.5s",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",calcMode:"spline"}))),g||(g=a.createElement("circle",{transform:"rotate(225 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.625s",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",calcMode:"spline"}))),b||(b=a.createElement("circle",{transform:"rotate(270 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.75s",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",calcMode:"spline"}))),h||(h=a.createElement("circle",{transform:"rotate(315 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.875s",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",calcMode:"spline"}))),E||(E=a.createElement("circle",{transform:"rotate(180 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.5s",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",calcMode:"spline"}))))},S=function(e){var t=s(e,[]);return l.default.createElement(O,c({icon:C},t))},x="lds-button",T="lds-button--all-caps",F="lds-button--icon",k="lds-button--icon-r",A="lds-button--discreet",j="lds-button--loading",D="lds-button--spinner",R="lds-button--label",M=S;var L=t.forwardRef((function(e,n){var r,o=e.label,a=e.primary,i=e.discreet,c=e.allCaps,s=e.disabled,d=void 0!==s&&s,f=e.loading,p=void 0!==f&&f,m=e.className,v=e["aria-label"],g=e.id,b=e.type,h=void 0===b?"default":b,E=e.buttonType,y=void 0===E?"button":E,w=e.icon,P=e.iconPosition,O=void 0===P?"left":P,N=e.loadingStateOnPromise,C=void 0!==N&&N,S=e.onClick,L=e.children,I=h,B=t.useRef(!0);t.useEffect((function(){return B.current=!0,function(){B.current=!1}}),[]);var H=t.useState(!1),$=H[0],q=H[1],U=p||$,z=t.useCallback((function(e){if("function"==typeof S&&!U){var t=S(e);C&&function(e){return"object"==typeof e&&null!==e&&"then"in e&&"function"==typeof e.then}(t)&&(q(!0),t.finally((function(){B.current&&q(!1)})))}}),[S,U,C]);return a&&(I="primary"),l.default.createElement("button",{ref:n,id:g,type:y,onClick:z,className:u(x,m,I,(r={},r[T]=c,r[A]=i,r[j]=U,r)),"aria-label":v||("string"==typeof o?o:""),disabled:d||$},w&&"left"===O&&l.default.createElement(w,{className:F}),l.default.createElement("span",{className:R},o),L,w&&"right"===O&&l.default.createElement(w,{className:u(F,k)}),U&&l.default.createElement(l.default.Fragment,null,l.default.createElement(M,{className:u(F,D)}),l.default.createElement("span",{className:"lds-only-aria","aria-live":"polite","aria-busy":"true"}," ","Loading")))})),I=function(){return I=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},I.apply(this,arguments)};function B(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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}var H={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 $(e){var n,r=e.as,o=void 0===r?"div":r,a=e.type,i=void 0===a?"default":a,c=e.gridSize,s=e.children,d=B(e,["as","type","gridSize","children"]),f=t.useMemo((function(){return"number"==typeof c?c:t.Children.toArray(s).filter((function(e){return t.isValidElement(e)})).length}),[c,s]);return l.default.createElement(o,I({},d,{className:u(H.buttonBar,d.className||"",(n={},n[H[i]]="default"!==i&&"grid"!==i,n[H.bGrid]="grid"===i,n[H["grid-".concat(f)]]="grid"===i,n))}),s)}var q="lds-input--wrapper",U="lds-input",z="lds-input--with-icon",_="lds-input--icon",W=t.forwardRef((function(e,t){var n,r=e.icon,o=e.wrapperProps,a=B(e,["icon","wrapperProps"]);return l.default.createElement("div",I({},o,{className:u(q,null==o?void 0:o.className,(n={},n[z]=r,n))}),l.default.createElement("input",I({ref:t},a,{className:u(U,(null==a?void 0:a.className)||"")})),r&&l.default.createElement(r,{className:_}))})),Y="lds-loading-indicator",G=S,V=function(e){var t=e.size,n=e.className;return l.default.createElement("div",{className:u(Y,n)},l.default.createElement(G,{size:t}))};const K="undefined"==typeof window||"undefined"==typeof document;let Q=K?t.useEffect:t.useLayoutEffect;function J(e){let n=t.useRef(e);return Q((()=>{n.current=e}),[e]),n}function X(e){"function"==typeof queueMicrotask?queueMicrotask(e):Promise.resolve().then(e).catch((e=>setTimeout((()=>{throw e}))))}function Z(){let e=[],t=[],n={enqueue(e){t.push(e)},addEventListener:(e,t,r,o)=>(e.addEventListener(t,r,o),n.add((()=>e.removeEventListener(t,r,o)))),requestAnimationFrame(...e){let t=requestAnimationFrame(...e);return n.add((()=>cancelAnimationFrame(t)))},nextFrame:(...e)=>n.requestAnimationFrame((()=>n.requestAnimationFrame(...e))),setTimeout(...e){let t=setTimeout(...e);return n.add((()=>clearTimeout(t)))},microTask(...e){let t={current:!0};return X((()=>{t.current&&e[0]()})),n.add((()=>{t.current=!1}))},add:t=>(e.push(t),()=>{let n=e.indexOf(t);if(n>=0){let[t]=e.splice(n,1);t()}}),dispose(){for(let t of e.splice(0))t()},async workQueue(){for(let e of t.splice(0))await e()}};return n}let ee=function(e){let t=J(e);return l.default.useCallback(((...e)=>t.current(...e)),[t])},te={serverHandoffComplete:!1};function ne(){let[e,n]=t.useState(te.serverHandoffComplete);return t.useEffect((()=>{!0!==e&&n(!0)}),[e]),t.useEffect((()=>{!1===te.serverHandoffComplete&&(te.serverHandoffComplete=!0)}),[]),e}var re;let oe=0;function le(){return++oe}let ae=null!=(re=l.default.useId)?re:function(){let e=ne(),[t,n]=l.default.useState(e?le:null);return Q((()=>{null===t&&n(le())}),[t]),null!=t?""+t:void 0};function ie(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,ie),r}function ue(e){return K?null:e instanceof Node?e.ownerDocument:null!=e&&e.hasOwnProperty("current")&&e.current instanceof Node?e.current.ownerDocument:document}let ce=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map((e=>`${e}:not([tabindex='-1'])`)).join(",");var se=(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))(se||{}),de=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(de||{}),fe=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(fe||{});var pe=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(pe||{});function me(e){null==e||e.focus({preventScroll:!0})}let ve=["textarea","input"].join(",");function ge(e,t,n=!0,r=null){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),o=t(n);if(null===r||null===o)return 0;let l=r.compareDocumentPosition(o);return l&Node.DOCUMENT_POSITION_FOLLOWING?-1:l&Node.DOCUMENT_POSITION_PRECEDING?1:0}))}(e):e:function(e=document.body){return null==e?[]:Array.from(e.querySelectorAll(ce))}(e);r=null!=r?r:o.activeElement;let a,i=(()=>{if(5&t)return 1;if(10&t)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),u=(()=>{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}:{},s=0,d=l.length;do{if(s>=d||s+d<=0)return 0;let e=u+s;if(16&t)e=(e+d)%d;else{if(e<0)return 3;if(e>=d)return 1}a=l[e],null==a||a.focus(c),s+=i}while(a!==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,ve))&&n}(a)&&a.select(),a.hasAttribute("tabindex")||a.setAttribute("tabindex","0"),2}function be(e,n,r){let o=J(n);t.useEffect((()=>{function t(e){o.current(e)}return document.addEventListener(e,t,r),()=>document.removeEventListener(e,t,r)}),[e,r])}function he(e,n,r=!0){let o=t.useRef(!1);function l(t,r){if(!o.current||t.defaultPrevented)return;let l=function e(t){return"function"==typeof t?e(t()):Array.isArray(t)||t instanceof Set?t:[t]}(e),a=r(t);if(null!==a&&a.getRootNode().contains(a)){for(let e of l){if(null===e)continue;let t=e instanceof HTMLElement?e:e.current;if(null!=t&&t.contains(a))return}return!function(e,t=0){var n;return e!==(null==(n=ue(e))?void 0:n.body)&&ie(t,{0:()=>e.matches(ce),1(){let t=e;for(;null!==t;){if(t.matches(ce))return!0;t=t.parentElement}return!1}})}(a,pe.Loose)&&-1!==a.tabIndex&&t.preventDefault(),n(t,a)}}t.useEffect((()=>{requestAnimationFrame((()=>{o.current=r}))}),[r]);let a=t.useRef(null);be("mousedown",(e=>{var t,n;o.current&&(a.current=(null==(n=null==(t=e.composedPath)?void 0:t.call(e))?void 0:n[0])||e.target)}),!0),be("click",(e=>{!a.current||(l(e,(()=>a.current)),a.current=null)}),!0),be("blur",(e=>l(e,(()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null))),!0)}let Ee=Symbol();function ye(...e){let n=t.useRef(e);t.useEffect((()=>{n.current=e}),[e]);let r=ee((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[Ee])))?void 0:r}var we=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(we||{}),Pe=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(Pe||{});function Oe({ourProps:e,theirProps:t,slot:n,defaultTag:r,features:o,visible:l=!0,name:a}){let i=Ce(t,e);if(l)return Ne(i,n,r,a);let u=null!=o?o:0;if(2&u){let{static:e=!1,...t}=i;if(e)return Ne(t,n,r,a)}if(1&u){let{unmount:e=!0,...t}=i;return ie(e?0:1,{0:()=>null,1:()=>Ne({...t,hidden:!0,style:{display:"none"}},n,r,a)})}return Ne(i,n,r,a)}function Ne(e,n={},r,o){let{as:l=r,children:a,refName:i="ref",...u}=Te(e,["unmount","static"]),c=void 0!==e.ref?{[i]:e.ref}:{},s="function"==typeof a?a(n):a;u.className&&"function"==typeof u.className&&(u.className=u.className(n));let d={};if(n){let e=!1,t=[];for(let[r,o]of Object.entries(n))"boolean"==typeof o&&(e=!0),!0===o&&t.push(r);e&&(d["data-headlessui-state"]=t.join(" "))}if(l===t.Fragment&&Object.keys(xe(u)).length>0){if(!t.isValidElement(s)||Array.isArray(s)&&s.length>1)throw new Error(['Passing props on "Fragment"!',"",`The current component <${o} /> 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"));return t.cloneElement(s,Object.assign({},Ce(s.props,xe(Te(u,["ref"]))),d,c,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)}}}(s.ref,c.ref)))}return t.createElement(l,Object.assign({},Te(u,["ref"]),l!==t.Fragment&&c,l!==t.Fragment&&d),s)}function Ce(...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 o=n[e];for(let e of o){if((t instanceof Event||(null==t?void 0:t.nativeEvent)instanceof Event)&&t.defaultPrevented)return;e(t,...r)}}});return t}function Se(e){var n;return Object.assign(t.forwardRef(e),{displayName:null!=(n=e.displayName)?n:e.name})}function xe(e){let t=Object.assign({},e);for(let e in t)void 0===t[e]&&delete t[e];return t}function Te(e,t=[]){let n=Object.assign({},e);for(let e of t)e in n&&delete n[e];return n}function Fe(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 ke=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(ke||{});let Ae=Se((function(e,t){let{features:n=1,...r}=e;return Oe({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"})})),je=t.createContext(null);je.displayName="OpenClosedContext";var De=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(De||{});var Re=(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))(Re||{});function Me(e,n){let r=t.useRef([]),o=ee(e);t.useEffect((()=>{let e=[...r.current];for(let[t,l]of n.entries())if(r.current[t]!==l){let t=o(n,e);return r.current=n,t}}),[o,...n])}var Le=(e=>(e[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e))(Le||{});function Ie(){let e=t.useRef(0);return function(e,n,r){let o=J(n);t.useEffect((()=>{function t(e){o.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 Be(){let e=t.useRef(!1);return Q((()=>(e.current=!0,()=>{e.current=!1})),[]),e}function He(...e){return t.useMemo((()=>ue(...e)),[...e])}function $e(e,n,r,o){let l=J(r);t.useEffect((()=>{function t(e){l.current(e)}return(e=null!=e?e:window).addEventListener(n,t,o),()=>e.removeEventListener(n,t,o)}),[e,n,o])}var qe=(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))(qe||{});let Ue=Object.assign(Se((function(e,n){let r=t.useRef(null),o=ye(r,n),{initialFocus:a,containers:i,features:u=30,...c}=e;ne()||(u=1);let s=He(r);!function({ownerDocument:e},n){let r=t.useRef(null);$e(null==e?void 0:e.defaultView,"focusout",(e=>{!n||r.current||(r.current=e.target)}),!0),Me((()=>{n||((null==e?void 0:e.activeElement)===(null==e?void 0:e.body)&&me(r.current),r.current=null)}),[n]);let o=t.useRef(!1);t.useEffect((()=>(o.current=!1,()=>{o.current=!0,X((()=>{!o.current||(me(r.current),r.current=null)}))})),[])}({ownerDocument:s},Boolean(16&u));let d=function({ownerDocument:e,container:n,initialFocus:r},o){let l=t.useRef(null),a=Be();return Me((()=>{if(!o)return;let t=n.current;!t||X((()=>{if(!a.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(l.current=n)}else if(t.contains(n))return void(l.current=n);null!=r&&r.current?me(r.current):ge(t,se.First)===de.Error&&console.warn("There are no focusable elements inside the <FocusTrap />"),l.current=null==e?void 0:e.activeElement}))}),[o]),l}({ownerDocument:s,container:r,initialFocus:a},Boolean(2&u));!function({ownerDocument:e,container:t,containers:n,previousActiveElement:r},o){let l=Be();$e(null==e?void 0:e.defaultView,"focus",(e=>{if(!o||!l.current)return;let a=new Set(null==n?void 0:n.current);a.add(t);let i=r.current;if(!i)return;let u=e.target;u&&u instanceof HTMLElement?function(e,t){var n;for(let r of e)if(null!=(n=r.current)&&n.contains(t))return!0;return!1}(a,u)?(r.current=u,me(u)):(e.preventDefault(),e.stopPropagation(),me(i)):me(r.current)}),!0)}({ownerDocument:s,container:r,containers:i,previousActiveElement:d},Boolean(8&u));let f=Ie(),p=ee((()=>{let e=r.current;!e||ie(f.current,{[Le.Forwards]:()=>ge(e,se.First),[Le.Backwards]:()=>ge(e,se.Last)})})),m={ref:o};return l.default.createElement(l.default.Fragment,null,Boolean(4&u)&&l.default.createElement(Ae,{as:"button",type:"button",onFocus:p,features:ke.Focusable}),Oe({ourProps:m,theirProps:c,defaultTag:"div",name:"FocusTrap"}),Boolean(4&u)&&l.default.createElement(Ae,{as:"button",type:"button",onFocus:p,features:ke.Focusable}))})),{features:qe});let ze=new Set,_e=new Map;function We(e){e.setAttribute("aria-hidden","true"),e.inert=!0}function Ye(e){let t=_e.get(e);!t||(null===t["aria-hidden"]?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",t["aria-hidden"]),e.inert=t.inert)}function Ge(e,t=!0){Q((()=>{if(!t||!e.current)return;let n=e.current,r=ue(n);if(r){ze.add(n);for(let e of _e.keys())e.contains(n)&&(Ye(e),_e.delete(e));return r.querySelectorAll("body > *").forEach((e=>{if(e instanceof HTMLElement){for(let t of ze)if(e.contains(t))return;1===ze.size&&(_e.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),We(e))}})),()=>{if(ze.delete(n),ze.size>0)r.querySelectorAll("body > *").forEach((e=>{if(e instanceof HTMLElement&&!_e.has(e)){for(let t of ze)if(e.contains(t))return;_e.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),We(e)}}));else for(let e of _e.keys())Ye(e),_e.delete(e)}}}),[t])}let Ve=t.createContext(!1);function Ke(){return t.useContext(Ve)}function Qe(e){return l.default.createElement(Ve.Provider,{value:e.force},e.children)}function Je(e){let n=Ke(),r=t.useContext(tt),o=He(e),[l,a]=t.useState((()=>{if(!n&&null!==r||K)return null;let e=null==o?void 0:o.getElementById("headlessui-portal-root");if(e)return e;if(null===o)return null;let t=o.createElement("div");return t.setAttribute("id","headlessui-portal-root"),o.body.appendChild(t)}));return t.useEffect((()=>{null!==l&&(null!=o&&o.body.contains(l)||null==o||o.body.appendChild(l))}),[l,o]),t.useEffect((()=>{n||null!==r&&a(r.current)}),[r,a,n]),l}let Xe=t.Fragment,Ze=Se((function(e,r){let o=e,l=t.useRef(null),a=ye(function(e,t=!0){return Object.assign(e,{[Ee]:t})}((e=>{l.current=e})),r),i=He(l),u=Je(l),[c]=t.useState((()=>{var e;return K?null:null!=(e=null==i?void 0:i.createElement("div"))?e:null})),s=ne(),d=t.useRef(!1);return Q((()=>{if(d.current=!1,u&&c)return u.contains(c)||(c.setAttribute("data-headlessui-portal",""),u.appendChild(c)),()=>{d.current=!0,X((()=>{var e;!d.current||!u||!c||(u.removeChild(c),u.childNodes.length<=0&&(null==(e=u.parentElement)||e.removeChild(u)))}))}}),[u,c]),s&&u&&c?n.createPortal(Oe({ourProps:{ref:a},theirProps:o,defaultTag:Xe,name:"Portal"}),c):null})),et=t.Fragment,tt=t.createContext(null),nt=Se((function(e,t){let{target:n,...r}=e,o={ref:ye(t)};return l.default.createElement(tt.Provider,{value:n},Oe({ourProps:o,theirProps:r,defaultTag:et,name:"Popover.Group"}))})),rt=Object.assign(Ze,{Group:nt}),ot=t.createContext(null);function lt(){let e=t.useContext(ot);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,lt),e}return e}function at(){let[e,n]=t.useState([]);return[e.length>0?e.join(" "):void 0,t.useMemo((()=>function(e){let r=ee((e=>(n((t=>[...t,e])),()=>n((t=>{let n=t.slice(),r=n.indexOf(e);return-1!==r&&n.splice(r,1),n}))))),o=t.useMemo((()=>({register:r,slot:e.slot,name:e.name,props:e.props})),[r,e.slot,e.name,e.props]);return l.default.createElement(ot.Provider,{value:o},e.children)}),[n])]}let it=Se((function(e,t){let n=lt(),r=`headlessui-description-${ae()}`,o=ye(t);Q((()=>n.register(r)),[r,n.register]);let l=e;return Oe({ourProps:{ref:o,...n.props,id:r},theirProps:l,slot:n.slot||{},defaultTag:"p",name:n.name||"Description"})})),ut=t.createContext((()=>{}));ut.displayName="StackContext";var ct=(e=>(e[e.Add=0]="Add",e[e.Remove=1]="Remove",e))(ct||{});function st({children:e,onUpdate:n,type:r,element:o,enabled:a}){let i=t.useContext(ut),u=ee(((...e)=>{null==n||n(...e),i(...e)}));return Q((()=>{let e=void 0===a||!0===a;return e&&u(0,r,o),()=>{e&&u(1,r,o)}}),[u,r,o,a]),l.default.createElement(ut.Provider,{value:u},e)}var dt=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(dt||{}),ft=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(ft||{});let pt={0:(e,t)=>e.titleId===t.id?e:{...e,titleId:t.id}},mt=t.createContext(null);function vt(e){let n=t.useContext(mt);if(null===n){let t=new Error(`<${e} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,vt),t}return n}function gt(e,n){t.useEffect((()=>{var t;if(!n||!e)return;let r=Z();function o(e,t,n){let o=e.style.getPropertyValue(t);return Object.assign(e.style,{[t]:n}),r.add((()=>{Object.assign(e.style,{[t]:o})}))}let l=e.documentElement,a=(null!=(t=e.defaultView)?t:window).innerWidth-l.clientWidth;if(o(l,"overflow","hidden"),a>0){o(l,"paddingRight",`${a-(l.clientWidth-l.offsetWidth)}px`)}if(/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0){let e=window.pageYOffset;o(l,"position","fixed"),o(l,"marginTop",`-${e}px`),o(l,"width","100%"),r.add((()=>window.scrollTo(0,e)))}return r.dispose}),[e,n])}function bt(e,t){return ie(t.type,pt,e,t)}mt.displayName="DialogContext";let ht=we.RenderStrategy|we.Static,Et=Se((function(e,n){let{open:r,onClose:o,initialFocus:a,__demoMode:i=!1,...u}=e,[c,s]=t.useState(0),d=t.useContext(je);void 0===r&&null!==d&&(r=ie(d,{[De.Open]:!0,[De.Closed]:!1}));let f=t.useRef(new Set),p=t.useRef(null),m=ye(p,n),v=t.useRef(null),g=He(p),b=e.hasOwnProperty("open")||null!==d,h=e.hasOwnProperty("onClose");if(!b&&!h)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(!h)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if("boolean"!=typeof r)throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${r}`);if("function"!=typeof o)throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${o}`);let E=r?0:1,[y,w]=t.useReducer(bt,{titleId:null,descriptionId:null,panelRef:t.createRef()}),P=ee((()=>o(!1))),O=ee((e=>w({type:0,id:e}))),N=!!ne()&&(!i&&0===E),C=c>1,S=null!==t.useContext(mt),x=C?"parent":"leaf";Ge(p,!!C&&N),he((()=>{var e,t;return[...Array.from(null!=(e=null==g?void 0:g.querySelectorAll("body > *, [data-headlessui-portal]"))?e:[]).filter((e=>!(!(e instanceof HTMLElement)||e.contains(v.current)||y.panelRef.current&&e.contains(y.panelRef.current)))),null!=(t=y.panelRef.current)?t:p.current]}),P,N&&!C),$e(null==g?void 0:g.defaultView,"keydown",(e=>{e.defaultPrevented||e.key===Re.Escape&&0===E&&(C||(e.preventDefault(),e.stopPropagation(),P()))})),gt(g,0===E&&!S),t.useEffect((()=>{if(0!==E||!p.current)return;let e=new IntersectionObserver((e=>{for(let t of e)0===t.boundingClientRect.x&&0===t.boundingClientRect.y&&0===t.boundingClientRect.width&&0===t.boundingClientRect.height&&P()}));return e.observe(p.current),()=>e.disconnect()}),[E,p,P]);let[T,F]=at(),k=`headlessui-dialog-${ae()}`,A=t.useMemo((()=>[{dialogState:E,close:P,setTitleId:O},y]),[E,y,P,O]),j=t.useMemo((()=>({open:0===E})),[E]),D={ref:m,id:k,role:"dialog","aria-modal":0===E||void 0,"aria-labelledby":y.titleId,"aria-describedby":T};return l.default.createElement(st,{type:"Dialog",enabled:0===E,element:p,onUpdate:ee(((e,t,n)=>{"Dialog"===t&&ie(e,{[ct.Add](){f.current.add(n),s((e=>e+1))},[ct.Remove](){f.current.add(n),s((e=>e-1))}})}))},l.default.createElement(Qe,{force:!0},l.default.createElement(rt,null,l.default.createElement(mt.Provider,{value:A},l.default.createElement(rt.Group,{target:p},l.default.createElement(Qe,{force:!1},l.default.createElement(F,{slot:j,name:"Dialog.Description"},l.default.createElement(Ue,{initialFocus:a,containers:f,features:N?ie(x,{parent:Ue.features.RestoreFocus,leaf:Ue.features.All&~Ue.features.FocusLock}):Ue.features.None},Oe({ourProps:D,theirProps:u,slot:j,defaultTag:"div",features:ht,visible:0===E,name:"Dialog"})))))))),l.default.createElement(Ae,{features:ke.Hidden,ref:v}))})),yt=Se((function(e,n){let[{dialogState:r,close:o}]=vt("Dialog.Overlay"),l=ye(n),a=`headlessui-dialog-overlay-${ae()}`,i=ee((e=>{if(e.target===e.currentTarget){if(Fe(e.currentTarget))return e.preventDefault();e.preventDefault(),e.stopPropagation(),o()}}));return Oe({ourProps:{ref:l,id:a,"aria-hidden":!0,onClick:i},theirProps:e,slot:t.useMemo((()=>({open:0===r})),[r]),defaultTag:"div",name:"Dialog.Overlay"})})),wt=Se((function(e,n){let[{dialogState:r},o]=vt("Dialog.Backdrop"),a=ye(n),i=`headlessui-dialog-backdrop-${ae()}`;t.useEffect((()=>{if(null===o.panelRef.current)throw new Error("A <Dialog.Backdrop /> component is being used, but a <Dialog.Panel /> component is missing.")}),[o.panelRef]);let u=t.useMemo((()=>({open:0===r})),[r]);return l.default.createElement(Qe,{force:!0},l.default.createElement(rt,null,Oe({ourProps:{ref:a,id:i,"aria-hidden":!0},theirProps:e,slot:u,defaultTag:"div",name:"Dialog.Backdrop"})))})),Pt=Se((function(e,n){let[{dialogState:r},o]=vt("Dialog.Panel"),l=ye(n,o.panelRef),a=`headlessui-dialog-panel-${ae()}`,i=t.useMemo((()=>({open:0===r})),[r]),u=ee((e=>{e.stopPropagation()}));return Oe({ourProps:{ref:l,id:a,onClick:u},theirProps:e,slot:i,defaultTag:"div",name:"Dialog.Panel"})})),Ot=Se((function(e,n){let[{dialogState:r,setTitleId:o}]=vt("Dialog.Title"),l=`headlessui-dialog-title-${ae()}`,a=ye(n);t.useEffect((()=>(o(l),()=>o(null))),[l,o]);let i=t.useMemo((()=>({open:0===r})),[r]);return Oe({ourProps:{ref:a,id:l},theirProps:e,slot:i,defaultTag:"h2",name:"Dialog.Title"})})),Nt=Object.assign(Et,{Backdrop:wt,Panel:Pt,Overlay:yt,Title:Ot,Description:it});var Ct="lds-panel",St="lds-panel--header",xt="lds-panel--content",Tt="lds-panel--footer",Ft="lds-panel--loading",kt="lds-panel--loading-indicator";function At(e){var n,r,o,a=e.header,i=e.footer,c=e.className,s=e.wrapperComponent,d=e.wrapperProps,f=e.headerComponent,p=e.headerProps,m=e.contentComponent,v=e.contentProps,g=e.footerComponent,b=e.footerProps,h=e.loading,E=e.children,y=s||t.Fragment,w=f||"header",P=m||"div",O=g||"footer";return l.default.createElement(y,I({},d||{}),a&&l.default.createElement(w,I({},p||{},{className:u(Ct,St,c,null==p?void 0:p.className,(n={},n[Ft]=h,n))}),a),l.default.createElement(P,I({},v||{},{className:u(Ct,xt,c,null==v?void 0:v.className,(r={},r[Ft]=h,r))}),E,h&&l.default.createElement(V,{size:"xxl",className:kt})),i&&l.default.createElement(O,I({},b||{},{className:u(Ct,Tt,c,null==b?void 0:b.className,(o={},o[Ft]=h,o))}),i))}var jt={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-switch",Rt="lds-switch--disabled";e.Button=L,e.ButtonBar=$,e.Input=W,e.LoadingIndicator=V,e.Modal=function(e){var n=e.children,r=e.isOpen,o=e.onClose,a=e.title,i=e.subTitle,c=e.size,s=void 0===c?"md":c,d=e.contentComponent,f=e.contentProps,p=e.buttonBarProps,m=void 0===p?{}:p,v=e.className,g=void 0===v?"":v,b=e.footer,h=t.useMemo((function(){return I(I({},f||{}),{className:u(jt.modalContent,(null==f?void 0:f.className)||"")})}),[f]);return r?l.default.createElement(Nt,{open:r,onClose:o,className:u(jt.modal,jt[s],"lds-web")},l.default.createElement(At,{wrapperComponent:d||"div",wrapperProps:h,className:g,headerComponent:Nt.Title,headerProps:{as:"header"},header:l.default.createElement(l.default.Fragment,null,l.default.createElement("h3",{className:"lds-h2"},a),i?l.default.createElement("p",{className:jt.subTitle},i):null),footer:b,footerComponent:$,footerProps:I(I({},m),{as:"footer"})},n)):null},e.Panel=At,e.Switch=function(e){var t,n=e.children,r=e.disabled,o=e.onChange,a=B(e,["children","disabled","onChange"]);return l.default.createElement("label",{className:u(Dt,(t={},t[Rt]=r,t)),"data-testid":"switch"},n,l.default.createElement("input",I({type:"checkbox",role:"switch",disabled:r,onChange:function(e){return null==o?void 0:o(e.target.checked,e)}},a)))},Object.defineProperty(e,"__esModule",{value:!0})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8slens/lds",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "description": "Lens Design System – Core React Component Library",
   "author": "Mirantis Inc",
   "license": "MIT",
@@ -19,11 +19,11 @@
     "rollup": "rollup -c",
     "clean": "rimraf lib",
     "test": "jest",
-    "lint": "eslint --resolve-plugins-relative-to ../../node_modules/@k8slens/eslint-config .",
-    "format": "eslint --resolve-plugins-relative-to ../../node_modules/@k8slens/eslint-config --fix ."
+    "lint": "eslint .",
+    "format": "eslint --fix ."
   },
   "devDependencies": {
-    "@k8slens/lds-tokens": "^0.7.5",
+    "@k8slens/lds-tokens": "^0.7.8",
     "@storybook/react": "6.5.13",
     "@testing-library/react": "13.4.0"
   },
@@ -47,5 +47,5 @@
       "\\.svg": "<rootDir>/../../__mocks__/SVGStub.js"
     }
   },
-  "gitHead": "2402eea5b44bd9d50fade49b4bbb2d2193b93af5"
+  "gitHead": "87e930b043a2f757aabe0ab114fcf59a069a7f89"
 }

package/lib/web/lds-v0-6-4/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 o(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 l=r(t),a=o(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 c=function(){return c=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},c.apply(this,arguments)};function s(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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}var d,f,p,m,v,g,b,h,E,y="lds-icon",w="lds-icon--svg",P=function(e){var n,r=e.color,o=void 0===r?"default":r,a=e.size,i=void 0===a?"md":a,c=e.className,s=void 0===c?"":c,d=e.children,f=t.useMemo((function(){if("number"==typeof i)return{width:"".concat(i,"px"),height:"".concat(i,"px")}}),[i]);return l.default.createElement("span",{"aria-hidden":!0,className:u(y,s,(n={},n[i]="string"==typeof i&&"md"!==i,n[o]="string"==typeof o&&"default"!==o,n)),style:f},d)},O=function(e){var t=e.icon,n=s(e,["icon"]);return l.default.createElement(P,c({},n,{className:u(n.className,w)}),l.default.createElement(t,null))};function N(){return N=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},N.apply(this,arguments)}var C=function(e){return a.createElement("svg",N({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",width:64,height:64},e),d||(d=a.createElement("circle",{cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:0,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",calcMode:"spline"}))),f||(f=a.createElement("circle",{transform:"rotate(45 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.125s",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",calcMode:"spline"}))),p||(p=a.createElement("circle",{transform:"rotate(90 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.25s",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",calcMode:"spline"}))),m||(m=a.createElement("circle",{transform:"rotate(135 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.375s",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",calcMode:"spline"}))),v||(v=a.createElement("circle",{transform:"rotate(180 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.5s",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",calcMode:"spline"}))),g||(g=a.createElement("circle",{transform:"rotate(225 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.625s",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",calcMode:"spline"}))),b||(b=a.createElement("circle",{transform:"rotate(270 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.75s",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",calcMode:"spline"}))),h||(h=a.createElement("circle",{transform:"rotate(315 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.875s",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",calcMode:"spline"}))),E||(E=a.createElement("circle",{transform:"rotate(180 16 16)",cx:16,cy:3,r:0},a.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.5s",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",calcMode:"spline"}))))},S=function(e){var t=s(e,[]);return l.default.createElement(O,c({icon:C},t))},x="lds-button",T="lds-button--all-caps",F="lds-button--icon",k="lds-button--icon-r",A="lds-button--discreet",j="lds-button--loading",D="lds-button--spinner",R="lds-button--label",M=S;var L=t.forwardRef((function(e,n){var r,o=e.label,a=e.primary,i=e.discreet,c=e.allCaps,s=e.disabled,d=void 0!==s&&s,f=e.loading,p=void 0!==f&&f,m=e.className,v=e["aria-label"],g=e.id,b=e.type,h=void 0===b?"default":b,E=e.buttonType,y=void 0===E?"button":E,w=e.icon,P=e.iconPosition,O=void 0===P?"left":P,N=e.loadingStateOnPromise,C=void 0!==N&&N,S=e.onClick,L=e.children,I=t.useRef(!0);t.useEffect((function(){return I.current=!0,function(){I.current=!1}}),[]);var B=t.useState(!1),H=B[0],$=B[1],q=p||H,U=t.useCallback((function(e){if("function"==typeof S&&!q){var t=S(e);C&&function(e){return"object"==typeof e&&null!==e&&"then"in e&&"function"==typeof e.then}(t)&&($(!0),t.finally((function(){I.current&&$(!1)})))}}),[S,q,C]);return a&&(h="primary"),l.default.createElement("button",{ref:n,id:g,type:y,onClick:U,className:u(x,m,h,(r={},r[T]=c,r[A]=i,r[j]=q,r)),"aria-label":v||("string"==typeof o?o:""),disabled:d||H},w&&"left"===O&&l.default.createElement(w,{className:F}),l.default.createElement("span",{className:R},o),L,w&&"right"===O&&l.default.createElement(w,{className:u(F,k)}),q&&l.default.createElement(l.default.Fragment,null,l.default.createElement(M,{className:u(F,D)}),l.default.createElement("span",{className:"lds-only-aria","aria-live":"polite","aria-busy":"true"}," ","Loading")))})),I=function(){return I=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},I.apply(this,arguments)};function B(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 o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}var H={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 $(e){var n,r=e.as,o=void 0===r?"div":r,a=e.type,i=void 0===a?"default":a,c=e.gridSize,s=e.children,d=B(e,["as","type","gridSize","children"]),f=t.useMemo((function(){return"number"==typeof c?c:t.Children.toArray(s).filter((function(e){return t.isValidElement(e)})).length}),[c,s]);return l.default.createElement(o,I({},d,{className:u(H.buttonBar,d.className||"",(n={},n[H[i]]="default"!==i&&"grid"!==i,n[H.bGrid]="grid"===i,n[H["grid-".concat(f)]]="grid"===i,n))}),s)}var q="lds-input--wrapper",U="lds-input",z="lds-input--with-icon",_="lds-input--icon",W=t.forwardRef((function(e,t){var n,r=e.icon,o=e.wrapperProps,a=B(e,["icon","wrapperProps"]);return l.default.createElement("div",I({},o,{className:u(q,null==o?void 0:o.className,(n={},n[z]=r,n))}),l.default.createElement("input",I({ref:t},a,{className:u(U,(null==a?void 0:a.className)||"")})),r&&l.default.createElement(r,{className:_}))})),Y="lds-loading-indicator",G=S,V=function(e){var t=e.size,n=e.className;return l.default.createElement("div",{className:u(Y,n)},l.default.createElement(G,{size:t}))};const K="undefined"==typeof window||"undefined"==typeof document;let Q=K?t.useEffect:t.useLayoutEffect;function J(e){let n=t.useRef(e);return Q((()=>{n.current=e}),[e]),n}function X(e){"function"==typeof queueMicrotask?queueMicrotask(e):Promise.resolve().then(e).catch((e=>setTimeout((()=>{throw e}))))}function Z(){let e=[],t=[],n={enqueue(e){t.push(e)},addEventListener:(e,t,r,o)=>(e.addEventListener(t,r,o),n.add((()=>e.removeEventListener(t,r,o)))),requestAnimationFrame(...e){let t=requestAnimationFrame(...e);return n.add((()=>cancelAnimationFrame(t)))},nextFrame:(...e)=>n.requestAnimationFrame((()=>n.requestAnimationFrame(...e))),setTimeout(...e){let t=setTimeout(...e);return n.add((()=>clearTimeout(t)))},microTask(...e){let t={current:!0};return X((()=>{t.current&&e[0]()})),n.add((()=>{t.current=!1}))},add:t=>(e.push(t),()=>{let n=e.indexOf(t);if(n>=0){let[t]=e.splice(n,1);t()}}),dispose(){for(let t of e.splice(0))t()},async workQueue(){for(let e of t.splice(0))await e()}};return n}let ee=function(e){let t=J(e);return l.default.useCallback(((...e)=>t.current(...e)),[t])},te={serverHandoffComplete:!1};function ne(){let[e,n]=t.useState(te.serverHandoffComplete);return t.useEffect((()=>{!0!==e&&n(!0)}),[e]),t.useEffect((()=>{!1===te.serverHandoffComplete&&(te.serverHandoffComplete=!0)}),[]),e}var re;let oe=0;function le(){return++oe}let ae=null!=(re=l.default.useId)?re:function(){let e=ne(),[t,n]=l.default.useState(e?le:null);return Q((()=>{null===t&&n(le())}),[t]),null!=t?""+t:void 0};function ie(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,ie),r}function ue(e){return K?null:e instanceof Node?e.ownerDocument:null!=e&&e.hasOwnProperty("current")&&e.current instanceof Node?e.current.ownerDocument:document}let ce=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map((e=>`${e}:not([tabindex='-1'])`)).join(",");var se=(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))(se||{}),de=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(de||{}),fe=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(fe||{});var pe=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(pe||{});function me(e){null==e||e.focus({preventScroll:!0})}let ve=["textarea","input"].join(",");function ge(e,t,n=!0,r=null){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),o=t(n);if(null===r||null===o)return 0;let l=r.compareDocumentPosition(o);return l&Node.DOCUMENT_POSITION_FOLLOWING?-1:l&Node.DOCUMENT_POSITION_PRECEDING?1:0}))}(e):e:function(e=document.body){return null==e?[]:Array.from(e.querySelectorAll(ce))}(e);r=null!=r?r:o.activeElement;let a,i=(()=>{if(5&t)return 1;if(10&t)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),u=(()=>{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}:{},s=0,d=l.length;do{if(s>=d||s+d<=0)return 0;let e=u+s;if(16&t)e=(e+d)%d;else{if(e<0)return 3;if(e>=d)return 1}a=l[e],null==a||a.focus(c),s+=i}while(a!==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,ve))&&n}(a)&&a.select(),a.hasAttribute("tabindex")||a.setAttribute("tabindex","0"),2}function be(e,n,r){let o=J(n);t.useEffect((()=>{function t(e){o.current(e)}return document.addEventListener(e,t,r),()=>document.removeEventListener(e,t,r)}),[e,r])}function he(e,n,r=!0){let o=t.useRef(!1);function l(t,r){if(!o.current||t.defaultPrevented)return;let l=function e(t){return"function"==typeof t?e(t()):Array.isArray(t)||t instanceof Set?t:[t]}(e),a=r(t);if(null!==a&&a.getRootNode().contains(a)){for(let e of l){if(null===e)continue;let t=e instanceof HTMLElement?e:e.current;if(null!=t&&t.contains(a))return}return!function(e,t=0){var n;return e!==(null==(n=ue(e))?void 0:n.body)&&ie(t,{0:()=>e.matches(ce),1(){let t=e;for(;null!==t;){if(t.matches(ce))return!0;t=t.parentElement}return!1}})}(a,pe.Loose)&&-1!==a.tabIndex&&t.preventDefault(),n(t,a)}}t.useEffect((()=>{requestAnimationFrame((()=>{o.current=r}))}),[r]);let a=t.useRef(null);be("mousedown",(e=>{var t,n;o.current&&(a.current=(null==(n=null==(t=e.composedPath)?void 0:t.call(e))?void 0:n[0])||e.target)}),!0),be("click",(e=>{!a.current||(l(e,(()=>a.current)),a.current=null)}),!0),be("blur",(e=>l(e,(()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null))),!0)}let Ee=Symbol();function ye(...e){let n=t.useRef(e);t.useEffect((()=>{n.current=e}),[e]);let r=ee((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[Ee])))?void 0:r}var we=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(we||{}),Pe=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(Pe||{});function Oe({ourProps:e,theirProps:t,slot:n,defaultTag:r,features:o,visible:l=!0,name:a}){let i=Ce(t,e);if(l)return Ne(i,n,r,a);let u=null!=o?o:0;if(2&u){let{static:e=!1,...t}=i;if(e)return Ne(t,n,r,a)}if(1&u){let{unmount:e=!0,...t}=i;return ie(e?0:1,{0:()=>null,1:()=>Ne({...t,hidden:!0,style:{display:"none"}},n,r,a)})}return Ne(i,n,r,a)}function Ne(e,n={},r,o){let{as:l=r,children:a,refName:i="ref",...u}=Te(e,["unmount","static"]),c=void 0!==e.ref?{[i]:e.ref}:{},s="function"==typeof a?a(n):a;u.className&&"function"==typeof u.className&&(u.className=u.className(n));let d={};if(n){let e=!1,t=[];for(let[r,o]of Object.entries(n))"boolean"==typeof o&&(e=!0),!0===o&&t.push(r);e&&(d["data-headlessui-state"]=t.join(" "))}if(l===t.Fragment&&Object.keys(xe(u)).length>0){if(!t.isValidElement(s)||Array.isArray(s)&&s.length>1)throw new Error(['Passing props on "Fragment"!',"",`The current component <${o} /> 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"));return t.cloneElement(s,Object.assign({},Ce(s.props,xe(Te(u,["ref"]))),d,c,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)}}}(s.ref,c.ref)))}return t.createElement(l,Object.assign({},Te(u,["ref"]),l!==t.Fragment&&c,l!==t.Fragment&&d),s)}function Ce(...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 o=n[e];for(let e of o){if((t instanceof Event||(null==t?void 0:t.nativeEvent)instanceof Event)&&t.defaultPrevented)return;e(t,...r)}}});return t}function Se(e){var n;return Object.assign(t.forwardRef(e),{displayName:null!=(n=e.displayName)?n:e.name})}function xe(e){let t=Object.assign({},e);for(let e in t)void 0===t[e]&&delete t[e];return t}function Te(e,t=[]){let n=Object.assign({},e);for(let e of t)e in n&&delete n[e];return n}function Fe(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 ke=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(ke||{});let Ae=Se((function(e,t){let{features:n=1,...r}=e;return Oe({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"})})),je=t.createContext(null);je.displayName="OpenClosedContext";var De=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(De||{});var Re=(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))(Re||{});function Me(e,n){let r=t.useRef([]),o=ee(e);t.useEffect((()=>{let e=[...r.current];for(let[t,l]of n.entries())if(r.current[t]!==l){let t=o(n,e);return r.current=n,t}}),[o,...n])}var Le=(e=>(e[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e))(Le||{});function Ie(){let e=t.useRef(0);return function(e,n,r){let o=J(n);t.useEffect((()=>{function t(e){o.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 Be(){let e=t.useRef(!1);return Q((()=>(e.current=!0,()=>{e.current=!1})),[]),e}function He(...e){return t.useMemo((()=>ue(...e)),[...e])}function $e(e,n,r,o){let l=J(r);t.useEffect((()=>{function t(e){l.current(e)}return(e=null!=e?e:window).addEventListener(n,t,o),()=>e.removeEventListener(n,t,o)}),[e,n,o])}var qe=(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))(qe||{});let Ue=Object.assign(Se((function(e,n){let r=t.useRef(null),o=ye(r,n),{initialFocus:a,containers:i,features:u=30,...c}=e;ne()||(u=1);let s=He(r);!function({ownerDocument:e},n){let r=t.useRef(null);$e(null==e?void 0:e.defaultView,"focusout",(e=>{!n||r.current||(r.current=e.target)}),!0),Me((()=>{n||((null==e?void 0:e.activeElement)===(null==e?void 0:e.body)&&me(r.current),r.current=null)}),[n]);let o=t.useRef(!1);t.useEffect((()=>(o.current=!1,()=>{o.current=!0,X((()=>{!o.current||(me(r.current),r.current=null)}))})),[])}({ownerDocument:s},Boolean(16&u));let d=function({ownerDocument:e,container:n,initialFocus:r},o){let l=t.useRef(null),a=Be();return Me((()=>{if(!o)return;let t=n.current;!t||X((()=>{if(!a.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(l.current=n)}else if(t.contains(n))return void(l.current=n);null!=r&&r.current?me(r.current):ge(t,se.First)===de.Error&&console.warn("There are no focusable elements inside the <FocusTrap />"),l.current=null==e?void 0:e.activeElement}))}),[o]),l}({ownerDocument:s,container:r,initialFocus:a},Boolean(2&u));!function({ownerDocument:e,container:t,containers:n,previousActiveElement:r},o){let l=Be();$e(null==e?void 0:e.defaultView,"focus",(e=>{if(!o||!l.current)return;let a=new Set(null==n?void 0:n.current);a.add(t);let i=r.current;if(!i)return;let u=e.target;u&&u instanceof HTMLElement?function(e,t){var n;for(let r of e)if(null!=(n=r.current)&&n.contains(t))return!0;return!1}(a,u)?(r.current=u,me(u)):(e.preventDefault(),e.stopPropagation(),me(i)):me(r.current)}),!0)}({ownerDocument:s,container:r,containers:i,previousActiveElement:d},Boolean(8&u));let f=Ie(),p=ee((()=>{let e=r.current;!e||ie(f.current,{[Le.Forwards]:()=>ge(e,se.First),[Le.Backwards]:()=>ge(e,se.Last)})})),m={ref:o};return l.default.createElement(l.default.Fragment,null,Boolean(4&u)&&l.default.createElement(Ae,{as:"button",type:"button",onFocus:p,features:ke.Focusable}),Oe({ourProps:m,theirProps:c,defaultTag:"div",name:"FocusTrap"}),Boolean(4&u)&&l.default.createElement(Ae,{as:"button",type:"button",onFocus:p,features:ke.Focusable}))})),{features:qe});let ze=new Set,_e=new Map;function We(e){e.setAttribute("aria-hidden","true"),e.inert=!0}function Ye(e){let t=_e.get(e);!t||(null===t["aria-hidden"]?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",t["aria-hidden"]),e.inert=t.inert)}function Ge(e,t=!0){Q((()=>{if(!t||!e.current)return;let n=e.current,r=ue(n);if(r){ze.add(n);for(let e of _e.keys())e.contains(n)&&(Ye(e),_e.delete(e));return r.querySelectorAll("body > *").forEach((e=>{if(e instanceof HTMLElement){for(let t of ze)if(e.contains(t))return;1===ze.size&&(_e.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),We(e))}})),()=>{if(ze.delete(n),ze.size>0)r.querySelectorAll("body > *").forEach((e=>{if(e instanceof HTMLElement&&!_e.has(e)){for(let t of ze)if(e.contains(t))return;_e.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),We(e)}}));else for(let e of _e.keys())Ye(e),_e.delete(e)}}}),[t])}let Ve=t.createContext(!1);function Ke(){return t.useContext(Ve)}function Qe(e){return l.default.createElement(Ve.Provider,{value:e.force},e.children)}function Je(e){let n=Ke(),r=t.useContext(tt),o=He(e),[l,a]=t.useState((()=>{if(!n&&null!==r||K)return null;let e=null==o?void 0:o.getElementById("headlessui-portal-root");if(e)return e;if(null===o)return null;let t=o.createElement("div");return t.setAttribute("id","headlessui-portal-root"),o.body.appendChild(t)}));return t.useEffect((()=>{null!==l&&(null!=o&&o.body.contains(l)||null==o||o.body.appendChild(l))}),[l,o]),t.useEffect((()=>{n||null!==r&&a(r.current)}),[r,a,n]),l}let Xe=t.Fragment,Ze=Se((function(e,r){let o=e,l=t.useRef(null),a=ye(function(e,t=!0){return Object.assign(e,{[Ee]:t})}((e=>{l.current=e})),r),i=He(l),u=Je(l),[c]=t.useState((()=>{var e;return K?null:null!=(e=null==i?void 0:i.createElement("div"))?e:null})),s=ne(),d=t.useRef(!1);return Q((()=>{if(d.current=!1,u&&c)return u.contains(c)||(c.setAttribute("data-headlessui-portal",""),u.appendChild(c)),()=>{d.current=!0,X((()=>{var e;!d.current||!u||!c||(u.removeChild(c),u.childNodes.length<=0&&(null==(e=u.parentElement)||e.removeChild(u)))}))}}),[u,c]),s&&u&&c?n.createPortal(Oe({ourProps:{ref:a},theirProps:o,defaultTag:Xe,name:"Portal"}),c):null})),et=t.Fragment,tt=t.createContext(null),nt=Se((function(e,t){let{target:n,...r}=e,o={ref:ye(t)};return l.default.createElement(tt.Provider,{value:n},Oe({ourProps:o,theirProps:r,defaultTag:et,name:"Popover.Group"}))})),rt=Object.assign(Ze,{Group:nt}),ot=t.createContext(null);function lt(){let e=t.useContext(ot);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,lt),e}return e}function at(){let[e,n]=t.useState([]);return[e.length>0?e.join(" "):void 0,t.useMemo((()=>function(e){let r=ee((e=>(n((t=>[...t,e])),()=>n((t=>{let n=t.slice(),r=n.indexOf(e);return-1!==r&&n.splice(r,1),n}))))),o=t.useMemo((()=>({register:r,slot:e.slot,name:e.name,props:e.props})),[r,e.slot,e.name,e.props]);return l.default.createElement(ot.Provider,{value:o},e.children)}),[n])]}let it=Se((function(e,t){let n=lt(),r=`headlessui-description-${ae()}`,o=ye(t);Q((()=>n.register(r)),[r,n.register]);let l=e;return Oe({ourProps:{ref:o,...n.props,id:r},theirProps:l,slot:n.slot||{},defaultTag:"p",name:n.name||"Description"})})),ut=t.createContext((()=>{}));ut.displayName="StackContext";var ct=(e=>(e[e.Add=0]="Add",e[e.Remove=1]="Remove",e))(ct||{});function st({children:e,onUpdate:n,type:r,element:o,enabled:a}){let i=t.useContext(ut),u=ee(((...e)=>{null==n||n(...e),i(...e)}));return Q((()=>{let e=void 0===a||!0===a;return e&&u(0,r,o),()=>{e&&u(1,r,o)}}),[u,r,o,a]),l.default.createElement(ut.Provider,{value:u},e)}var dt=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(dt||{}),ft=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(ft||{});let pt={0:(e,t)=>e.titleId===t.id?e:{...e,titleId:t.id}},mt=t.createContext(null);function vt(e){let n=t.useContext(mt);if(null===n){let t=new Error(`<${e} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,vt),t}return n}function gt(e,n){t.useEffect((()=>{var t;if(!n||!e)return;let r=Z();function o(e,t,n){let o=e.style.getPropertyValue(t);return Object.assign(e.style,{[t]:n}),r.add((()=>{Object.assign(e.style,{[t]:o})}))}let l=e.documentElement,a=(null!=(t=e.defaultView)?t:window).innerWidth-l.clientWidth;if(o(l,"overflow","hidden"),a>0){o(l,"paddingRight",`${a-(l.clientWidth-l.offsetWidth)}px`)}if(/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0){let e=window.pageYOffset;o(l,"position","fixed"),o(l,"marginTop",`-${e}px`),o(l,"width","100%"),r.add((()=>window.scrollTo(0,e)))}return r.dispose}),[e,n])}function bt(e,t){return ie(t.type,pt,e,t)}mt.displayName="DialogContext";let ht=we.RenderStrategy|we.Static,Et=Se((function(e,n){let{open:r,onClose:o,initialFocus:a,__demoMode:i=!1,...u}=e,[c,s]=t.useState(0),d=t.useContext(je);void 0===r&&null!==d&&(r=ie(d,{[De.Open]:!0,[De.Closed]:!1}));let f=t.useRef(new Set),p=t.useRef(null),m=ye(p,n),v=t.useRef(null),g=He(p),b=e.hasOwnProperty("open")||null!==d,h=e.hasOwnProperty("onClose");if(!b&&!h)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(!h)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if("boolean"!=typeof r)throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${r}`);if("function"!=typeof o)throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${o}`);let E=r?0:1,[y,w]=t.useReducer(bt,{titleId:null,descriptionId:null,panelRef:t.createRef()}),P=ee((()=>o(!1))),O=ee((e=>w({type:0,id:e}))),N=!!ne()&&(!i&&0===E),C=c>1,S=null!==t.useContext(mt),x=C?"parent":"leaf";Ge(p,!!C&&N),he((()=>{var e,t;return[...Array.from(null!=(e=null==g?void 0:g.querySelectorAll("body > *, [data-headlessui-portal]"))?e:[]).filter((e=>!(!(e instanceof HTMLElement)||e.contains(v.current)||y.panelRef.current&&e.contains(y.panelRef.current)))),null!=(t=y.panelRef.current)?t:p.current]}),P,N&&!C),$e(null==g?void 0:g.defaultView,"keydown",(e=>{e.defaultPrevented||e.key===Re.Escape&&0===E&&(C||(e.preventDefault(),e.stopPropagation(),P()))})),gt(g,0===E&&!S),t.useEffect((()=>{if(0!==E||!p.current)return;let e=new IntersectionObserver((e=>{for(let t of e)0===t.boundingClientRect.x&&0===t.boundingClientRect.y&&0===t.boundingClientRect.width&&0===t.boundingClientRect.height&&P()}));return e.observe(p.current),()=>e.disconnect()}),[E,p,P]);let[T,F]=at(),k=`headlessui-dialog-${ae()}`,A=t.useMemo((()=>[{dialogState:E,close:P,setTitleId:O},y]),[E,y,P,O]),j=t.useMemo((()=>({open:0===E})),[E]),D={ref:m,id:k,role:"dialog","aria-modal":0===E||void 0,"aria-labelledby":y.titleId,"aria-describedby":T};return l.default.createElement(st,{type:"Dialog",enabled:0===E,element:p,onUpdate:ee(((e,t,n)=>{"Dialog"===t&&ie(e,{[ct.Add](){f.current.add(n),s((e=>e+1))},[ct.Remove](){f.current.add(n),s((e=>e-1))}})}))},l.default.createElement(Qe,{force:!0},l.default.createElement(rt,null,l.default.createElement(mt.Provider,{value:A},l.default.createElement(rt.Group,{target:p},l.default.createElement(Qe,{force:!1},l.default.createElement(F,{slot:j,name:"Dialog.Description"},l.default.createElement(Ue,{initialFocus:a,containers:f,features:N?ie(x,{parent:Ue.features.RestoreFocus,leaf:Ue.features.All&~Ue.features.FocusLock}):Ue.features.None},Oe({ourProps:D,theirProps:u,slot:j,defaultTag:"div",features:ht,visible:0===E,name:"Dialog"})))))))),l.default.createElement(Ae,{features:ke.Hidden,ref:v}))})),yt=Se((function(e,n){let[{dialogState:r,close:o}]=vt("Dialog.Overlay"),l=ye(n),a=`headlessui-dialog-overlay-${ae()}`,i=ee((e=>{if(e.target===e.currentTarget){if(Fe(e.currentTarget))return e.preventDefault();e.preventDefault(),e.stopPropagation(),o()}}));return Oe({ourProps:{ref:l,id:a,"aria-hidden":!0,onClick:i},theirProps:e,slot:t.useMemo((()=>({open:0===r})),[r]),defaultTag:"div",name:"Dialog.Overlay"})})),wt=Se((function(e,n){let[{dialogState:r},o]=vt("Dialog.Backdrop"),a=ye(n),i=`headlessui-dialog-backdrop-${ae()}`;t.useEffect((()=>{if(null===o.panelRef.current)throw new Error("A <Dialog.Backdrop /> component is being used, but a <Dialog.Panel /> component is missing.")}),[o.panelRef]);let u=t.useMemo((()=>({open:0===r})),[r]);return l.default.createElement(Qe,{force:!0},l.default.createElement(rt,null,Oe({ourProps:{ref:a,id:i,"aria-hidden":!0},theirProps:e,slot:u,defaultTag:"div",name:"Dialog.Backdrop"})))})),Pt=Se((function(e,n){let[{dialogState:r},o]=vt("Dialog.Panel"),l=ye(n,o.panelRef),a=`headlessui-dialog-panel-${ae()}`,i=t.useMemo((()=>({open:0===r})),[r]),u=ee((e=>{e.stopPropagation()}));return Oe({ourProps:{ref:l,id:a,onClick:u},theirProps:e,slot:i,defaultTag:"div",name:"Dialog.Panel"})})),Ot=Se((function(e,n){let[{dialogState:r,setTitleId:o}]=vt("Dialog.Title"),l=`headlessui-dialog-title-${ae()}`,a=ye(n);t.useEffect((()=>(o(l),()=>o(null))),[l,o]);let i=t.useMemo((()=>({open:0===r})),[r]);return Oe({ourProps:{ref:a,id:l},theirProps:e,slot:i,defaultTag:"h2",name:"Dialog.Title"})})),Nt=Object.assign(Et,{Backdrop:wt,Panel:Pt,Overlay:yt,Title:Ot,Description:it});var Ct="lds-panel",St="lds-panel--header",xt="lds-panel--content",Tt="lds-panel--footer",Ft="lds-panel--loading",kt="lds-panel--loading-indicator";function At(e){var n,r,o,a=e.header,i=e.footer,c=e.className,s=e.wrapperComponent,d=e.wrapperProps,f=e.headerComponent,p=e.headerProps,m=e.contentComponent,v=e.contentProps,g=e.footerComponent,b=e.footerProps,h=e.loading,E=e.children,y=s||t.Fragment,w=f||"header",P=m||"div",O=g||"footer";return l.default.createElement(y,I({},d||{}),a&&l.default.createElement(w,I({},p||{},{className:u(Ct,St,c,null==p?void 0:p.className,(n={},n[Ft]=h,n))}),a),l.default.createElement(P,I({},v||{},{className:u(Ct,xt,c,null==v?void 0:v.className,(r={},r[Ft]=h,r))}),E,h&&l.default.createElement(V,{size:"xxl",className:kt})),i&&l.default.createElement(O,I({},b||{},{className:u(Ct,Tt,c,null==b?void 0:b.className,(o={},o[Ft]=h,o))}),i))}var jt={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-switch",Rt="lds-switch--disabled";e.Button=L,e.ButtonBar=$,e.Input=W,e.LoadingIndicator=V,e.Modal=function(e){var n=e.children,r=e.isOpen,o=e.onClose,a=e.title,i=e.subTitle,c=e.size,s=void 0===c?"md":c,d=e.contentComponent,f=e.contentProps,p=e.buttonBarProps,m=void 0===p?{}:p,v=e.className,g=void 0===v?"":v,b=e.footer,h=t.useMemo((function(){return I(I({},f||{}),{className:u(jt.modalContent,(null==f?void 0:f.className)||"")})}),[f]);return r?l.default.createElement(Nt,{open:r,onClose:o,className:u(jt.modal,jt[s],"lds-web")},l.default.createElement(At,{wrapperComponent:d||"div",wrapperProps:h,className:g,headerComponent:Nt.Title,headerProps:{as:"header"},header:l.default.createElement(l.default.Fragment,null,l.default.createElement("h3",{className:"lds-h2"},a),i?l.default.createElement("p",{className:jt.subTitle},i):null),footer:b,footerComponent:$,footerProps:I(I({},m),{as:"footer"})},n)):null},e.Panel=At,e.Switch=function(e){var t,n=e.children,r=e.disabled,o=e.onChange,a=B(e,["children","disabled","onChange"]);return l.default.createElement("label",{className:u(Dt,(t={},t[Rt]=r,t)),"data-testid":"switch"},n,l.default.createElement("input",I({type:"checkbox",role:"switch",disabled:r,onChange:function(e){return null==o?void 0:o(e.target.checked,e)}},a)))},Object.defineProperty(e,"__esModule",{value:!0})}));