@k8slens/lds 0.55.13 → 0.57.0

package/lib/es/Select/SelectDropdown.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, RefObject } from "react";
+import React, { PropsWithChildren, RefObject } from "react";
 export interface SelectDropdownProps {
     /**
      * Ref to the button that opens the dropdown
@@ -26,4 +26,4 @@ export interface SelectDropdownProps {
 /**
  * SelectDropdown is a component that displays a dropdown menu of links. Uses Popper.js for positioning.
  */
-export default function SelectDropdown({ buttonRef, listRef, openingDirection, maxHeight, children, grouped, }: PropsWithChildren<SelectDropdownProps>): JSX.Element;
+export default function SelectDropdown({ buttonRef, listRef, openingDirection, maxHeight, children, grouped, }: PropsWithChildren<SelectDropdownProps>): React.JSX.Element;

package/lib/es/Select/SelectDropdown.js

@@ -1 +1 @@
-import t,{useCallback as e,useEffect as n,Fragment as r}from"react";import{Transition as o}from"@headlessui/react";import{SpacingMd as a}from"../node_modules/@k8slens/lds-tokens/lib/web/tokens.base.js";import{convertRemToPixels as i,getScrollableContainer as u}from"../helpers.js";var c=i(a)||0;function l(a){var i=a.buttonRef,l=a.listRef,d=a.openingDirection,s=void 0===d?"auto":d,m=a.maxHeight,v=a.children,p=a.grouped,g=e((function(){var t;if((null==l?void 0:l.current)&&i.current&&null===l.current.getAttribute("data-placement")){var e=u(i.current),n=window.getComputedStyle(e),r=parseFloat(n.paddingTop),o=parseFloat(n.paddingBottom),a=i.current.getBoundingClientRect().height||0,d=i.current.getBoundingClientRect().width||0,v=(e.getBoundingClientRect().height||0)-r-o,p=e.getBoundingClientRect().top||0,g=(i.current.getBoundingClientRect().top||0)-p||p,f=g,b=v-g-a,h=(null===(t=l.current)||void 0===t?void 0:t.getBoundingClientRect().height)||0;if("auto"===s?"above"===(!(b>=h)&&f>1.5*b?"above":"below"):"above"===s){var y=f-c;l.current.setAttribute("data-placement","top"),l.current.style.top="auto",l.current.style.bottom="".concat(a,"px"),l.current.style.maxHeight="".concat(void 0!==m?Math.min(m,y):y,"px")}else{var x=b-c;l.current.setAttribute("data-placement","bottom"),l.current.style.bottom="auto",l.current.style.top="".concat(a,"px"),l.current.style.maxHeight="".concat(void 0!==m?Math.min(m,x):x,"px")}l.current.style.maxWidth="".concat(d,"px")}}),[i,l,s,m]);n((function(){var t,e=l.current;if(e){var n=new MutationObserver((function(){var t;null===(t=null==l?void 0:l.current)||void 0===t||t.removeAttribute("data-placement"),g()}));return n.observe(e,{childList:!0,subtree:null!=p&&p}),null===(t=null==l?void 0:l.current)||void 0===t||t.removeAttribute("data-placement"),g(),function(){n.disconnect()}}}),[p,l,null==l?void 0:l.current,g]);return t.createElement(o,{as:r,beforeEnter:function(){g()},afterLeave:function(){var t;null===(t=null==l?void 0:l.current)||void 0===t||t.removeAttribute("data-placement")},enter:"transition duration-75 ease-in-out",enterFrom:"transform scale-95 opacity-0",enterTo:"transform scale-100 opacity-100",leave:"transition duration-100 ease-in-out",leaveFrom:"transform scale-100 opacity-100",leaveTo:"transform scale-95 opacity-0"},v)}export{l as default};
+import t,{useCallback as e,useEffect as n}from"react";import{Transition as r}from"@headlessui/react";import{SpacingMd as o}from"../node_modules/@k8slens/lds-tokens/lib/web/tokens.base.js";import{convertRemToPixels as a,getScrollableContainer as i}from"../helpers.js";var u=a(o)||0;function c(o){var a=o.buttonRef,c=o.listRef,l=o.openingDirection,d=void 0===l?"auto":l,s=o.maxHeight,m=o.children,v=o.grouped,p=e((function(){var t;if((null==c?void 0:c.current)&&a.current&&null===c.current.getAttribute("data-placement")){var e=i(a.current),n=window.getComputedStyle(e),r=parseFloat(n.paddingTop),o=parseFloat(n.paddingBottom),l=a.current.getBoundingClientRect().height||0,m=a.current.getBoundingClientRect().width||0,v=(e.getBoundingClientRect().height||0)-r-o,p=e.getBoundingClientRect().top||0,g=(a.current.getBoundingClientRect().top||0)-p||p,f=g,b=v-g-l,h=(null===(t=c.current)||void 0===t?void 0:t.getBoundingClientRect().height)||0;if("auto"===d?"above"===(!(b>=h)&&f>1.5*b?"above":"below"):"above"===d){var y=f-u;c.current.setAttribute("data-placement","top"),c.current.style.top="auto",c.current.style.bottom="".concat(l,"px"),c.current.style.maxHeight="".concat(void 0!==s?Math.min(s,y):y,"px")}else{var x=b-u;c.current.setAttribute("data-placement","bottom"),c.current.style.bottom="auto",c.current.style.top="".concat(l,"px"),c.current.style.maxHeight="".concat(void 0!==s?Math.min(s,x):x,"px")}c.current.style.maxWidth="".concat(m,"px")}}),[a,c,d,s]);n((function(){var t,e=c.current;if(e){var n=new MutationObserver((function(){var t;null===(t=null==c?void 0:c.current)||void 0===t||t.removeAttribute("data-placement"),p()}));return n.observe(e,{childList:!0,subtree:null!=v&&v}),null===(t=null==c?void 0:c.current)||void 0===t||t.removeAttribute("data-placement"),p(),function(){n.disconnect()}}}),[v,c,null==c?void 0:c.current,p]);return t.createElement(r,{beforeEnter:function(){p()},afterLeave:function(){var t;null===(t=null==c?void 0:c.current)||void 0===t||t.removeAttribute("data-placement")},enter:"transition duration-75 ease-in-out",enterFrom:"transform scale-95 opacity-0",enterTo:"transform scale-100 opacity-100",leave:"transition duration-100 ease-in-out",leaveFrom:"transform scale-100 opacity-100",leaveTo:"transform scale-95 opacity-0"},m)}export{c as default};

package/lib/es/SideNav/SideNavGroup.d.ts

@@ -31,7 +31,7 @@ export interface SideNavGroupPropsWithoutLabel<Component extends React.ElementTy
  * import { SideNavGroup } from @k8slens/lds
  * ```
  */
-declare function SideNavGroup<C extends keyof JSX.IntrinsicElements | React.ElementType = "nav">({ component, componentProps, id, className, children, ...props }: SideNavGroupPropsWithLabel<C> | SideNavGroupPropsWithoutLabel<C>): JSX.Element;
+declare function SideNavGroup<C extends keyof JSX.IntrinsicElements | React.ElementType = "nav">({ component, componentProps, id, className, children, ...props }: SideNavGroupPropsWithLabel<C> | SideNavGroupPropsWithoutLabel<C>): React.JSX.Element;
 declare namespace SideNavGroup {
     var displayName: string;
 }

package/lib/es/SideNav/SideNavItem.d.ts

@@ -27,7 +27,7 @@ export interface SideNavItemProps<Component extends React.ElementType | keyof JS
  * import { SideNavItem } from @k8slens/lds
  * ```
  */
-declare function SideNavItem<C extends keyof JSX.IntrinsicElements | React.ElementType = "a">({ component, componentProps, active, disabled, className, children, type, externalLink, ...props }: SideNavItemProps<C>): JSX.Element;
+declare function SideNavItem<C extends keyof JSX.IntrinsicElements | React.ElementType = "a">({ component, componentProps, active, disabled, className, children, type, externalLink, ...props }: SideNavItemProps<C>): React.JSX.Element;
 declare namespace SideNavItem {
     var displayName: string;
 }

package/lib/es/Switch/Switch.d.ts

@@ -1,5 +1,6 @@
 import type { ChangeEvent, HTMLProps } from "react";
+import React from "react";
 export interface SwitchProps extends Omit<HTMLProps<HTMLInputElement>, "onChange"> {
     onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
 }
-export declare function Switch({ className, children, disabled, onChange, ...props }: SwitchProps): JSX.Element;
+export declare function Switch({ className, children, disabled, onChange, ...props }: SwitchProps): React.JSX.Element;

package/lib/es/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes, type ReactElement } from "react";
+import React, { type HTMLAttributes, type ReactElement } from "react";
 import { type Placement } from "@popperjs/core";
 export interface TooltipProps {
     /**
@@ -23,4 +23,4 @@ export interface SpanTooltipProps extends Omit<HTMLAttributes<HTMLSpanElement>,
 export interface DivTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "aria-describedby">, TooltipProps {
     wrapper: "div";
 }
-export default function Tooltip({ id, wrapper: Wrapper, mutationsListenerElement: initialMutationsListenerElement, popupClassName, placement, alwaysVisible, text, children, ...props }: SpanTooltipProps | DivTooltipProps): JSX.Element;
+export default function Tooltip({ id, wrapper: Wrapper, mutationsListenerElement: initialMutationsListenerElement, popupClassName, placement, alwaysVisible, text, children, ...props }: SpanTooltipProps | DivTooltipProps): React.JSX.Element;

package/lib/es/UserMenu/DefaultHeader.d.ts

@@ -4,4 +4,4 @@ export declare const DefaultHeader: ({ licenseText, noLicenseText, onClick, disa
     noLicenseText?: string | undefined;
     onClick?: ((e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void) | undefined;
     disabled?: boolean | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/es/UserMenu/UserMenu.d.ts

@@ -52,4 +52,4 @@ export declare type UserMenuProps = DefaultUserMenuProps | CustomUserMenuProps;
 /**
  * UserMenu is a component that displays a user's information and a dropdown menu of links.
  */
-export default function UserMenu({ user, header, footer, origin, className, onLogoutClick, loading, ...props }: UserMenuProps): JSX.Element;
+export default function UserMenu({ user, header, footer, origin, className, onLogoutClick, loading, ...props }: UserMenuProps): React.JSX.Element;

package/lib/es/UserMenu/UserMenu.js

@@ -1 +1 @@
-import{__rest as e,__assign as o}from"../_virtual/_tslib.js";import r,{useRef as t,useMemo as n}from"react";import a from"clsx";import{Menu as i}from"@headlessui/react";import{navigation as l}from"@k8slens/lds-icons";import s from"../ProfileBlock/ProfileBlock.js";import{defaultItems as m,defaultOrigin as c}from"./default-items.js";import u from"./UserMenuDropdown.js";import f from"./UserMenu.module.css.js";var d=l.ArrowDownIcon,p=l.ArrowUpIcon;function g(l){var g=l.user,v=l.header,b=l.footer,k=l.origin,E=void 0===k?c:k,N=l.className,h=l.onLogoutClick,w=l.loading,j=e(l,["user","header","footer","origin","className","onLogoutClick","loading"]),B=t(null),D=j.buttonRef?j.buttonRef:B,I=n((function(){return("items"in j?j.items:m).map((function(e){return{children:e.children.map((function(e){return"logout"===e.key?o(o({},e),{onClick:h}):e}))}}))}),[j,h]),C=n((function(){return{avatar:g.avatar,avatarTitle:g.name,title:"@".concat(g.username),subtitle:g.name}}),[g]);return r.createElement(i,null,(function(e){var o,t=e.open;return r.createElement("div",{className:a(f.userMenu,N)},r.createElement(i.Button,{className:a(f.button,(o={},o[f.open]=t,o[f.disabled]=w,o)),ref:D,disabled:w},r.createElement(s,{item:C,loading:w,className:f.profileBlock}),t?r.createElement(p,{className:f.dropDownIcon}):r.createElement(d,{className:f.dropDownIcon})),r.createElement(u,{open:t,header:v,footer:b,origin:E,groups:I,buttonRef:D}))}))}export{g as default};
+import{__rest as e,__assign as o}from"../_virtual/_tslib.js";import r,{useRef as t,useMemo as n}from"react";import a from"clsx";import{Menu as i,MenuButton as l}from"@headlessui/react";import{navigation as s}from"@k8slens/lds-icons";import m from"../ProfileBlock/ProfileBlock.js";import{defaultItems as c,defaultOrigin as u}from"./default-items.js";import f from"./UserMenuDropdown.js";import d from"./UserMenu.module.css.js";var p=s.ArrowDownIcon,g=s.ArrowUpIcon;function v(s){var v=s.user,b=s.header,k=s.footer,E=s.origin,N=void 0===E?u:E,h=s.className,w=s.onLogoutClick,j=s.loading,D=e(s,["user","header","footer","origin","className","onLogoutClick","loading"]),I=t(null),B=D.buttonRef?D.buttonRef:I,C=n((function(){return("items"in D?D.items:c).map((function(e){return{children:e.children.map((function(e){return"logout"===e.key?o(o({},e),{onClick:w}):e}))}}))}),[D,w]),M=n((function(){return{avatar:v.avatar,avatarTitle:v.name,title:"@".concat(v.username),subtitle:v.name}}),[v]);return r.createElement(i,null,(function(e){var o,t=e.open;return r.createElement("div",{className:a(d.userMenu,h)},r.createElement(l,{className:a(d.button,(o={},o[d.open]=t,o[d.disabled]=j,o)),ref:B,disabled:j},r.createElement(m,{item:M,loading:j,className:d.profileBlock}),t?r.createElement(g,{className:d.dropDownIcon}):r.createElement(p,{className:d.dropDownIcon})),r.createElement(f,{open:t,header:b,footer:k,origin:N,groups:C,buttonRef:B}))}))}export{v as default};

package/lib/es/UserMenu/UserMenuDropdown.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, RefObject } from "react";
+import React, { ReactNode, RefObject } from "react";
 import { MenuItemGroup } from "./default-items";
 export interface UserMenuDropdownProps {
     /**
@@ -33,4 +33,4 @@ export interface UserMenuDropdownProps {
 /**
  * UserMenuDropdown is a component that displays a dropdown menu of links. Uses Popper.js for positioning.
  */
-export default function UserMenuDropdown({ header, footer, origin, className, groups, open, buttonRef, }: UserMenuDropdownProps): JSX.Element;
+export default function UserMenuDropdown({ header, footer, origin, className, groups, open, buttonRef, }: UserMenuDropdownProps): React.JSX.Element;

package/lib/es/UserMenu/UserMenuDropdown.js

@@ -1 +1 @@
-import{__assign as e}from"../_virtual/_tslib.js";import t,{useRef as o}from"react";import{Transition as n,Menu as r}from"@headlessui/react";import{usePopper as i}from"react-popper";import a from"clsx";import{SpacingLg as s,TransitionDurationDefault as m}from"../node_modules/@k8slens/lds-tokens/lib/web/tokens.base.js";import{convertRemToPixels as l}from"../helpers.js";import p from"./UserMenuItem.js";import c from"./UserMenuDropdown.module.css.js";var d=l(s),u={name:"offset",options:{offset:function(e){var t=e.placement;return t.startsWith("top")||t.startsWith("bottom")?[0,-1]:[0,0]}}},f={name:"maxSize",enabled:!0,phase:"main",fn:function(t){var o=t.state;if(void 0!==d&&"undefined"!=typeof window&&"undefined"!=typeof document){var n=o.elements.reference.getBoundingClientRect(),r=document.documentElement,i=o.placement.endsWith("start")?Math.min(r.clientWidth,window.innerWidth)-n.left-d:n.right-d,a=o.placement.startsWith("bottom")?Math.min(r.clientHeight,window.innerHeight)-n.bottom-d:n.top-d;o.styles.popper=e(e({},o.styles.popper),{maxWidth:"".concat(i,"px"),maxHeight:"".concat(a,"px")})}}};function h(s){var l,d,h=s.header,v=s.footer,y=s.origin,b=s.className,g=s.groups,w=s.open,k=s.buttonRef,x=o(null),W=i(null==k?void 0:k.current,null==x?void 0:x.current,{placement:"bottom-start",modifiers:[{name:"flip",options:{fallbackPlacements:["top-start","bottom-end","top-end"]}},{name:"preventOverflow",options:{boundary:"viewport"}},{name:"computeStyles",options:{adaptive:!0}},u,f]}),j=W.styles,E=W.attributes;return t.createElement(n,e({show:w,enter:"transition duration-[".concat(m,"] ease-in-out"),enterFrom:"transform opacity-0",enterTo:"transform opacity-100",leave:"transition duration-[".concat(m,"] ease-in-out"),leaveFrom:"transform opacity-100",leaveTo:"transform opacity-0",className:a(c.userMenuDropdown,b),ref:x,style:e(e({},j.popper),{minWidth:null===(d=null==k?void 0:k.current)||void 0===d?void 0:d.offsetWidth})},E.popper),t.createElement(r.Items,{className:a(c.content,(l={},l[c.open]=w,l))},h,g.map((function(e,o){var n,r=e.children;return t.createElement("div",{className:a(c.group,(n={},n[c.last]=o===g.length-1,n)),key:"group-".concat(o),role:"navigation"},r.map((function(e,o){return t.createElement(p,{key:"key"in e?e.key:"item-".concat(o),title:e.title,icon:e.icon,type:e.type,disabled:e.disabled,external:e.external,href:e.href,onClick:"onClick"in e?e.onClick:void 0,origin:y})})))})),v))}export{h as default};
+import{__assign as e}from"../_virtual/_tslib.js";import t,{useRef as o}from"react";import{Transition as n,MenuItems as r}from"@headlessui/react";import{usePopper as i}from"react-popper";import a from"clsx";import{SpacingLg as s,TransitionDurationDefault as m}from"../node_modules/@k8slens/lds-tokens/lib/web/tokens.base.js";import{convertRemToPixels as l}from"../helpers.js";import p from"./UserMenuItem.js";import c from"./UserMenuDropdown.module.css.js";var d=l(s),u={name:"offset",options:{offset:function(e){var t=e.placement;return t.startsWith("top")||t.startsWith("bottom")?[0,-1]:[0,0]}}},f={name:"maxSize",enabled:!0,phase:"main",fn:function(t){var o=t.state;if(void 0!==d&&"undefined"!=typeof window&&"undefined"!=typeof document){var n=o.elements.reference.getBoundingClientRect(),r=document.documentElement,i=o.placement.endsWith("start")?Math.min(r.clientWidth,window.innerWidth)-n.left-d:n.right-d,a=o.placement.startsWith("bottom")?Math.min(r.clientHeight,window.innerHeight)-n.bottom-d:n.top-d;o.styles.popper=e(e({},o.styles.popper),{maxWidth:"".concat(i,"px"),maxHeight:"".concat(a,"px")})}}};function h(s){var l,d,h=s.header,v=s.footer,y=s.origin,b=s.className,g=s.groups,w=s.open,k=s.buttonRef,x=o(null),W=i(null==k?void 0:k.current,null==x?void 0:x.current,{placement:"bottom-start",modifiers:[{name:"flip",options:{fallbackPlacements:["top-start","bottom-end","top-end"]}},{name:"preventOverflow",options:{boundary:"viewport"}},{name:"computeStyles",options:{adaptive:!0}},u,f]}),j=W.styles,E=W.attributes;return t.createElement(n,e({show:w,enter:"transition duration-[".concat(m,"] ease-in-out"),enterFrom:"transform opacity-0",enterTo:"transform opacity-100",leave:"transition duration-[".concat(m,"] ease-in-out"),leaveFrom:"transform opacity-100",leaveTo:"transform opacity-0",as:"div",className:a(c.userMenuDropdown,b),ref:x,style:e(e({},j.popper),{minWidth:null===(d=null==k?void 0:k.current)||void 0===d?void 0:d.offsetWidth})},E.popper),t.createElement(r,{className:a(c.content,(l={},l[c.open]=w,l))},h,g.map((function(e,o){var n,r=e.children;return t.createElement("div",{className:a(c.group,(n={},n[c.last]=o===g.length-1,n)),key:"group-".concat(o),role:"navigation"},r.map((function(e,o){return t.createElement(p,{key:"key"in e?e.key:"item-".concat(o),title:e.title,icon:e.icon,type:e.type,disabled:e.disabled,external:e.external,href:e.href,onClick:"onClick"in e?e.onClick:void 0,origin:y})})))})),v))}export{h as default};

package/lib/es/UserMenu/UserMenuItem.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { MouseEvent } from "react";
 import { type Icon } from "@k8slens/lds-icons/lib/es/Icon/Icon";
 export declare type MenuItem = {
@@ -18,4 +19,4 @@ export interface UserMenuItemProps extends MenuItem {
      */
     className?: string;
 }
-export default function UserMenuItem({ type, title, icon: Icon, disabled, external, onClick, selected, href: path, origin, className: cls, }: UserMenuItemProps): JSX.Element;
+export default function UserMenuItem({ type, title, icon: Icon, disabled, external, onClick, selected, href: path, origin, className: cls, }: UserMenuItemProps): React.JSX.Element;

package/lib/es/UserMenu/UserMenuItem.js

@@ -1 +1 @@
-import{__assign as e}from"../_virtual/_tslib.js";import t,{useMemo as n}from"react";import{Menu as r}from"@headlessui/react";import l from"clsx";import a from"./UserMenuItem.module.css.js";var o=function(e,t){return new URL(e,t).pathname},c=function(e){var n=e.Icon,r=e.title;return t.createElement(t.Fragment,null,n?t.createElement(n,{className:a.icon,size:"sm"}):null,t.createElement("span",{className:a.title},r))};function i(i){var m=i.type,s=void 0===m?"default":m,u=i.title,d=i.icon,f=i.disabled,p=i.external,E=i.onClick,b=i.selected,w=i.href,I=i.origin,v=i.className,h=n((function(){return p||!w?w:I?"".concat(I).concat((null==w?void 0:w.startsWith("/"))?w:"/".concat(w)):w}),[w,I,p]),N=n((function(){return"boolean"==typeof b?b:!(!h||"undefined"==typeof window)&&o(window.location.href,"undefined"!=typeof window?window.location.origin:void 0)===o(h,h)}),[h,b]),g=n((function(){var e;return l(a.userMenuItem,((e={})[a[s]]=s&&"default"!==s,e[a.disabled]=f,e[a.external]=p,e[a.selected]=N,e),v)}),[s,f,p,v,N]);return f||b||!h?f||b||!E?t.createElement(r.Item,{disabled:!0},t.createElement("span",{className:l(g,a.disabled)},t.createElement(c,{Icon:d,title:u}))):t.createElement(r.Item,null,t.createElement("button",{className:l(a.button,g),onClick:E},t.createElement(c,{Icon:d,title:u}))):t.createElement(r.Item,null,t.createElement("a",e({className:g,onClick:E,href:h},p?{target:"_blank"}:{},{rel:"noopener noreferrer"}),t.createElement(c,{Icon:d,title:u})))}export{i as default};
+import{__assign as e}from"../_virtual/_tslib.js";import t,{useMemo as n}from"react";import{MenuItem as r}from"@headlessui/react";import l from"clsx";import a from"./UserMenuItem.module.css.js";var o=function(e,t){return new URL(e,t).pathname},c=function(e){var n=e.Icon,r=e.title;return t.createElement(t.Fragment,null,n?t.createElement(n,{className:a.icon,size:"sm"}):null,t.createElement("span",{className:a.title},r))};function i(i){var s=i.type,m=void 0===s?"default":s,u=i.title,d=i.icon,f=i.disabled,p=i.external,E=i.onClick,b=i.selected,w=i.href,v=i.origin,h=i.className,I=n((function(){return p||!w?w:v?"".concat(v).concat((null==w?void 0:w.startsWith("/"))?w:"/".concat(w)):w}),[w,v,p]),N=n((function(){return"boolean"==typeof b?b:!(!I||"undefined"==typeof window)&&o(window.location.href,"undefined"!=typeof window?window.location.origin:void 0)===o(I,I)}),[I,b]),g=n((function(){var e;return l(a.userMenuItem,((e={})[a[m]]=m&&"default"!==m,e[a.disabled]=f,e[a.external]=p,e[a.selected]=N,e),h)}),[m,f,p,h,N]);return f||b||!I?f||b||!E?t.createElement(r,{disabled:!0},t.createElement("span",{className:l(g,a.disabled)},t.createElement(c,{Icon:d,title:u}))):t.createElement(r,null,t.createElement("button",{className:l(a.button,g),onClick:E},t.createElement(c,{Icon:d,title:u}))):t.createElement(r,null,t.createElement("a",e({className:g,onClick:E,href:I},p?{target:"_blank"}:{},{rel:"noopener noreferrer"}),t.createElement(c,{Icon:d,title:u})))}export{i as default};