@k8slens/lds 0.58.3 → 1.0.0-rc.1

package/lib/cjs/Avatar/Avatar.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react"),a=require("clsx"),t=require("initialism"),n=require("randomcolor"),i=require("./Avatar.module.css.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(r),l=o(a),s=o(t),c=o(n);module.exports=function(a){var t,n=a.name,o=a.className,d=a.image,f=a.size,m=void 0===f?"md":f,v=e.__rest(a,["name","className","image","size"]),b=r.useState(void 0),g=b[0],p=b[1],q=r.useMemo((function(){return s.default(n,2)}),[n]),y=r.useMemo((function(){switch(typeof d){case"string":return{backgroundColor:"var(--color-background-avatar)"};case"function":return{};default:return{backgroundColor:c.default({seed:n,luminosity:"dark"})}}}),[n,d]);return u.default.createElement("div",{className:l.default(i.avatar,o,(t={},t[i[m]]="md"!==m,t[i.error]=g,t)),style:y,title:n,"aria-label":"aria-label"in v?v["aria-label"]:n},d&&"string"==typeof d&&u.default.createElement("img",{src:d,alt:q,role:"presentation","aria-hidden":!0,onLoad:function(){return p(!1)},onError:function(){return p(!0)}}),d&&"function"==typeof d&&u.default.createElement(d,{size:"xxl",color:"accent"}),!d&&u.default.createElement("span",{className:i.avatarText,role:"presentation","aria-hidden":!0},q))};
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react"),a=require("clsx"),t=require("initialism"),n=require("randomcolor"),i=require("./Avatar.module.css.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(r),l=o(a),s=o(t),c=o(n);module.exports=function(a){var t,n=a.name,o=a.className,d=a.image,f=a.size,m=void 0===f?"md":f,v=e.__rest(a,["name","className","image","size"]),b=r.useState(void 0),g=b[0],p=b[1],q=r.useMemo(function(){return s.default(n,2)},[n]),y=r.useMemo(function(){switch(typeof d){case"string":return{backgroundColor:"var(--color-background-avatar)"};case"function":return{};default:return{backgroundColor:c.default({seed:n,luminosity:"dark"})}}},[n,d]);return u.default.createElement("div",{className:l.default(i.avatar,o,(t={},t[i[m]]="md"!==m,t[i.error]=g,t)),style:y,title:n,"aria-label":"aria-label"in v?v["aria-label"]:n},d&&"string"==typeof d&&u.default.createElement("img",{src:d,alt:q,role:"presentation","aria-hidden":!0,onLoad:function(){return p(!1)},onError:function(){return p(!0)}}),d&&"function"==typeof d&&u.default.createElement(d,{size:"xxl",color:"accent"}),!d&&u.default.createElement("span",{className:i.avatarText,role:"presentation","aria-hidden":!0},q))};

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

@@ -70,7 +70,7 @@ export interface ButtonPropsWithLabelNode extends Omit<Props, "label">, Pick<But
  * Usage: `import { Button } from "@k8slens/lds"`
  *
  * ```tsx
- * <Button label="Save" type="primary" onClick={handleSave} />
+ * <Button label="Save" type="ok" onClick={handleSave} />
  * ```
  */
 declare const Button: React.ForwardRefExoticComponent<(ButtonProps | ButtonPropsWithLabelNode) & React.RefAttributes<HTMLButtonElement>>;

package/lib/cjs/Button/Button.js

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

package/lib/cjs/Button/Button.module.css.js

@@ -1 +1 @@
-"use strict";module.exports={button:"lds-button",xs:"lds-button--xs",sm:"lds-button--sm",xxs:"lds-button--xxs",uppercase:"lds-button--uppercase",capitalize:"lds-button--capitalize",icon:"lds-button--icon",discreet:"lds-button--discreet",loading:"lds-button--loading",spinner:"lds-button--spinner",label:"lds-button--label"};
+"use strict";module.exports={button:"lds-button",xs:"lds-button--xs",sm:"lds-button--sm",xxs:"lds-button--xxs",uppercase:"lds-button--uppercase",capitalize:"lds-button--capitalize",icon:"lds-button--icon",secondary:"lds-button--secondary",loading:"lds-button--loading",spinner:"lds-button--spinner",label:"lds-button--label"};

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type Icon } from "@k8slens/lds-icons/lib/es/Icon/Icon.d";
-export declare type Type = "default" | "primary" | "ok" | "danger" | "caution";
+export declare type Type = "default" | "ok" | "danger";
 export declare type Size = "xxs" | "xs" | "sm" | "md";
 export declare type IconPosition = "right" | "left";
 export declare type TextTransform = "uppercase" | "capitalize";
@@ -25,17 +25,17 @@ export interface Props {
      * @default "md"
      */
     size?: Size;
-    /**
-     * Shorthand for `type="primary"`.
-     * @deprecated Use `type="primary"` instead.
-     */
-    primary?: boolean;
     /**
      * Whether the button is disabled.
      * @default false
      */
     disabled?: boolean;
-    /** Whether the button uses the discreet (low-emphasis) style. */
+    /** Whether the button uses the secondary (outline) style. */
+    secondary?: boolean;
+    /**
+     * Whether the button uses the discreet (low-emphasis) style.
+     * @deprecated Use `secondary` instead.
+     */
     discreet?: boolean;
     /**
      * Text transform applied to the label.

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

@@ -25,8 +25,8 @@ export declare type ButtonBarProps<ElementType extends JSX.IntrinsicElements | R
  *
  * ```tsx
  * <ButtonBar>
- *   <Button label="Cancel" />
- *   <Button label="Save" type="primary" />
+ *   <Button label="Cancel" secondary />
+ *   <Button label="Save" type="ok" />
  * </ButtonBar>
  * ```
  */

package/lib/cjs/ButtonBar/ButtonBar.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react"),t=require("clsx"),i=require("./ButtonBar.module.css.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(r),n=u(t);module.exports=function(t){var u,d=t.as,l=void 0===d?"div":d,s=t.type,o=void 0===s?"default":s,c=t.gridSize,f=t.children,g=e.__rest(t,["as","type","gridSize","children"]),m=r.useMemo((function(){return"number"==typeof c?c:r.Children.toArray(f).filter((function(e){return r.isValidElement(e)})).length}),[c,f]);return a.default.createElement(l,e.__assign({},g,{className:n.default(i.buttonBar,g.className||"",(u={},u[i[o]]="default"!==o&&"grid"!==o,u[i.bGrid]="grid"===o,u[i["grid-".concat(m)]]="grid"===o,u))}),f)};
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react"),t=require("clsx"),i=require("./ButtonBar.module.css.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(r),n=u(t);module.exports=function(t){var u,d=t.as,l=void 0===d?"div":d,s=t.type,o=void 0===s?"default":s,c=t.gridSize,f=t.children,g=e.__rest(t,["as","type","gridSize","children"]),m=r.useMemo(function(){return"number"==typeof c?c:r.Children.toArray(f).filter(function(e){return r.isValidElement(e)}).length},[c,f]);return a.default.createElement(l,e.__assign({},g,{className:n.default(i.buttonBar,g.className||"",(u={},u[i[o]]="default"!==o&&"grid"!==o,u[i.bGrid]="grid"===o,u[i["grid-".concat(m)]]="grid"===o,u))}),f)};

package/lib/cjs/ConfirmDialog/ConfirmDialog.d.ts

@@ -1,6 +1,6 @@
 import React, { type ReactNode } from "react";
 import { type ButtonProps } from "../Button/Button";
-declare type AllowedButtonProps = Pick<ButtonProps, "type" | "size" | "discreet" | "icon" | "iconPosition" | "textTransform">;
+declare type AllowedButtonProps = Pick<ButtonProps, "type" | "size" | "secondary" | "icon" | "iconPosition" | "textTransform">;
 /** Props for the ConfirmDialog component. */
 export declare type ConfirmDialogProps = {
     /** Title displayed in the confirm dialog header. */

package/lib/cjs/ConfirmDialog/ConfirmDialog.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_tslib.js"),t=require("react"),n=require("clsx"),l=require("../Button/Button.js"),a=require("../Modal/Modal.js"),r=require("./ConfirmDialog.module.css.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(t),i=o(n),s={size:"md",isOpen:!0,buttonBarProps:{type:"grid",gridSize:3}},c=function(t){var n,o=t.title,c=t.message,f=t.confirmText,d=void 0===f?"Ok":f,m=t.cancelLabel,g=void 0===m?"Cancel":m,C=t.confirmButtonProps,p=t.cancelButtonProps,v=t.handleClose,_=t.handleConfirm,b=t.handleCancel;return u.default.createElement(a,e.__assign({className:i.default(r.confirmDialog,(n={},n[r.withoutMessage]=!Boolean(c),n))},s,{title:o,onClose:function(){return v()},footer:u.default.createElement(u.default.Fragment,null,u.default.createElement(l,e.__assign({label:g,loadingStateOnPromise:!0,onClick:b},p)),u.default.createElement("span",null),u.default.createElement(l,e.__assign({label:d,type:"primary",loadingStateOnPromise:!0,onClick:_},C)))}),c)};exports.default=c,exports.useConfirmDialog=function(){var n=t.useState(null),l=n[0],a=n[1],r=t.useState(""),o=r[0],i=r[1],s=t.useState({}),f=s[0],d=s[1],m=t.useState(""),g=m[0],C=m[1],p=t.useState(!1),v=p[0],_=p[1],b=t.useCallback((function(e,t,n){return void 0===n&&(n={}),_(!0),i(e),C(t||""),d(n),new Promise((function(e){a({resolve:e})}))}),[a,_]),S=t.useCallback((function(){a(null),_(!1),i(""),C(""),d({})}),[a,_,C,i,d]);return{ConfirmDialog:t.useMemo((function(){return v?u.default.createElement(c,e.__assign({title:o,message:g,handleClose:S,handleConfirm:function(){null==l||l.resolve(!0),S()},handleCancel:function(){null==l||l.resolve(!1),S()}},f)):null}),[v,o,g,l,f,S]),confirm:b}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_tslib.js"),t=require("react"),n=require("clsx"),l=require("../Button/Button.js"),a=require("../Modal/Modal.js"),r=require("./ConfirmDialog.module.css.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(t),i=o(n),s={size:"md",isOpen:!0,buttonBarProps:{type:"grid",gridSize:3}},c=function(t){var n,o=t.title,c=t.message,f=t.confirmText,d=void 0===f?"Ok":f,m=t.cancelLabel,g=void 0===m?"Cancel":m,C=t.confirmButtonProps,v=t.cancelButtonProps,_=t.handleClose,p=t.handleConfirm,b=t.handleCancel;return u.default.createElement(a,e.__assign({className:i.default(r.confirmDialog,(n={},n[r.withoutMessage]=!c,n))},s,{title:o,onClose:_,footer:u.default.createElement(u.default.Fragment,null,u.default.createElement(l,e.__assign({label:g,loadingStateOnPromise:!0,onClick:b,secondary:!0},v)),u.default.createElement("span",null),u.default.createElement(l,e.__assign({label:d,loadingStateOnPromise:!0,onClick:p},C)))}),c)};exports.default=c,exports.useConfirmDialog=function(){var n=t.useState(null),l=n[0],a=n[1],r=t.useState(""),o=r[0],i=r[1],s=t.useState({}),f=s[0],d=s[1],m=t.useState(""),g=m[0],C=m[1],v=t.useState(!1),_=v[0],p=v[1],b=t.useCallback(function(e,t,n){return void 0===n&&(n={}),p(!0),i(e),C(t||""),d(n),new Promise(function(e){a({resolve:e})})},[]),S=t.useCallback(function(){a(null),p(!1),i(""),C(""),d({})},[]);return{ConfirmDialog:t.useMemo(function(){return _?u.default.createElement(c,e.__assign({title:o,message:g,handleClose:S,handleConfirm:function(){null==l||l.resolve(!0),S()},handleCancel:function(){null==l||l.resolve(!1),S()}},f)):null},[_,o,g,l,f,S]),confirm:b}};

package/lib/cjs/ContextMenu/ContextMenu.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),a=require("clsx"),n=require("@headlessui/react"),l=require("@k8slens/lds-icons"),r=require("./ContextMenuItem.js"),i=require("./ContextMenu.module.css.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t),o=s(a),c=l.navigation.ContextMenuIcon,d=Object.assign((function(t){var a,l=t.children,r=t.icon,s=t.position,d=void 0===s?"right":s,m=t.disabled,f=void 0!==m&&m,b=t.className,v=e.__rest(t,["children","icon","position","disabled","className"]),q=r||c;return u.default.createElement("div",e.__assign({},v,{className:o.default(i.contextMenu,b)}),u.default.createElement(n.Menu,null,u.default.createElement(n.MenuButton,{className:i.trigger,disabled:f,"aria-label":v["aria-label"]||"Context menu"},u.default.createElement(q,null)),u.default.createElement(n.MenuItems,{transition:!0,className:o.default(i.dropdown,(a={},a[i.left]="left"===d,a))},l)))}),{Item:r});module.exports=d;
+"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),a=require("clsx"),n=require("@headlessui/react"),l=require("@k8slens/lds-icons"),r=require("./ContextMenuItem.js"),i=require("./ContextMenu.module.css.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t),o=s(a),c=l.navigation.ContextMenuIcon,d=Object.assign(function(t){var a,l=t.children,r=t.icon,s=t.position,d=void 0===s?"right":s,m=t.disabled,f=void 0!==m&&m,b=t.className,v=e.__rest(t,["children","icon","position","disabled","className"]),q=r||c;return u.default.createElement("div",e.__assign({},v,{className:o.default(i.contextMenu,b)}),u.default.createElement(n.Menu,null,u.default.createElement(n.MenuButton,{className:i.trigger,disabled:f,"aria-label":v["aria-label"]||"Context menu"},u.default.createElement(q,null)),u.default.createElement(n.MenuItems,{transition:!0,className:o.default(i.dropdown,(a={},a[i.left]="left"===d,a))},l)))},{Item:r});module.exports=d;

package/lib/cjs/DrawerTransition/DrawerTransition.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),n=require("clsx");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(t),u=i(n);module.exports=function(n){var i=n.open,a=n.deps,o=void 0===a?{}:a,c=n.duration,s=void 0===c?250:c,d=n.afterEnter,f=n.afterExit,l=n.children,v=e.__rest(n,["open","deps","duration","afterEnter","afterExit","children"]),m=t.useRef(null),x=t.useState(null),E=x[0],g=x[1],h=t.useState(i?"entered":"exited"),p=h[0],T=h[1],y=t.useState(i?"auto":""),_=y[0],b=y[1],w=t.useMemo((function(){return{transitionDuration:"entered"===p?void 0:"".concat(s,"ms"),transitionTimingFunction:"entered"===p?void 0:"ease-in-out",height:"entering"===p||"entered"===p?_:"0px",opacity:"entering"===p||"entered"===p?1:0}}),[s,p,_]),k=t.useCallback((function(){m.current&&b("".concat(m.current.clientHeight,"px"))}),[m]),q=t.useCallback((function(){return T("entering"),setTimeout((function(){try{T("entered"),d&&d()}catch(e){}}),s)}),[s,d]),C=t.useCallback((function(){return T("exiting"),setTimeout((function(){try{T("exited"),f&&f()}catch(e){}}),s)}),[s,f]);return t.useEffect((function(){!i||"exited"!==p&&"exiting"!==p?i||"entering"!==p&&"entered"!==p||(E&&clearTimeout(E),g(C())):(E&&clearTimeout(E),g(q()))}),[i,p,q,C]),t.useEffect((function(){return window.addEventListener("resize",k),function(){window.removeEventListener("resize",k)}}),[k]),t.useEffect((function(){var e;return e=setTimeout((function(){k(),e=void 0}),10),function(){e&&clearTimeout(e)}}),[m,k,o]),r.default.createElement("div",e.__assign({"aria-hidden":!i},v,{style:w,className:u.default("transition-all overflow-y-hidden",v.className)}),r.default.createElement("div",{ref:m},l))};
+"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),n=require("clsx");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(t),u=i(n);module.exports=function(n){var i=n.open,a=n.deps,o=void 0===a?{}:a,c=n.duration,s=void 0===c?250:c,d=n.afterEnter,f=n.afterExit,l=n.children,v=e.__rest(n,["open","deps","duration","afterEnter","afterExit","children"]),m=t.useRef(null),x=t.useState(null),E=x[0],g=x[1],h=t.useState(i?"entered":"exited"),p=h[0],T=h[1],y=t.useState(i?"auto":""),_=y[0],b=y[1],w=t.useMemo(function(){return{transitionDuration:"entered"===p?void 0:"".concat(s,"ms"),transitionTimingFunction:"entered"===p?void 0:"ease-in-out",height:"entering"===p||"entered"===p?_:"0px",opacity:"entering"===p||"entered"===p?1:0}},[s,p,_]),k=t.useCallback(function(){m.current&&b("".concat(m.current.clientHeight,"px"))},[m]),q=t.useCallback(function(){return T("entering"),setTimeout(function(){try{T("entered"),d&&d()}catch(e){}},s)},[s,d]),C=t.useCallback(function(){return T("exiting"),setTimeout(function(){try{T("exited"),f&&f()}catch(e){}},s)},[s,f]);return t.useEffect(function(){!i||"exited"!==p&&"exiting"!==p?i||"entering"!==p&&"entered"!==p||(E&&clearTimeout(E),g(C())):(E&&clearTimeout(E),g(q()))},[i,p,q,C]),t.useEffect(function(){return window.addEventListener("resize",k),function(){window.removeEventListener("resize",k)}},[k]),t.useEffect(function(){var e;return e=setTimeout(function(){k(),e=void 0},10),function(){e&&clearTimeout(e)}},[m,k,o]),r.default.createElement("div",e.__assign({"aria-hidden":!i},v,{style:w,className:u.default("transition-all overflow-y-hidden",v.className)}),r.default.createElement("div",{ref:m},l))};

package/lib/cjs/Input/Input.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react"),a=require("clsx"),t=require("./Input.module.css.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(r),u=s(a),i=r.forwardRef((function(r,a){var s,i=r.icon,n=r.wrapperProps,c=e.__rest(r,["icon","wrapperProps"]);return l.default.createElement("div",e.__assign({},n,{className:u.default(t.wrapper,null==n?void 0:n.className,(s={},s[t.withIcon]=i,s))}),l.default.createElement("input",e.__assign({ref:a},c,{className:u.default(t.input,(null==c?void 0:c.className)||"")})),i&&l.default.createElement(i,{className:t.icon}))}));module.exports=i;
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react"),a=require("clsx"),t=require("./Input.module.css.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(r),u=s(a),i=r.forwardRef(function(r,a){var s,i=r.icon,n=r.wrapperProps,c=e.__rest(r,["icon","wrapperProps"]);return l.default.createElement("div",e.__assign({},n,{className:u.default(t.wrapper,null==n?void 0:n.className,(s={},s[t.withIcon]=i,s))}),l.default.createElement("input",e.__assign({ref:a},c,{className:u.default(t.input,(null==c?void 0:c.className)||"")})),i&&l.default.createElement(i,{className:t.icon}))});module.exports=i;

package/lib/cjs/LinkButton/LinkButton.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),a=require("react"),r=require("clsx"),t=require("@k8slens/lds-icons"),l=require("./LinkButton.module.css.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(a),n=i(r),c=t.navigation.ArrowForwardIcon,o=a.forwardRef((function(a,r){var t,i=a.label,o=a.textTransform,u=a.className,d=a["aria-label"],f=a.size,m=void 0===f?"md":f,p=a.title,b=a.children,k=a.href,v=a.onClick,_=e.__rest(a,["label","textTransform","className","aria-label","size","title","children","href","onClick"]);return s.default.createElement("a",e.__assign({ref:r},_,{className:n.default(l.linkButton,u,(t={},t[l.uppercase]="uppercase"===o,t[l.capitalize]="capitalize"===o,t[l[m]]="md"!==m,t[l.disabled]=!k&&!v,t)),"aria-label":d||("string"==typeof i?i:""),title:p,href:k,onClick:v}),b||i,s.default.createElement(c,{className:l.arrow}))}));o.displayName="LinkButton",module.exports=o;
+"use strict";var e=require("../_virtual/_tslib.js"),a=require("react"),r=require("clsx"),t=require("@k8slens/lds-icons"),l=require("./LinkButton.module.css.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(a),n=i(r),c=t.navigation.ArrowForwardIcon,o=a.forwardRef(function(a,r){var t,i=a.label,o=a.textTransform,u=a.className,d=a["aria-label"],f=a.size,m=void 0===f?"md":f,p=a.title,b=a.children,k=a.href,v=a.onClick,_=e.__rest(a,["label","textTransform","className","aria-label","size","title","children","href","onClick"]);return s.default.createElement("a",e.__assign({ref:r},_,{className:n.default(l.linkButton,u,(t={},t[l.uppercase]="uppercase"===o,t[l.capitalize]="capitalize"===o,t[l[m]]="md"!==m,t[l.disabled]=!k&&!v,t)),"aria-label":d||("string"==typeof i?i:""),title:p,href:k,onClick:v}),b||i,s.default.createElement(c,{className:l.arrow}))});o.displayName="LinkButton",module.exports=o;

package/lib/cjs/Lozenge/Lozenge.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react"),a=require("clsx"),s=require("./Lozenge.module.css.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(r),c=t(a),l=r.forwardRef((function(r,a){var t,l=r.className,n=r.textTransform,u=r.type,o=void 0===u?"secondary":u,d=r.children,f=r.size,p=void 0===f?"sm":f,m=e.__rest(r,["className","textTransform","type","children","size"]);return i.default.createElement("span",e.__assign({ref:a},m,{className:c.default(s.lozenge,(t={},t[s[p]]="sm"!==p,t[s[o]]="secondary"!==o,t[s.uppercase]="uppercase"===n,t[s.capitalize]="capitalize"===n,t),l)}),d)}));module.exports=l;
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react"),a=require("clsx"),s=require("./Lozenge.module.css.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(r),c=t(a),l=r.forwardRef(function(r,a){var t,l=r.className,n=r.textTransform,u=r.type,o=void 0===u?"secondary":u,d=r.children,f=r.size,p=void 0===f?"sm":f,m=e.__rest(r,["className","textTransform","type","children","size"]);return i.default.createElement("span",e.__assign({ref:a},m,{className:c.default(s.lozenge,(t={},t[s[p]]="sm"!==p,t[s[o]]="secondary"!==o,t[s.uppercase]="uppercase"===n,t[s.capitalize]="capitalize"===n,t),l)}),d)});module.exports=l;

package/lib/cjs/Modal/Modal.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),a=require("clsx"),r=require("@headlessui/react"),o=require("../Panel/Panel.js"),l=require("../ButtonBar/ButtonBar.js"),s=require("./Modal.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(t),i=n(a);module.exports=function(a){var n=a.children,d=a.isOpen,c=a.onClose,m=a.title,f=a.subTitle,p=a.size,_=void 0===p?"md":p,v=a.contentComponent,h=a.contentProps,g=a.buttonBarProps,q=void 0===g?{}:g,C=a.className,N=void 0===C?"":C,P=a.footer,b=t.useMemo((function(){return e.__assign(e.__assign({},h||{}),{className:i.default(s.modalContent,(null==h?void 0:h.className)||"")})}),[h]);return d?u.default.createElement(r.Dialog,{open:d,onClose:c,className:i.default(s.modal,s[_])},u.default.createElement(o,{wrapperComponent:v||"div",wrapperProps:b,className:N,headerComponent:r.DialogTitle,headerProps:{as:"header"},header:u.default.createElement(u.default.Fragment,null,u.default.createElement("h3",{className:"lds-h2"},m),f?u.default.createElement("p",{className:s.subTitle},f):null),footer:P,footerComponent:l,footerProps:e.__assign(e.__assign({},q),{as:"footer"})},n)):null};
+"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),a=require("clsx"),r=require("@headlessui/react"),o=require("../Panel/Panel.js"),l=require("../ButtonBar/ButtonBar.js"),s=require("./Modal.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(t),i=n(a);module.exports=function(a){var n=a.children,d=a.isOpen,c=a.onClose,m=a.title,f=a.subTitle,p=a.size,_=void 0===p?"md":p,v=a.contentComponent,h=a.contentProps,g=a.buttonBarProps,q=void 0===g?{}:g,C=a.className,N=void 0===C?"":C,P=a.footer,b=t.useMemo(function(){return e.__assign(e.__assign({},h||{}),{className:i.default(s.modalContent,(null==h?void 0:h.className)||"")})},[h]);return d?u.default.createElement(r.Dialog,{open:d,onClose:c,className:i.default(s.modal,s[_])},u.default.createElement(o,{wrapperComponent:v||"div",wrapperProps:b,className:N,headerComponent:r.DialogTitle,headerProps:{as:"header"},header:u.default.createElement(u.default.Fragment,null,u.default.createElement("h3",{className:"lds-h2"},m),f?u.default.createElement("p",{className:s.subTitle},f):null),footer:P,footerComponent:l,footerProps:e.__assign(e.__assign({},q),{as:"footer"})},n)):null};

package/lib/cjs/Notification/Notification.js

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("clsx"),a=require("@k8slens/lds-icons"),l=require("../DrawerTransition/DrawerTransition.js"),r=require("./Notification.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(e),u=n(t),o=a.navigation.CloseIcon,i=a.base.SuccessIcon,c=a.base.WarningIcon,f=a.base.InfoIcon;module.exports=function(t){var a=t.level,n=void 0===a?"info":a,d=t.type,m=void 0===d?"default":d,E=t.title,v=t.message,b=t.flashDuration,p=void 0===b?5e3:b,x=t.onClose,g=t.className,h=e.useState(!0),q=h[0],C=h[1],I=e.useRef(null),k="flash"===m?300:200,w=e.useCallback((function(){"flash"===m&&setTimeout((function(){try{C(!1)}catch(e){}}),p)}),[m,p]);return s.default.createElement(l,{open:q,role:"alert",className:u.default(g,r.wrapper,r[n],r[m]),afterEnter:w,afterExit:x,duration:k},s.default.createElement("div",{ref:I,className:r.alert},"success"===n&&s.default.createElement(i,{size:"xl"}),"info"===n&&s.default.createElement(f,{size:"xl"}),("error"===n||"warning"===n)&&s.default.createElement(c,{size:"xl"}),s.default.createElement("div",null,E&&s.default.createElement("h5",null,E),s.default.createElement("p",null,v)),"closable"===m&&s.default.createElement("button",{type:"button",onClick:function(){return C(!1)},"aria-label":"Close"},s.default.createElement(o,{size:"lg",color:"on-dark"}))))};
+"use strict";var e=require("react"),t=require("clsx"),a=require("@k8slens/lds-icons"),l=require("../DrawerTransition/DrawerTransition.js"),r=require("./Notification.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(e),o=n(t),u=a.navigation.CloseIcon,i=a.base.SuccessIcon,c=a.base.WarningIcon,f=a.base.InfoIcon;module.exports=function(t){var a=t.level,n=void 0===a?"info":a,d=t.type,m=void 0===d?"default":d,E=t.title,v=t.message,b=t.flashDuration,p=void 0===b?5e3:b,g=t.onClose,x=t.className,h=e.useState(!0),q=h[0],y=h[1],C=e.useRef(null),I="flash"===m?300:200,k=e.useCallback(function(){"flash"===m&&setTimeout(function(){try{y(!1)}catch(e){}},p)},[m,p]);return s.default.createElement(l,{open:q,role:"alert",className:o.default(x,r.wrapper,r[n],r[m]),afterEnter:k,afterExit:g,duration:I},s.default.createElement("div",{ref:C,className:r.alert},"success"===n&&s.default.createElement(i,{size:"xl"}),"info"===n&&s.default.createElement(f,{size:"xl"}),("error"===n||"warning"===n)&&s.default.createElement(c,{size:"xl"}),s.default.createElement("div",null,E&&s.default.createElement("h5",null,E),"string"==typeof v?s.default.createElement("p",null,v):v),"closable"===m&&s.default.createElement("button",{type:"button",onClick:function(){return y(!1)},"aria-label":"Close"},s.default.createElement(u,{size:"lg",color:"on-dark"}))))};

package/lib/cjs/Panel/Panel.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),a=require("react"),n=require("clsx"),r=require("../node_modules/lodash/pick.js"),t=require("../LoadingIndicator/LoadingIndicator.js"),o=require("./Panel.module.css.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(a),i=s(n),u=function(e){return e===a.Fragment||e&&e.$$typeof&&"Symbol(react.fragment)"===e.$$typeof.toString()};module.exports=function(n){var s=n.header,d=n.footer,c=n.className,m=n.wrapperComponent,f=n.wrapperProps,_=n.headerComponent,g=n.headerProps,p=n.contentComponent,v=n.contentProps,y=n.footerComponent,N=n.footerProps,h=n.loading,q=n.children,j=m||a.Fragment,k=_||"header",E=p||"div",P=y||"footer",x=a.useMemo((function(){var e=f||{};return u(j)?r(e,"key"):e}),[f,j]),C=a.useMemo((function(){var a,n=g||{};return u(k)?r(n,"key"):e.__assign(e.__assign({},n),{className:i.default(o.panel,o.header,c,null==g?void 0:g.className,(a={},a[o.loading]=h,a))})}),[g,k,c,h]),M=a.useMemo((function(){var a,n=N||{};return u(P)?r(n,"key"):e.__assign(e.__assign({},n),{className:i.default(o.panel,o.footer,c,null==N?void 0:N.className,(a={},a[o.loading]=h,a))})}),[N,P,c,h]),$=a.useMemo((function(){var a,n=v||{};return u(E)?r(n,"key"):e.__assign(e.__assign({},n),{className:i.default(o.panel,o.content,c,null==v?void 0:v.className,(a={},a[o.loading]=h,a))})}),[v,E,c,h]);return l.default.createElement(j,e.__assign({},x),s&&l.default.createElement(k,e.__assign({},C),s),l.default.createElement(E,e.__assign({},$),q,h&&l.default.createElement(t,{size:"xxl",className:o.loadingIndicator})),d&&l.default.createElement(P,e.__assign({},M),d))};
+"use strict";var e=require("../_virtual/_tslib.js"),a=require("react"),n=require("clsx"),r=require("../node_modules/lodash/pick.js"),t=require("../LoadingIndicator/LoadingIndicator.js"),o=require("./Panel.module.css.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(a),i=s(n),u=function(e){return e===a.Fragment||e&&e.$$typeof&&"Symbol(react.fragment)"===e.$$typeof.toString()};module.exports=function(n){var s=n.header,d=n.footer,c=n.className,m=n.wrapperComponent,f=n.wrapperProps,_=n.headerComponent,g=n.headerProps,p=n.contentComponent,v=n.contentProps,y=n.footerComponent,N=n.footerProps,h=n.loading,q=n.children,j=m||a.Fragment,k=_||"header",E=p||"div",P=y||"footer",x=a.useMemo(function(){var e=f||{};return u(j)?r(e,"key"):e},[f,j]),C=a.useMemo(function(){var a,n=g||{};return u(k)?r(n,"key"):e.__assign(e.__assign({},n),{className:i.default(o.panel,o.header,c,null==g?void 0:g.className,(a={},a[o.loading]=h,a))})},[g,k,c,h]),M=a.useMemo(function(){var a,n=N||{};return u(P)?r(n,"key"):e.__assign(e.__assign({},n),{className:i.default(o.panel,o.footer,c,null==N?void 0:N.className,(a={},a[o.loading]=h,a))})},[N,P,c,h]),$=a.useMemo(function(){var a,n=v||{};return u(E)?r(n,"key"):e.__assign(e.__assign({},n),{className:i.default(o.panel,o.content,c,null==v?void 0:v.className,(a={},a[o.loading]=h,a))})},[v,E,c,h]);return l.default.createElement(j,e.__assign({},x),s&&l.default.createElement(k,e.__assign({},C),s),l.default.createElement(E,e.__assign({},$),q,h&&l.default.createElement(t,{size:"xxl",className:o.loadingIndicator})),d&&l.default.createElement(P,e.__assign({},M),d))};

package/lib/cjs/RadioCard/RadioCard.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),a=require("react"),l=require("clsx"),t=require("@headlessui/react"),n=require("./RadioCard.module.css.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=r(a),i=r(l);module.exports=function(a){var l=a.id,r=a["aria-label"],s=a.value,u=a.options,c=a.onChange,m=a.name,o=a.invalid,f=a.disabled,b=a.itemClassName,v=a.className,p=a.renderItem,N=void 0===p?function(e){return d.default.createElement("span",{className:n.content},d.default.createElement("span",{className:n.label},e.label),d.default.createElement("span",{className:n.subtitle},e.subtitle))}:p,E=e.__rest(a,["id","aria-label","value","options","onChange","name","invalid","disabled","itemClassName","className","renderItem"]);return d.default.createElement(t.RadioGroup,e.__assign({},E,{id:l,by:"id",value:s,onChange:c,"aria-label":r,className:i.default(n.radioCard,v),name:m}),u.map((function(e){return d.default.createElement(t.Radio,{key:e.id,value:e,disabled:f||e.disabled,className:function(e){var a,l=e.checked;return i.default(n.item,b,((a={})[n.selected]=l,a[n.invalid]=o,a))}},(function(a){var l=a.checked;return d.default.createElement(d.default.Fragment,null,d.default.createElement("span",{className:n.dot},d.default.createElement("span",null)),N(e,{invalid:o,selected:l,disabled:f||e.disabled}))}))})))};
+"use strict";var e=require("../_virtual/_tslib.js"),a=require("react"),l=require("clsx"),t=require("@headlessui/react"),n=require("./RadioCard.module.css.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=r(a),i=r(l);module.exports=function(a){var l=a.id,r=a["aria-label"],s=a.value,u=a.options,c=a.onChange,m=a.name,o=a.invalid,f=a.disabled,b=a.itemClassName,v=a.className,p=a.renderItem,N=void 0===p?function(e){return d.default.createElement("span",{className:n.content},d.default.createElement("span",{className:n.label},e.label),d.default.createElement("span",{className:n.subtitle},e.subtitle))}:p,E=e.__rest(a,["id","aria-label","value","options","onChange","name","invalid","disabled","itemClassName","className","renderItem"]);return d.default.createElement(t.RadioGroup,e.__assign({},E,{id:l,by:"id",value:s,onChange:c,"aria-label":r,className:i.default(n.radioCard,v),name:m}),u.map(function(e){return d.default.createElement(t.Radio,{key:e.id,value:e,disabled:f||e.disabled,className:function(e){var a,l=e.checked;return i.default(n.item,b,((a={})[n.selected]=l,a[n.invalid]=o,a))}},function(a){var l=a.checked;return d.default.createElement(d.default.Fragment,null,d.default.createElement("span",{className:n.dot},d.default.createElement("span",null)),N(e,{invalid:o,selected:l,disabled:f||e.disabled}))})}))};

package/lib/cjs/Select/MultiOption.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("clsx"),t=require("@k8slens/lds-icons"),n=require("../Lozenge/Lozenge.js"),o=require("./Select.module.css.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),i=a(r),u=t.navigation.CloseIcon,c=e.forwardRef((function(e,r){var t=e.label,a=e.className,c=e.children,s=e.onRemove,f=e.onArrowNavigate;return l.default.createElement(n,{ref:r,size:"lg",type:"primary",className:i.default(o.multiOption,a),onClick:s,onKeyDown:function(e){" "!==e.key&&"Spacebar"!==e.key&&"Enter"!==e.key||(e.preventDefault(),s(e)),"ArrowRight"===e.key&&f&&(e.preventDefault(),f("next")),"ArrowLeft"===e.key&&f&&(e.preventDefault(),f("prev"))},role:"button",tabIndex:0,"aria-label":"Remove option ".concat(t)},c,l.default.createElement(u,{size:"sm",color:"on-dark",className:o.multiOptionRemove}))}));module.exports=c;
+"use strict";var e=require("react"),r=require("clsx"),t=require("@k8slens/lds-icons"),n=require("../Lozenge/Lozenge.js"),o=require("./Select.module.css.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),i=a(r),u=t.navigation.CloseIcon,c=e.forwardRef(function(e,r){var t=e.label,a=e.className,c=e.children,s=e.onRemove,f=e.onArrowNavigate;return l.default.createElement(n,{ref:r,size:"lg",className:i.default(o.multiOption,a),onClick:s,onKeyDown:function(e){" "!==e.key&&"Spacebar"!==e.key&&"Enter"!==e.key||(e.preventDefault(),s(e)),"ArrowRight"===e.key&&f&&(e.preventDefault(),f("next")),"ArrowLeft"===e.key&&f&&(e.preventDefault(),f("prev"))},role:"button",tabIndex:0,"aria-label":"Remove option ".concat(t)},c,l.default.createElement(u,{size:"sm",color:"on-dark",className:o.multiOptionRemove}))});module.exports=c;

package/lib/cjs/Select/Option.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),r=require("@headlessui/react"),i=require("clsx"),n=require("./Select.module.css.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(t),l=u(i);module.exports=function(t){var i=t.option,u=t.currentValues,c=t.size,a=t.itemClassName,o=t.renderContent,d=t.placeholder;return s.default.createElement(r.ListboxOption,{value:i,className:function(t){var r,s;return l.default(n.item,((r={})[n.active]=t.active,r[n.selected]=t.selected||(u||[]).some((function(e){return e.id===i.id})),r[n.lg]="lg"===c,r),null!==(s="function"==typeof a?a(e.__assign(e.__assign({},t),{selected:t.selected||(u||[]).some((function(e){return e.id===i.id}))})):a)&&void 0!==s?s:"")}},o?o(i,{selected:(u||[]).some((function(e){return e.id===i.id}))},d):null)};
+"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),r=require("@headlessui/react"),i=require("clsx"),n=require("./Select.module.css.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(t),l=u(i);module.exports=function(t){var i=t.option,u=t.currentValues,c=t.size,a=t.itemClassName,o=t.renderContent,d=t.placeholder;return s.default.createElement(r.ListboxOption,{value:i,className:function(t){var r,s;return l.default(n.item,((r={})[n.active]=t.active,r[n.selected]=t.selected||(u||[]).some(function(e){return e.id===i.id}),r[n.lg]="lg"===c,r),null!==(s="function"==typeof a?a(e.__assign(e.__assign({},t),{selected:t.selected||(u||[]).some(function(e){return e.id===i.id})})):a)&&void 0!==s?s:"")}},o?o(i,{selected:(u||[]).some(function(e){return e.id===i.id})},d):null)};

package/lib/cjs/Select/Select.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),n=require("clsx"),a=require("@headlessui/react"),l=require("@k8slens/lds-icons"),r=require("../LoadingIndicator/LoadingIndicator.js"),i=require("./SelectDropdown.js"),o=require("./Option.js"),u=require("./MultiOption.js"),s=require("./Select.module.css.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(t),f=d(n),m=l.navigation.ArrowDownIcon,p=l.navigation.ArrowUpIcon;module.exports=function(n){var l=n.id,d=n["aria-label"],v=n.value,g=n.options,b=n.onChange,N=n.placeholder,h=void 0===N?"":N,E=n.name,y=n.invalid,C=n.disabled,A=n.className,R=n.dropdownClassName,q=n.itemClassName,w=n.renderContent,x=void 0===w?function(e,t,n){return e?e.label:n}:w,I=n.loading,L=n.title,_=n.openingDirection,j=n.maxHeight,D=n.multiple,k=n.size,B=e.__rest(n,["id","aria-label","value","options","onChange","placeholder","name","invalid","disabled","className","dropdownClassName","itemClassName","renderContent","loading","title","openingDirection","maxHeight","multiple","size"]),O=t.useRef(null),z=t.useRef(null),M=t.useRef([]),H=1===g.length;t.useEffect((function(){var e,t;(null===(e=B.buttonRef)||void 0===e?void 0:e.current)&&(O.current=null===(t=B.buttonRef)||void 0===t?void 0:t.current)}),[B.buttonRef]);var S=t.useMemo((function(){var t=function(e){return!D||!Array.isArray(v)||!v.some((function(t){return t.id===e.id}))};return g.map((function(n){if("options"in n){var a=n.options.filter((function(e){return t(e)}));return a.length>0?e.__assign(e.__assign({},n),{options:a}):null}return t(n)?n:null})).filter((function(e){return null!==e}))}),[D,g,v]),V=t.useMemo((function(){return D?Array.isArray(v)?v:[]:null===v?void 0:v}),[D,v]),P=function(e){var t,n,N,E=e.open;return c.default.createElement("div",{className:f.default(s.select,A,(t={},t[s.invalid]=y,t[s.locked]=H,t[s.disabled]=C||I,t[s.open]=E,t))},c.default.createElement(a.ListboxButton,{id:l,ref:B.buttonRef?B.buttonRef:O,"aria-label":d,className:f.default(s.selectButton),title:L},c.default.createElement("span",{className:f.default(s.item,s.selectedItem,(n={},n[s.multiple]=D,n[s.disabled]=C||I,n[s.invalid]=y,n[s.placeholder]=!v,n[s.lg]="lg"===k,n),null!==(N="function"==typeof q?q({disabled:Boolean(C),invalid:Boolean(y)}):q)&&void 0!==N?N:"")},I?c.default.createElement(r,{className:s.loadingIndicator}):D&&Array.isArray(v)?c.default.createElement("span",{className:s.multiOptionContainer},v.map((function(e,t){return c.default.createElement(u,{ref:function(e){return M.current[t]=e},label:e.label,className:"multiOptionClassName"in B?B.multiOptionClassName:void 0,onRemove:function(n){n.stopPropagation();var a=v.filter((function(t){return t.id!==e.id}));b(a),setTimeout((function(){var e,n,l=Math.min(t,a.length-1);a.length>0?null===(e=M.current[l])||void 0===e||e.focus():null===(n=O.current)||void 0===n||n.focus()}),0)},onArrowNavigate:function(e){var n,a="next"===e?t+1:t-1;null===(n=M.current[a])||void 0===n||n.focus()},key:e.id},x(e,{invalid:y,disabled:C},h))}))):x(v,{invalid:y,disabled:C},h)),E&&S.length>0?c.default.createElement(p,{className:s.dropDownIcon}):c.default.createElement(m,{className:s.dropDownIcon})),c.default.createElement(i,{listRef:z,buttonRef:O,openingDirection:_,maxHeight:j,grouped:g.some((function(e){return"options"in e}))},c.default.createElement(a.ListboxOptions,{ref:z,className:f.default(s.dropdown,R)},S.length>0?S.map((function(e){var t;if("options"in e){var n="".concat(e.id,"-label");return c.default.createElement("li",{key:e.id,className:s.group,role:"group","aria-labelledby":n},c.default.createElement("span",{id:n,className:f.default(s.groupLabel,(t={},t[s.lg]="lg"===k,t))},e.label),c.default.createElement("ul",{className:s.groupList},e.options.map((function(e){return c.default.createElement(o,{key:e.id,option:e,currentValues:Array.isArray(v)?v:[v].filter(Boolean),size:k,itemClassName:q,renderContent:x,placeholder:h})}))))}return c.default.createElement(o,{key:e.id,option:e,currentValues:Array.isArray(v)?v:[v].filter(Boolean),size:k,itemClassName:q,renderContent:x,placeholder:h})})):null)))};return D?c.default.createElement(a.Listbox,{value:V,onChange:b,name:E,disabled:C,multiple:!0},P):c.default.createElement(a.Listbox,{value:V,onChange:b,name:E,disabled:C,multiple:!1},P)};
+"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),n=require("clsx"),a=require("@headlessui/react"),l=require("@k8slens/lds-icons"),r=require("../LoadingIndicator/LoadingIndicator.js"),i=require("./SelectDropdown.js"),o=require("./Option.js"),u=require("./MultiOption.js"),s=require("./Select.module.css.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(t),f=d(n),m=l.navigation.ArrowDownIcon,p=l.navigation.ArrowUpIcon;module.exports=function(n){var l=n.id,d=n["aria-label"],v=n.value,g=n.options,b=n.onChange,N=n.placeholder,h=void 0===N?"":N,E=n.name,y=n.invalid,C=n.disabled,A=n.className,R=n.dropdownClassName,q=n.itemClassName,w=n.renderContent,x=void 0===w?function(e,t,n){return e?e.label:n}:w,I=n.loading,L=n.title,_=n.openingDirection,j=n.maxHeight,D=n.multiple,k=n.size,B=e.__rest(n,["id","aria-label","value","options","onChange","placeholder","name","invalid","disabled","className","dropdownClassName","itemClassName","renderContent","loading","title","openingDirection","maxHeight","multiple","size"]),O=t.useRef(null),z=t.useRef(null),M=t.useRef([]),H=1===g.length;t.useEffect(function(){var e,t;(null===(e=B.buttonRef)||void 0===e?void 0:e.current)&&(O.current=null===(t=B.buttonRef)||void 0===t?void 0:t.current)},[B.buttonRef]);var S=t.useMemo(function(){var t=function(e){return!D||!Array.isArray(v)||!v.some(function(t){return t.id===e.id})};return g.map(function(n){if("options"in n){var a=n.options.filter(function(e){return t(e)});return a.length>0?e.__assign(e.__assign({},n),{options:a}):null}return t(n)?n:null}).filter(function(e){return null!==e})},[D,g,v]),V=t.useMemo(function(){return D?Array.isArray(v)?v:[]:null===v?void 0:v},[D,v]),P=function(e){var t,n,N,E=e.open;return c.default.createElement("div",{className:f.default(s.select,A,(t={},t[s.invalid]=y,t[s.locked]=H,t[s.disabled]=C||I,t[s.open]=E,t))},c.default.createElement(a.ListboxButton,{id:l,ref:B.buttonRef?B.buttonRef:O,"aria-label":d,className:f.default(s.selectButton),title:L},c.default.createElement("span",{className:f.default(s.item,s.selectedItem,(n={},n[s.multiple]=D,n[s.disabled]=C||I,n[s.invalid]=y,n[s.placeholder]=!v,n[s.lg]="lg"===k,n),null!==(N="function"==typeof q?q({disabled:Boolean(C),invalid:Boolean(y)}):q)&&void 0!==N?N:"")},I?c.default.createElement(r,{className:s.loadingIndicator}):D&&Array.isArray(v)?c.default.createElement("span",{className:s.multiOptionContainer},v.map(function(e,t){return c.default.createElement(u,{ref:function(e){return M.current[t]=e},label:e.label,className:"multiOptionClassName"in B?B.multiOptionClassName:void 0,onRemove:function(n){n.stopPropagation();var a=v.filter(function(t){return t.id!==e.id});b(a),setTimeout(function(){var e,n,l=Math.min(t,a.length-1);a.length>0?null===(e=M.current[l])||void 0===e||e.focus():null===(n=O.current)||void 0===n||n.focus()},0)},onArrowNavigate:function(e){var n,a="next"===e?t+1:t-1;null===(n=M.current[a])||void 0===n||n.focus()},key:e.id},x(e,{invalid:y,disabled:C},h))})):x(v,{invalid:y,disabled:C},h)),E&&S.length>0?c.default.createElement(p,{className:s.dropDownIcon}):c.default.createElement(m,{className:s.dropDownIcon})),c.default.createElement(i,{listRef:z,buttonRef:O,openingDirection:_,maxHeight:j,grouped:g.some(function(e){return"options"in e})},c.default.createElement(a.ListboxOptions,{ref:z,className:f.default(s.dropdown,R)},S.length>0?S.map(function(e){var t;if("options"in e){var n="".concat(e.id,"-label");return c.default.createElement("li",{key:e.id,className:s.group,role:"group","aria-labelledby":n},c.default.createElement("span",{id:n,className:f.default(s.groupLabel,(t={},t[s.lg]="lg"===k,t))},e.label),c.default.createElement("ul",{className:s.groupList},e.options.map(function(e){return c.default.createElement(o,{key:e.id,option:e,currentValues:Array.isArray(v)?v:[v].filter(Boolean),size:k,itemClassName:q,renderContent:x,placeholder:h})})))}return c.default.createElement(o,{key:e.id,option:e,currentValues:Array.isArray(v)?v:[v].filter(Boolean),size:k,itemClassName:q,renderContent:x,placeholder:h})}):null)))};return D?c.default.createElement(a.Listbox,{value:V,onChange:b,name:E,disabled:C,multiple:!0},P):c.default.createElement(a.Listbox,{value:V,onChange:b,name:E,disabled:C,multiple:!1},P)};

package/lib/cjs/Select/Select.module.css.js

@@ -1 +1 @@
-"use strict";module.exports={select:"lds-select",selectButton:"lds-select--select-button",dropDownIcon:"lds-select--drop-down-icon",invalid:"lds-select--invalid",open:"lds-select--open",locked:"lds-select--locked",disabled:"lds-select--disabled",dropdown:"lds-select--dropdown",item:"lds-select--item",multiple:"lds-select--multiple",active:"lds-select--active",selected:"lds-select--selected",lg:"lds-select--lg",placeholder:"lds-select--placeholder",selectedItem:"lds-select--selected-item",loadingIndicator:"lds-select--loading-indicator",groupList:"lds-select--group-list",groupLabel:"lds-select--group-label",multiOptionContainer:"lds-select--multi-option-container",multiOption:"lds-select--multi-option",multiOptionRemove:"lds-select--multi-option-remove"};
+"use strict";module.exports={select:"lds-select",selectButton:"lds-select--select-button",dropDownIcon:"lds-select--drop-down-icon",invalid:"lds-select--invalid",disabled:"lds-select--disabled",locked:"lds-select--locked",open:"lds-select--open",dropdown:"lds-select--dropdown",item:"lds-select--item",multiple:"lds-select--multiple",active:"lds-select--active",selected:"lds-select--selected",lg:"lds-select--lg",placeholder:"lds-select--placeholder",selectedItem:"lds-select--selected-item",loadingIndicator:"lds-select--loading-indicator",groupList:"lds-select--group-list",groupLabel:"lds-select--group-label",multiOptionContainer:"lds-select--multi-option-container",multiOption:"lds-select--multi-option",multiOptionRemove:"lds-select--multi-option-remove"};

package/lib/cjs/Select/SelectDropdown.js

@@ -1 +1 @@
-"use strict";var t=require("react"),e=require("@headlessui/react"),n=require("../node_modules/@k8slens/lds-tokens/lib/web/tokens.base.js"),r=require("../helpers.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=o(t),i=r.convertRemToPixels(n.SpacingMd)||0;module.exports=function(n){var o=n.buttonRef,u=n.listRef,c=n.openingDirection,l=void 0===c?"auto":c,s=n.maxHeight,d=n.children,v=n.grouped,p=t.useCallback((function(){var t;if((null==u?void 0:u.current)&&o.current&&null===u.current.getAttribute("data-placement")){var e=r.getScrollableContainer(o.current),n=window.getComputedStyle(e),a=parseFloat(n.paddingTop),c=parseFloat(n.paddingBottom),d=o.current.getBoundingClientRect().height||0,v=o.current.getBoundingClientRect().width||0,p=(e.getBoundingClientRect().height||0)-a-c,m=e.getBoundingClientRect().top||0,g=(o.current.getBoundingClientRect().top||0)-m||m,f=g,b=p-g-d,h=(null===(t=u.current)||void 0===t?void 0:t.getBoundingClientRect().height)||0;if("auto"===l?"above"===(!(b>=h)&&f>1.5*b?"above":"below"):"above"===l){var y=f-i;u.current.setAttribute("data-placement","top"),u.current.style.top="auto",u.current.style.bottom="".concat(d,"px"),u.current.style.maxHeight="".concat(void 0!==s?Math.min(s,y):y,"px")}else{var x=b-i;u.current.setAttribute("data-placement","bottom"),u.current.style.bottom="auto",u.current.style.top="".concat(d,"px"),u.current.style.maxHeight="".concat(void 0!==s?Math.min(s,x):x,"px")}u.current.style.maxWidth="".concat(v,"px")}}),[o,u,l,s]);return t.useEffect((function(){var t,e=u.current;if(e){var n=new MutationObserver((function(){var t;null===(t=null==u?void 0:u.current)||void 0===t||t.removeAttribute("data-placement"),p()}));return n.observe(e,{childList:!0,subtree:null!=v&&v}),null===(t=null==u?void 0:u.current)||void 0===t||t.removeAttribute("data-placement"),p(),function(){n.disconnect()}}}),[v,u,null==u?void 0:u.current,p]),a.default.createElement(e.Transition,{beforeEnter:function(){p()},afterLeave:function(){var t;null===(t=null==u?void 0:u.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"},d)};
+"use strict";var t=require("react"),e=require("@headlessui/react"),n=require("../node_modules/@k8slens/lds-tokens/lib/web/tokens.base.js"),r=require("../helpers.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=o(t),i=r.convertRemToPixels(n.SpacingMd)||0;module.exports=function(n){var o=n.buttonRef,u=n.listRef,c=n.openingDirection,l=void 0===c?"auto":c,s=n.maxHeight,d=n.children,v=n.grouped,p=t.useCallback(function(){var t;if((null==u?void 0:u.current)&&o.current&&null===u.current.getAttribute("data-placement")){var e=r.getScrollableContainer(o.current),n=window.getComputedStyle(e),a=parseFloat(n.paddingTop),c=parseFloat(n.paddingBottom),d=o.current.getBoundingClientRect().height||0,v=o.current.getBoundingClientRect().width||0,p=(e.getBoundingClientRect().height||0)-a-c,m=e.getBoundingClientRect().top||0,g=(o.current.getBoundingClientRect().top||0)-m||m,f=g,b=p-g-d,h=(null===(t=u.current)||void 0===t?void 0:t.getBoundingClientRect().height)||0;if("auto"===l?"above"===(!(b>=h)&&f>1.5*b?"above":"below"):"above"===l){var y=f-i;u.current.setAttribute("data-placement","top"),u.current.style.top="auto",u.current.style.bottom="".concat(d,"px"),u.current.style.maxHeight="".concat(void 0!==s?Math.min(s,y):y,"px")}else{var x=b-i;u.current.setAttribute("data-placement","bottom"),u.current.style.bottom="auto",u.current.style.top="".concat(d,"px"),u.current.style.maxHeight="".concat(void 0!==s?Math.min(s,x):x,"px")}u.current.style.maxWidth="".concat(v,"px")}},[o,u,l,s]);return t.useEffect(function(){var t,e=u.current;if(e){var n=new MutationObserver(function(){var t;null===(t=null==u?void 0:u.current)||void 0===t||t.removeAttribute("data-placement"),p()});return n.observe(e,{childList:!0,subtree:null!=v&&v}),null===(t=null==u?void 0:u.current)||void 0===t||t.removeAttribute("data-placement"),p(),function(){n.disconnect()}}},[v,u,null==u?void 0:u.current,p]),a.default.createElement(e.Transition,{beforeEnter:function(){p()},afterLeave:function(){var t;null===(t=null==u?void 0:u.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"},d)};

package/lib/cjs/SideNav/SideNav.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("clsx"),t=require("./SideNav.module.css.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),l=a(r),u="__isChildOfSideNav",d=function(r){var a=r.className,d=r.children,n=e.useMemo((function(){return"development"===process.env.NODE_ENV?i.default.Children.map(d,(function(r){var t;return e.isValidElement(r)&&"SideNavGroup"===r.type.displayName?e.cloneElement(r,((t={})[u]=!0,t)):r})):d}),[d]);return i.default.createElement("div",{className:l.default(t.sideNav,a)},n)};d.displayName="SideNav",exports.CHILD_KEY=u,exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("clsx"),t=require("./SideNav.module.css.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),l=a(r),u="__isChildOfSideNav",d=function(r){var a=r.className,d=r.children,n=e.useMemo(function(){return"development"===process.env.NODE_ENV?i.default.Children.map(d,function(r){var t;return e.isValidElement(r)&&"SideNavGroup"===r.type.displayName?e.cloneElement(r,((t={})[u]=!0,t)):r}):d},[d]);return i.default.createElement("div",{className:l.default(t.sideNav,a)},n)};d.displayName="SideNav",exports.CHILD_KEY=u,exports.default=d;

package/lib/cjs/SideNav/SideNavGroup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_tslib.js"),a=require("react"),l=require("clsx"),r=require("./SideNav.js"),i=require("./unique-id.js"),n=require("./SideNavGroup.module.css.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=t(a),o=t(l),s="__isChildOfSideNavGroup";function u(l){var t=l.component,u=l.componentProps,c=l.id,p=l.className,v=l.children,m=e.__rest(l,["component","componentProps","id","className","children"]),N=t||"nav",f="label"in m?m.label:void 0,_=a.useMemo((function(){return c?"".concat(c,"-label"):"lds-nav-group-label-".concat(i())}),[c]);r.CHILD_KEY in m&&!0===m[r.CHILD_KEY]||"development"!==process.env.NODE_ENV||console.warn("SideNavGroup should be a direct child of SideNav");var b=a.useMemo((function(){return"development"===process.env.NODE_ENV?d.default.Children.map(v,(function(e){var l;return a.isValidElement(e)&&"SideNavItem"===e.type.displayName?a.cloneElement(e,((l={})[s]=!0,l)):(a.isValidElement(e)&&"SideNavItem"!==e.type.displayName&&console.warn("SideNavGroup should only have SideNavItem as direct children"),e)})):v}),[v]);return d.default.createElement(N,e.__assign({},u,{id:c,className:o.default(n.sideNavGroup,p)},f?{"aria-labelledby":_}:{},"aria-label"in m?{"aria-label":m["aria-label"]}:{}),f&&d.default.createElement("span",{id:_,className:o.default("lds-h3",n.label)},f),b)}u.displayName="SideNavGroup",exports.CHILD_KEY=s,exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_tslib.js"),a=require("react"),l=require("clsx"),r=require("./SideNav.js"),i=require("./unique-id.js"),n=require("./SideNavGroup.module.css.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=t(a),o=t(l),s="__isChildOfSideNavGroup";function u(l){var t=l.component,u=l.componentProps,c=l.id,p=l.className,v=l.children,m=e.__rest(l,["component","componentProps","id","className","children"]),N=t||"nav",f="label"in m?m.label:void 0,_=a.useMemo(function(){return c?"".concat(c,"-label"):"lds-nav-group-label-".concat(i())},[c]);r.CHILD_KEY in m&&!0===m[r.CHILD_KEY]||"development"!==process.env.NODE_ENV||console.warn("SideNavGroup should be a direct child of SideNav");var b=a.useMemo(function(){return"development"===process.env.NODE_ENV?d.default.Children.map(v,function(e){var l;return a.isValidElement(e)&&"SideNavItem"===e.type.displayName?a.cloneElement(e,((l={})[s]=!0,l)):(a.isValidElement(e)&&"SideNavItem"!==e.type.displayName&&console.warn("SideNavGroup should only have SideNavItem as direct children"),e)}):v},[v]);return d.default.createElement(N,e.__assign({},u,{id:c,className:o.default(n.sideNavGroup,p)},f?{"aria-labelledby":_}:{},"aria-label"in m?{"aria-label":m["aria-label"]}:{}),f&&d.default.createElement("span",{id:_,className:o.default("lds-h3",n.label)},f),b)}u.displayName="SideNavGroup",exports.CHILD_KEY=s,exports.default=u;

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

@@ -34,6 +34,10 @@ export interface SideNavItemProps<Component extends React.ElementType | keyof JS
      * @default false
      */
     externalLink?: boolean;
+    /** Icon component displayed before the label. Receives `filled={true}` when the item is active. */
+    icon: React.ComponentType<{
+        filled?: boolean;
+    }>;
 }
 /**
  * Side navigation item, use as a direct child of `SideNavGroup`.
@@ -41,10 +45,10 @@ export interface SideNavItemProps<Component extends React.ElementType | keyof JS
  * Usage: `import { SideNavItem } from "@k8slens/lds"`
  *
  * ```tsx
- * <SideNavItem active href="/settings">Settings</SideNavItem>
+ * <SideNavItem icon={SettingsIcon} active href="/settings">Settings</SideNavItem>
  * ```
  */
-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 function SideNavItem<C extends keyof JSX.IntrinsicElements | React.ElementType = "a">({ component, componentProps, active, disabled, className, children, type, externalLink, icon, ...props }: SideNavItemProps<C>): React.JSX.Element;
 declare namespace SideNavItem {
     var displayName: string;
 }

package/lib/cjs/SideNav/SideNavItem.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),a=require("react"),t=require("clsx"),r=require("./SideNavItem.module.css.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(a),s=i(t);function l(t){var i,l=t.component,c=t.componentProps,d=t.active,u=t.disabled,o=t.className,m=t.children,p=t.type,v=void 0===p?"default":p,f=t.externalLink;e.__rest(t,["component","componentProps","active","disabled","className","children","type","externalLink"]);var N=l||"a",b=a.useMemo((function(){return c&&"aria-current"in c||!d?{}:{"aria-current":"page"}}),[d,c]);return n.default.createElement(N,e.__assign({},c,{className:s.default(r.sideNavItem,o,(i={},i[r.disabled]=u,i[r.active]=d,i[r.external]=f,i[r[v]]="default"!==v,i)),"aria-disabled":u},b),m)}l.displayName="SideNavItem",module.exports=l;
+"use strict";var e=require("../_virtual/_tslib.js"),a=require("react"),t=require("clsx"),r=require("./SideNavItem.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(a),i=n(t);function s(t){var n,s=t.component,c=t.componentProps,d=t.active,u=t.disabled,o=t.className,m=t.children,f=t.type,p=void 0===f?"default":f,v=t.externalLink,N=t.icon;e.__rest(t,["component","componentProps","active","disabled","className","children","type","externalLink","icon"]);var b=s||"a",_=N,x=a.useMemo(function(){return c&&"aria-current"in c||!d?{}:{"aria-current":"page"}},[d,c]);return l.default.createElement(b,e.__assign({},c,{className:i.default(r.sideNavItem,o,(n={},n[r.disabled]=u,n[r.active]=d,n[r.external]=v,n[r[p]]="default"!==p,n)),"aria-disabled":u},x),l.default.createElement("span",{className:r.icon},l.default.createElement(_,{filled:d})),l.default.createElement("span",{className:r.label},m))}s.displayName="SideNavItem",module.exports=s;

package/lib/cjs/SideNav/SideNavItem.module.css.js

@@ -1 +1 @@
-"use strict";module.exports={sideNavItem:"lds-side-nav-item",external:"lds-side-nav-item--external",danger:"lds-side-nav-item--danger",disabled:"lds-side-nav-item--disabled",active:"lds-side-nav-item--active"};
+"use strict";module.exports={sideNavItem:"lds-side-nav-item",external:"lds-side-nav-item--external",danger:"lds-side-nav-item--danger",disabled:"lds-side-nav-item--disabled",active:"lds-side-nav-item--active",icon:"lds-side-nav-item--icon"};

package/lib/cjs/Table/Table.d.ts

@@ -68,7 +68,7 @@ export declare type TableCellProps = Omit<TdHTMLAttributes<HTMLTableCellElement>
     /** Horizontal alignment of cell content. */
     align?: "start" | "center" | "end";
     /** Text color style variant. */
-    textStyle?: "default" | "accent" | "secondary" | "tertiary" | "quarternary";
+    textStyle?: "default" | "accent" | "secondary" | "tertiary";
     /** Label shown as a responsive header on mobile viewports. */
     responsiveHeader?: ReactNode;
 };

package/lib/cjs/Table/Table.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_tslib.js"),a=require("react"),t=require("clsx"),r=require("@k8slens/lds-icons"),l=require("./Table.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(a),i=n(t),d=r.navigation.ArrowUpIcon,o=r.navigation.ArrowDownIcon,c=a.createContext({responsive:!0}),u=function(a){var t=a.visibility,r=void 0===t?"sr-only":t,n=a.className,d=a.children,o=e.__rest(a,["visibility","className","children"]);return s.default.createElement("caption",e.__assign({},o,{className:i.default(l.caption,n,{"lds-only-aria":"sr-only"===r}),hidden:"hidden"===r||void 0}),d)},v=function(a){var t=a.children,r=e.__rest(a,["children"]);return s.default.createElement("thead",e.__assign({},r),t)},f=function(a){var t=a.loading,r=void 0!==t&&t,l=a.children,n=e.__rest(a,["loading","children"]);return s.default.createElement("tbody",e.__assign({},n,{"aria-busy":r||void 0}),l)},m=function(a){var t,r=a.error,n=void 0!==r&&r,d=a.className,o=a.children,c=e.__rest(a,["error","className","children"]);return s.default.createElement("tr",e.__assign({},c,{className:i.default(l.row,d,(t={},t[l.rowError]=n,t))}),o)},_=function(a){var t,r,n,c=a.align,u=a.sortable,v=void 0!==u&&u,f=a.sorted,m=void 0!==f&&f,_=a.className,p=a.children,b=e.__rest(a,["align","sortable","sorted","className","children"]),h="center"===c?l.center:"end"===c?l.end:void 0;return s.default.createElement("th",e.__assign({},b,{scope:null!==(n=b.scope)&&void 0!==n?n:"col","aria-sort":"asc"===m?"ascending":"desc"===m?"descending":void 0,className:i.default(l.tableHeader,_,h,(t={},t[l.sortable]=v,t))}),s.default.createElement("span",null,p,v&&("asc"===m?s.default.createElement(d,{className:l.sortIcon}):s.default.createElement(o,{className:i.default(l.sortIcon,(r={},r[l.inactive]=!m,r))}))))},p={accent:l.textAccent,secondary:l.textSecondary,tertiary:l.textTertiary,quarternary:l.textQuarternary,default:l.textDefault},b=function(t){var r=t.primary,n=void 0!==r&&r,d=t.align,o=t.textStyle,u=t.responsiveHeader,v=t.className,f=t.children,m=e.__rest(t,["primary","align","textStyle","responsiveHeader","className","children"]),_=a.useContext(c).responsive,b=n?"th":"td",h="center"===d?l.center:"end"===d?l.end:void 0,y=o?p[o]:void 0;return s.default.createElement(b,e.__assign({},m,n?{scope:"row"}:{},{className:i.default(l.tableCell,v,h,y)}),_&&null!=u&&s.default.createElement("div",{"aria-hidden":!0,className:l.cellHeader},u),f)},h=function(a){var t=a.colSpan,r=a.children,n=e.__rest(a,["colSpan","children"]);return s.default.createElement("tr",e.__assign({},n),s.default.createElement("td",{colSpan:t},s.default.createElement("div",{className:l.noData},r)))},y=Object.assign((function(a){var t,r=a.responsive,n=void 0===r||r,d=a.bordered,o=void 0!==d&&d,u=a.className,v=a.children,f=e.__rest(a,["responsive","bordered","className","children"]);return s.default.createElement(c.Provider,{value:{responsive:n}},s.default.createElement("table",e.__assign({},f,{className:i.default(l.table,u,(t={},t[l.bordered]=o,t[l.responsive]=n,t))}),v))}),{Caption:u,Head:v,Body:f,Row:m,HeaderCell:_,Cell:b,StatusRow:h});exports.TableBody=f,exports.TableCaption=u,exports.TableCell=b,exports.TableHead=v,exports.TableHeaderCell=_,exports.TableRow=m,exports.TableStatusRow=h,exports.default=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_tslib.js"),a=require("react"),t=require("clsx"),r=require("@k8slens/lds-icons"),l=require("./Table.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(a),i=n(t),d=r.navigation.ArrowUpIcon,o=r.navigation.ArrowDownIcon,c=a.createContext({responsive:!0}),u=function(a){var t=a.visibility,r=void 0===t?"sr-only":t,n=a.className,d=a.children,o=e.__rest(a,["visibility","className","children"]);return s.default.createElement("caption",e.__assign({},o,{className:i.default(l.caption,n,{"lds-only-aria":"sr-only"===r}),hidden:"hidden"===r||void 0}),d)},v=function(a){var t=a.children,r=e.__rest(a,["children"]);return s.default.createElement("thead",e.__assign({},r),t)},f=function(a){var t=a.loading,r=void 0!==t&&t,l=a.children,n=e.__rest(a,["loading","children"]);return s.default.createElement("tbody",e.__assign({},n,{"aria-busy":r||void 0}),l)},m=function(a){var t,r=a.error,n=void 0!==r&&r,d=a.className,o=a.children,c=e.__rest(a,["error","className","children"]);return s.default.createElement("tr",e.__assign({},c,{className:i.default(l.row,d,(t={},t[l.rowError]=n,t))}),o)},_=function(a){var t,r,n,c=a.align,u=a.sortable,v=void 0!==u&&u,f=a.sorted,m=void 0!==f&&f,_=a.className,p=a.children,b=e.__rest(a,["align","sortable","sorted","className","children"]),h="center"===c?l.center:"end"===c?l.end:void 0;return s.default.createElement("th",e.__assign({},b,{scope:null!==(n=b.scope)&&void 0!==n?n:"col","aria-sort":"asc"===m?"ascending":"desc"===m?"descending":void 0,className:i.default(l.tableHeader,_,h,(t={},t[l.sortable]=v,t))}),s.default.createElement("span",null,p,v&&("asc"===m?s.default.createElement(d,{className:l.sortIcon}):s.default.createElement(o,{className:i.default(l.sortIcon,(r={},r[l.inactive]=!m,r))}))))},p={accent:l.textAccent,secondary:l.textSecondary,tertiary:l.textTertiary,default:l.textDefault},b=function(t){var r=t.primary,n=void 0!==r&&r,d=t.align,o=t.textStyle,u=t.responsiveHeader,v=t.className,f=t.children,m=e.__rest(t,["primary","align","textStyle","responsiveHeader","className","children"]),_=a.useContext(c).responsive,b=n?"th":"td",h="center"===d?l.center:"end"===d?l.end:void 0,g=o?p[o]:void 0;return s.default.createElement(b,e.__assign({},m,n?{scope:"row"}:{},{className:i.default(l.tableCell,v,h,g)}),_&&null!=u&&s.default.createElement("div",{"aria-hidden":!0,className:l.cellHeader},u),f)},h=function(a){var t=a.colSpan,r=a.children,n=e.__rest(a,["colSpan","children"]);return s.default.createElement("tr",e.__assign({},n),s.default.createElement("td",{colSpan:t},s.default.createElement("div",{className:l.noData},r)))},g=Object.assign(function(a){var t,r=a.responsive,n=void 0===r||r,d=a.bordered,o=void 0!==d&&d,u=a.className,v=a.children,f=e.__rest(a,["responsive","bordered","className","children"]);return s.default.createElement(c.Provider,{value:{responsive:n}},s.default.createElement("table",e.__assign({},f,{className:i.default(l.table,u,(t={},t[l.bordered]=o,t[l.responsive]=n,t))}),v))},{Caption:u,Head:v,Body:f,Row:m,HeaderCell:_,Cell:b,StatusRow:h});exports.TableBody=f,exports.TableCaption=u,exports.TableCell=b,exports.TableHead=v,exports.TableHeaderCell=_,exports.TableRow=m,exports.TableStatusRow=h,exports.default=g;

package/lib/cjs/Table/Table.module.css.js

@@ -1 +1 @@
-"use strict";module.exports={table:"lds-table",row:"lds-table--row",bordered:"lds-table--bordered",tableHeader:"lds-table--table-header",sortable:"lds-table--sortable",sortIcon:"lds-table--sort-icon",inactive:"lds-table--inactive",center:"lds-table--center",end:"lds-table--end",tableCell:"lds-table--table-cell",textAccent:"lds-table--text-accent",textSecondary:"lds-table--text-secondary",textTertiary:"lds-table--text-tertiary",textQuarternary:"lds-table--text-quarternary",textDefault:"lds-table--text-default",cellHeader:"lds-table--cell-header",noData:"lds-table--no-data",caption:"lds-table--caption",responsive:"lds-table--responsive",rowError:"lds-table--row-error",flashError:"lds-table--flash-error"};
+"use strict";module.exports={table:"lds-table",row:"lds-table--row",bordered:"lds-table--bordered",tableHeader:"lds-table--table-header",sortable:"lds-table--sortable",sortIcon:"lds-table--sort-icon",inactive:"lds-table--inactive",center:"lds-table--center",end:"lds-table--end",tableCell:"lds-table--table-cell",textAccent:"lds-table--text-accent",textSecondary:"lds-table--text-secondary",textTertiary:"lds-table--text-tertiary",textDefault:"lds-table--text-default",cellHeader:"lds-table--cell-header",noData:"lds-table--no-data",caption:"lds-table--caption",responsive:"lds-table--responsive",rowError:"lds-table--row-error",flashError:"lds-table--flash-error"};

package/lib/cjs/Textarea/Textarea.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),a=require("clsx"),l=require("./Textarea.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(t),r=n(a),s=t.forwardRef((function(a,n){var s,c,i=a.icon,o=a.autoResize,f=void 0!==o&&o,g=a.wrapperProps,d=a.maxLength,p=a.className,h=a.onChange,m=a.value,v=a.defaultValue,x=e.__rest(a,["icon","autoResize","wrapperProps","maxLength","className","onChange","value","defaultValue"]),_=t.useRef(null),y=t.useState((function(){return"string"==typeof m?m.length:"string"==typeof v?v.length:0})),N=y[0],C=y[1],E=t.useCallback((function(e){_.current=e,"function"==typeof n?n(e):n&&(n.current=e)}),[n]),b=t.useCallback((function(){var e=_.current;e&&f&&(e.style.height="auto",e.style.height="".concat(e.scrollHeight,"px"))}),[f]);t.useEffect((function(){b()}),[m,b]),t.useEffect((function(){"string"==typeof m&&null!=d&&C(m.length)}),[m,d]);var w=t.useCallback((function(e){null!=d&&C(e.target.value.length),b(),null==h||h(e)}),[h,b,d]);return u.default.createElement("div",e.__assign({},g,{className:r.default(l.wrapper,null==g?void 0:g.className,(s={},s[l.withIcon]=i,s))}),u.default.createElement("textarea",e.__assign({ref:E},x,{value:m,defaultValue:v,maxLength:d,onChange:w,className:r.default(l.textarea,p,(c={},c[l.autoResize]=f,c))})),i&&u.default.createElement(i,{className:l.icon}),null!=d&&u.default.createElement("span",{className:l.counter,"aria-live":"polite"},N,"/",d))}));module.exports=s;
+"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),a=require("clsx"),l=require("./Textarea.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(t),r=n(a),s=t.forwardRef(function(a,n){var s,c,i=a.icon,o=a.autoResize,f=void 0!==o&&o,g=a.wrapperProps,d=a.maxLength,p=a.className,h=a.onChange,m=a.value,v=a.defaultValue,x=e.__rest(a,["icon","autoResize","wrapperProps","maxLength","className","onChange","value","defaultValue"]),_=t.useRef(null),y=t.useState(function(){return"string"==typeof m?m.length:"string"==typeof v?v.length:0}),N=y[0],C=y[1],E=t.useCallback(function(e){_.current=e,"function"==typeof n?n(e):n&&(n.current=e)},[n]),b=t.useCallback(function(){var e=_.current;e&&f&&(e.style.height="auto",e.style.height="".concat(e.scrollHeight,"px"))},[f]);t.useEffect(function(){b()},[m,b]),t.useEffect(function(){"string"==typeof m&&null!=d&&C(m.length)},[m,d]);var w=t.useCallback(function(e){null!=d&&C(e.target.value.length),b(),null==h||h(e)},[h,b,d]);return u.default.createElement("div",e.__assign({},g,{className:r.default(l.wrapper,null==g?void 0:g.className,(s={},s[l.withIcon]=i,s))}),u.default.createElement("textarea",e.__assign({ref:E},x,{value:m,defaultValue:v,maxLength:d,onChange:w,className:r.default(l.textarea,p,(c={},c[l.autoResize]=f,c))})),i&&u.default.createElement(i,{className:l.icon}),null!=d&&u.default.createElement("span",{className:l.counter,"aria-live":"polite"},N,"/",d))});module.exports=s;

package/lib/cjs/Tooltip/Tooltip.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),r=require("react-popper"),o=require("clsx"),n=require("../node_modules/lodash/throttle.js"),a=require("rooks"),s=require("./Tooltip.module.css.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=u(t),l=u(o),d={subtree:!0,childList:!0,attributes:!1,characterData:!1};module.exports=function(o){var u,c=o.id,p=o.wrapper,f=void 0===p?"span":p,m=o.mutationsListenerElement,v=o.popupClassName,b=o.placement,y=void 0===b?"auto":b,_=o.alwaysVisible,M=void 0!==_&&_,h=o.text,q=o.children,w=e.__rest(o,["id","wrapper","mutationsListenerElement","popupClassName","placement","alwaysVisible","text","children"]),g=t.useMemo((function(){return"tooltip-".concat(c||Math.random().toString(36).substr(2,9))}),[c]),E=t.useMemo((function(){return m||("undefined"!=typeof document&&"body"in document?document.body:null)}),[m]),x=t.useRef(null),j=t.useRef(null),L=t.useRef(E),N=t.useState(M),C=N[0],R=N[1],S=t.useState(),k=S[0],V=S[1],B=t.useCallback((function(e){V(e)}),[]),D=t.useMemo((function(){return[{name:"offset",options:{offset:[20,0]}},{name:"arrow",options:{padding:6}}]}),[]),F=r.usePopper(null==j?void 0:j.current,k,{placement:y,modifiers:D,strategy:"fixed"}),O=F.styles,P=F.attributes,T=F.update,z=n((function(){var e;null===(e=null==T?void 0:T())||void 0===e||e.catch((function(e){console.error(e)}))}),250);a.useMutationObserver(L,z,d);var A=function(e){M||(R(!0),z())},G=function(e){M||(R(!1),z())};return i.default.createElement(f,e.__assign({id:c,ref:j},w,{onFocus:A,onBlur:G,onMouseEnter:A,onMouseMove:A,onMouseLeave:G,"aria-describedby":g}),q,i.default.createElement("div",e.__assign({id:g,ref:B,className:l.default(v,s.tooltip,(u={"lds-only-aria":!C},u[s.visible]=C,u)),style:e.__assign({},O.popper)},P.popper),i.default.createElement("div",{"data-popper-arrow":!0,ref:x,className:s.caret,style:O.arrow}),h))};
+"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),r=require("react-popper"),o=require("clsx"),n=require("../node_modules/lodash/throttle.js"),a=require("rooks"),s=require("./Tooltip.module.css.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=u(t),l=u(o),d={subtree:!0,childList:!0,attributes:!1,characterData:!1};module.exports=function(o){var u,c=o.id,p=o.wrapper,f=void 0===p?"span":p,m=o.mutationsListenerElement,v=o.popupClassName,b=o.placement,y=void 0===b?"auto":b,_=o.alwaysVisible,M=void 0!==_&&_,h=o.text,q=o.children,w=e.__rest(o,["id","wrapper","mutationsListenerElement","popupClassName","placement","alwaysVisible","text","children"]),g=t.useMemo(function(){return"tooltip-".concat(c||Math.random().toString(36).substr(2,9))},[c]),E=t.useMemo(function(){return m||("undefined"!=typeof document&&"body"in document?document.body:null)},[m]),x=t.useRef(null),j=t.useRef(null),L=t.useRef(E),N=t.useState(M),C=N[0],R=N[1],S=t.useState(),k=S[0],V=S[1],B=t.useCallback(function(e){V(e)},[]),D=t.useMemo(function(){return[{name:"offset",options:{offset:[20,0]}},{name:"arrow",options:{padding:6}}]},[]),F=r.usePopper(null==j?void 0:j.current,k,{placement:y,modifiers:D,strategy:"fixed"}),O=F.styles,P=F.attributes,T=F.update,z=n(function(){var e;null===(e=null==T?void 0:T())||void 0===e||e.catch(function(e){console.error(e)})},250);a.useMutationObserver(L,z,d);var A=function(e){M||(R(!0),z())},G=function(e){M||(R(!1),z())};return i.default.createElement(f,e.__assign({id:c,ref:j},w,{onFocus:A,onBlur:G,onMouseEnter:A,onMouseMove:A,onMouseLeave:G,"aria-describedby":g}),q,i.default.createElement("div",e.__assign({id:g,ref:B,className:l.default(v,s.tooltip,(u={"lds-only-aria":!C},u[s.visible]=C,u)),style:e.__assign({},O.popper)},P.popper),i.default.createElement("div",{"data-popper-arrow":!0,ref:x,className:s.caret,style:O.arrow}),h))};

package/lib/cjs/UserMenu/UserMenu.js

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

package/lib/cjs/UserMenu/UserMenuDropdown.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),n=require("@headlessui/react"),o=require("react-popper"),r=require("clsx"),i=require("../node_modules/@k8slens/lds-tokens/lib/web/tokens.base.js"),a=require("../helpers.js"),s=require("./UserMenuItem.js"),l=require("./UserMenuDropdown.module.css.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t),p=u(r),d=a.convertRemToPixels(i.SpacingLg),m={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 n=t.state;if(void 0!==d&&"undefined"!=typeof window&&"undefined"!=typeof document){var o=n.elements.reference.getBoundingClientRect(),r=document.documentElement,i=n.placement.endsWith("start")?Math.min(r.clientWidth,window.innerWidth)-o.left-d:o.right-d,a=n.placement.startsWith("bottom")?Math.min(r.clientHeight,window.innerHeight)-o.bottom-d:o.top-d;n.styles.popper=e.__assign(e.__assign({},n.styles.popper),{maxWidth:"".concat(i,"px"),maxHeight:"".concat(a,"px")})}}};module.exports=function(r){var a,u,d=r.header,v=r.footer,h=r.origin,g=r.className,y=r.groups,b=r.open,_=r.buttonRef,w=t.useRef(null),k=o.usePopper(null==_?void 0:_.current,null==w?void 0:w.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}},m,f]}),x=k.styles,q=k.attributes;return c.default.createElement(n.Transition,e.__assign({show:b,enter:"transition duration-[".concat(i.TransitionDurationDefault,"] ease-in-out"),enterFrom:"transform opacity-0",enterTo:"transform opacity-100",leave:"transition duration-[".concat(i.TransitionDurationDefault,"] ease-in-out"),leaveFrom:"transform opacity-100",leaveTo:"transform opacity-0",as:"div",className:p.default(l.userMenuDropdown,g),ref:w,style:e.__assign(e.__assign({},x.popper),{minWidth:null===(u=null==_?void 0:_.current)||void 0===u?void 0:u.offsetWidth})},q.popper),c.default.createElement(n.MenuItems,{className:p.default(l.content,(a={},a[l.open]=b,a))},d,y.map((function(e,t){var n,o=e.children;return c.default.createElement("div",{className:p.default(l.group,(n={},n[l.last]=t===y.length-1,n)),key:"group-".concat(t),role:"navigation"},o.map((function(e,t){return c.default.createElement(s,{key:"key"in e?e.key:"item-".concat(t),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:h})})))})),v))};
+"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),n=require("@headlessui/react"),o=require("react-popper"),r=require("clsx"),i=require("../node_modules/@k8slens/lds-tokens/lib/web/tokens.base.js"),a=require("../helpers.js"),s=require("./UserMenuItem.js"),l=require("./UserMenuDropdown.module.css.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t),p=u(r),d=a.convertRemToPixels(i.SpacingLg),m={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 n=t.state;if(void 0!==d&&"undefined"!=typeof window&&"undefined"!=typeof document){var o=n.elements.reference.getBoundingClientRect(),r=document.documentElement,i=n.placement.endsWith("start")?Math.min(r.clientWidth,window.innerWidth)-o.left-d:o.right-d,a=n.placement.startsWith("bottom")?Math.min(r.clientHeight,window.innerHeight)-o.bottom-d:o.top-d;n.styles.popper=e.__assign(e.__assign({},n.styles.popper),{maxWidth:"".concat(i,"px"),maxHeight:"".concat(a,"px")})}}};module.exports=function(r){var a,u,d=r.header,v=r.footer,h=r.origin,g=r.className,y=r.groups,b=r.open,_=r.buttonRef,w=t.useRef(null),k=o.usePopper(null==_?void 0:_.current,null==w?void 0:w.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}},m,f]}),x=k.styles,q=k.attributes;return c.default.createElement(n.Transition,e.__assign({show:b,enter:"transition duration-[".concat(i.TransitionDurationDefault,"] ease-in-out"),enterFrom:"transform opacity-0",enterTo:"transform opacity-100",leave:"transition duration-[".concat(i.TransitionDurationDefault,"] ease-in-out"),leaveFrom:"transform opacity-100",leaveTo:"transform opacity-0",as:"div",className:p.default(l.userMenuDropdown,g),ref:w,style:e.__assign(e.__assign({},x.popper),{minWidth:null===(u=null==_?void 0:_.current)||void 0===u?void 0:u.offsetWidth})},q.popper),c.default.createElement(n.MenuItems,{className:p.default(l.content,(a={},a[l.open]=b,a))},d,y.map(function(e,t){var n,o=e.children;return c.default.createElement("div",{className:p.default(l.group,(n={},n[l.last]=t===y.length-1,n)),key:"group-".concat(t),role:"navigation"},o.map(function(e,t){return c.default.createElement(s,{key:"key"in e?e.key:"item-".concat(t),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:h})}))}),v))};

package/lib/cjs/UserMenu/UserMenuItem.js

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

package/lib/cjs/_virtual/_tslib.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__assign=function(){return exports.__assign=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},exports.__assign.apply(this,arguments)},exports.__rest=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__assign=function(){return exports.__assign=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},exports.__assign.apply(this,arguments)},"function"==typeof SuppressedError&&SuppressedError,exports.__rest=function(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(r);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]])}return t};