@k8slens/lds 0.58.2 → 0.58.4

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.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } from "react";
 import { type MenuItemGroup } from "./default-items";
 import type { MenuItem } from "./UserMenuItem";
+/** Base props shared by default and custom UserMenu variants. */
 export interface BaseUserMenuProps {
     /**
      * Optional header to display in the User Menu.
@@ -23,21 +24,26 @@ export interface BaseUserMenuProps {
      */
     className?: string;
     /**
-     * Origin of the menu item hrefs. Defaults to https://app.k8slens.dev
+     * Origin of the menu item hrefs.
+     * @default "https://app.k8slens.dev"
      */
     origin?: string;
+    /** Ref forwarded to the menu trigger button. */
     buttonRef?: React.MutableRefObject<HTMLButtonElement | null>;
     /**
-     * Loading state of the User Menu. Defaults to false.
+     * Loading state of the User Menu.
+     * @default false
      */
     loading?: boolean;
 }
+/** Props for UserMenu when using built-in default menu items. */
 export interface DefaultUserMenuProps extends BaseUserMenuProps {
     /**
      * Callback to call when the user clicks the Logout button. Required if using the default items.
      */
     onLogoutClick: MenuItem["onClick"];
 }
+/** Props for UserMenu when providing custom menu items. */
 export interface CustomUserMenuProps extends BaseUserMenuProps {
     /**
      * Data to display in the User Menu
@@ -48,6 +54,7 @@ export interface CustomUserMenuProps extends BaseUserMenuProps {
      */
     onLogoutClick?: MenuItem["onClick"];
 }
+/** Props for the UserMenu component (discriminated union of default and custom variants). */
 export declare type UserMenuProps = DefaultUserMenuProps | CustomUserMenuProps;
 /**
  * Displays user info with dropdown menu for account actions. Uses default menu items if `items` prop is not provided.

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.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode, RefObject } from "react";
 import { MenuItemGroup } from "./default-items";
+/** Props for the UserMenuDropdown component. */
 export interface UserMenuDropdownProps {
     /**
      * Optional header to display in the User Menu.
@@ -10,27 +11,30 @@ export interface UserMenuDropdownProps {
      */
     footer?: ReactNode;
     /**
-     * Is the User Menu open
+     * Whether the User Menu dropdown is open.
      */
     open: boolean;
     /**
-     * Data to display in the User Menu
+     * Menu item groups to display in the dropdown.
      */
     groups: Array<MenuItemGroup>;
     /**
-     * Optional class name to apply to the User Menu button
+     * Optional class name to apply to the dropdown wrapper.
      */
     className?: string;
     /**
-     * Origin of the menu item hrefs. Defaults to https://app.k8slens.dev
+     * Origin of the menu item hrefs.
+     * @default "https://app.k8slens.dev"
      */
     origin?: string;
     /**
-     * Ref to the button that opens the dropdown
+     * Ref to the button that opens the dropdown, used for Popper positioning.
      */
     buttonRef?: RefObject<HTMLButtonElement>;
 }
 /**
- * UserMenuDropdown is a component that displays a dropdown menu of links. Uses Popper.js for positioning.
+ * Dropdown panel for the UserMenu that displays grouped menu items. Uses Popper.js for positioning.
+ *
+ * Usage: `import { UserMenuDropdown } from "@k8slens/lds"`
  */
 export default function UserMenuDropdown({ header, footer, origin, className, groups, open, buttonRef, }: UserMenuDropdownProps): React.JSX.Element;

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.d.ts

@@ -1,22 +1,43 @@
 import React from "react";
 import type { MouseEvent } from "react";
 import { type Icon } from "@k8slens/lds-icons/lib/es/Icon/Icon";
+/** Data shape for a single menu item in UserMenu. */
 export declare type MenuItem = {
+    /** Unique key for the menu item, used for identification (e.g. "logout"). */
     key?: string;
+    /**
+     * Visual style of the menu item.
+     * @default "default"
+     */
     type?: "default" | "danger";
+    /** Icon component rendered before the title. */
     icon?: Icon;
+    /** Display text of the menu item. */
     title: string;
+    /** Whether the menu item is disabled. */
     disabled?: boolean;
+    /** Whether the link opens in a new tab. */
     external?: boolean;
+    /** URL or path the menu item links to. */
     href?: string;
+    /** Click handler for the menu item. */
     onClick?: (e: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
 };
+/** Props for the UserMenuItem component. */
 export interface UserMenuItemProps extends MenuItem {
+    /** Base URL prepended to relative `href` values. */
     origin?: string;
+    /** Whether the menu item is visually selected. */
     selected?: boolean;
     /**
-     * Optional class name to apply to the avatar
+     * Optional class name to apply to the menu item.
      */
     className?: string;
 }
+/**
+ * Individual menu item rendered within a UserMenuDropdown. Renders as a link, button, or disabled span
+ * depending on `href`, `onClick`, and `disabled` props.
+ *
+ * Usage: `import { UserMenuItem } from "@k8slens/lds"`
+ */
 export default function UserMenuItem({ type, title, icon: Icon, disabled, external, onClick, selected, href: path, origin, className: cls, }: UserMenuItemProps): React.JSX.Element;

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};

package/lib/cjs/node_modules/lodash/_basePick.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./_basePickBy.js"),r=require("./hasIn.js"),s=e._basePickBy,t=r.hasIn_1;var i=function(e,r){return s(e,r,(function(r,s){return t(e,s)}))};exports._basePick=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./_basePickBy.js"),r=require("./hasIn.js"),s=e._basePickBy,t=r.hasIn_1;var i=function(e,r){return s(e,r,function(r,s){return t(e,s)})};exports._basePick=i;

package/lib/cjs/node_modules/lodash/_baseToString.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("./_Symbol.js"),e=require("./_arrayMap.js"),i=require("./isArray.js"),t=require("./isSymbol.js"),o=r._Symbol,s=e._arrayMap,a=i.isArray_1,n=t.isSymbol_1,u=o?o.prototype:void 0,y=u?u.toString:void 0;var _=function r(e){if("string"==typeof e)return e;if(a(e))return s(e,r)+"";if(n(e))return y?y.call(e):"";var i=e+"";return"0"==i&&1/e==-Infinity?"-0":i};exports._baseToString=_;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("./_Symbol.js"),e=require("./_arrayMap.js"),i=require("./isArray.js"),t=require("./isSymbol.js"),o=r._Symbol,s=e._arrayMap,a=i.isArray_1,u=t.isSymbol_1,y=o?o.prototype:void 0,n=y?y.toString:void 0;var _=function r(e){if("string"==typeof e)return e;if(a(e))return s(e,r)+"";if(u(e))return n?n.call(e):"";var i=e+"";return"0"==i&&1/e==-1/0?"-0":i};exports._baseToString=_;

package/lib/cjs/node_modules/lodash/_memoizeCapped.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./memoize.js").memoize_1;var r=function(r){var t=e(r,(function(e){return 500===i.size&&i.clear(),e})),i=t.cache;return t};exports._memoizeCapped=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./memoize.js").memoize_1;var r=function(r){var t=e(r,function(e){return 500===i.size&&i.clear(),e}),i=t.cache;return t};exports._memoizeCapped=r;

package/lib/cjs/node_modules/lodash/_stringToPath.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./_memoizeCapped.js")._memoizeCapped,r=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,t=/\\(\\)?/g,p=e((function(e){var p=[];return 46===e.charCodeAt(0)&&p.push(""),e.replace(r,(function(e,r,o,a){p.push(o?a.replace(t,"$1"):r||e)})),p}));exports._stringToPath=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./_memoizeCapped.js")._memoizeCapped,r=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,t=/\\(\\)?/g,p=e(function(e){var p=[];return 46===e.charCodeAt(0)&&p.push(""),e.replace(r,function(e,r,o,a){p.push(o?a.replace(t,"$1"):r||e)}),p});exports._stringToPath=p;

package/lib/cjs/node_modules/lodash/_toKey.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./isSymbol.js").isSymbol_1;var r=function(r){if("string"==typeof r||e(r))return r;var t=r+"";return"0"==t&&1/r==-Infinity?"-0":t};exports._toKey=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./isSymbol.js").isSymbol_1;var r=function(r){if("string"==typeof r||e(r))return r;var t=r+"";return"0"==t&&1/r==-1/0?"-0":t};exports._toKey=r;

package/lib/cjs/node_modules/lodash/pick.js

@@ -1 +1 @@
-"use strict";var e=require("../../_virtual/_commonjsHelpers.js"),r=require("./_basePick.js"),s=require("./_flatRest.js"),t=r._basePick,u=(0,s._flatRest)((function(e,r){return null==e?{}:t(e,r)})),i=e.getDefaultExportFromCjs(u);module.exports=i;
+"use strict";var e=require("../../_virtual/_commonjsHelpers.js"),r=require("./_basePick.js"),s=require("./_flatRest.js"),t=r._basePick,u=(0,s._flatRest)(function(e,r){return null==e?{}:t(e,r)}),i=e.getDefaultExportFromCjs(u);module.exports=i;

package/lib/es/Avatar/Avatar.d.ts

@@ -1,5 +1,6 @@
 import React, { type HTMLAttributes } from "react";
 import { type Icon } from "@k8slens/lds-icons/lib/es/Icon/Icon";
+/** Props for the Avatar component. */
 export interface AvatarProps extends Pick<HTMLAttributes<HTMLDivElement>, "aria-hidden" | "aria-label"> {
     /**
      * Full name of the user. Initials will be generated from this value and shown if no image is provided.
@@ -14,7 +15,8 @@ export interface AvatarProps extends Pick<HTMLAttributes<HTMLDivElement>, "aria-
      */
     image?: string | Icon | null;
     /**
-     * Size of the avatar. Defaults to "md"
+     * Size of the avatar.
+     * @default "md"
      */
     size?: "sm" | "md" | "xl";
 }

package/lib/es/Avatar/Avatar.js

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

package/lib/es/Badge/Badge.d.ts

@@ -1,16 +1,18 @@
 import React, { HTMLAttributes } from "react";
+/** Props for the Badge component. */
 export interface BadgeProps extends Pick<HTMLAttributes<HTMLSpanElement>, "id" | "className" | "title" | "aria-label" | "aria-hidden" | "role"> {
     /**
-     * If no title has not been provided, the badge will be hidden from screen readers.
+     * If no title is provided, the badge will be hidden from screen readers.
      */
     title?: string;
     /**
-     * Defines the color of the lozenge.
-     * @default secondary
+     * Defines the color of the badge.
+     * @default "secondary"
      */
     type?: "primary" | "secondary" | "success" | "error" | "warning";
     /**
-     * @default sm
+     * Size of the badge.
+     * @default "sm"
      */
     size?: "sm" | "md" | "lg";
 }

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

@@ -1,41 +1,65 @@
 import React, { ButtonHTMLAttributes, ReactNode } from "react";
 import { Props } from "./shared";
+/** Props for the Button component. */
 export interface ButtonProps extends Props, Pick<ButtonHTMLAttributes<HTMLButtonElement>, "id" | "className" | "aria-label" | "title"> {
+    /**
+     * The HTML `type` attribute for the underlying `<button>` element.
+     * @default "button"
+     */
     buttonType?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
     /**
-     * Specify the the initial value of the button element, used when the button is inside a form.
+     * Specify the initial value of the button element, used when the button is inside a form.
      */
     buttonValue?: ButtonHTMLAttributes<HTMLButtonElement>["value"];
     /**
-     * Specify the the name of the button element, used when the button is inside a form.
+     * Specify the name of the button element, used when the button is inside a form.
      */
     buttonName?: ButtonHTMLAttributes<HTMLButtonElement>["name"];
+    /**
+     * Whether to show the loading activity indicator.
+     * @default false
+     */
     loading?: boolean;
     /**
-     * When set to true true, if the onClick callback returns a promise,
+     * When set to true, if the onClick callback returns a promise,
      * loading activity indicator will be shown until the promise has been resolved/rejected.
+     * @default false
      */
     loadingStateOnPromise?: boolean;
+    /** Click handler. May return a promise when used with `loadingStateOnPromise`. */
     onClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): Promise<unknown> | unknown;
 }
+/** Props for the Button component when `label` is a ReactNode (requires explicit `aria-label`). */
 export interface ButtonPropsWithLabelNode extends Omit<Props, "label">, Pick<ButtonHTMLAttributes<HTMLButtonElement>, "id" | "className" | "title"> {
+    /**
+     * The HTML `type` attribute for the underlying `<button>` element.
+     * @default "button"
+     */
     buttonType?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
     /**
-     * Specify the the initial value of the button element, used when the button is inside a form.
+     * Specify the initial value of the button element, used when the button is inside a form.
      */
     buttonValue?: ButtonHTMLAttributes<HTMLButtonElement>["value"];
     /**
-     * Specify the the name of the button element, used when the button is inside a form.
+     * Specify the name of the button element, used when the button is inside a form.
      */
     buttonName?: ButtonHTMLAttributes<HTMLButtonElement>["name"];
+    /**
+     * Whether to show the loading activity indicator.
+     * @default false
+     */
     loading?: boolean;
     /**
-     * When set to true true, if the onClick callback returns a promise,
+     * When set to true, if the onClick callback returns a promise,
      * loading activity indicator will be shown until the promise has been resolved/rejected.
+     * @default false
      */
     loadingStateOnPromise?: boolean;
+    /** Required accessible label when `label` is a ReactNode. */
     "aria-label": string;
+    /** Button label content, accepts ReactNode. */
     label: ReactNode;
+    /** Click handler. May return a promise when used with `loadingStateOnPromise`. */
     onClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): Promise<unknown> | unknown;
 }
 /**
@@ -44,6 +68,10 @@ export interface ButtonPropsWithLabelNode extends Omit<Props, "label">, Pick<But
  * from `onClick` will show a loading indicator until the promise has been resolved/rejected.
  *
  * Usage: `import { Button } from "@k8slens/lds"`
+ *
+ * ```tsx
+ * <Button label="Save" type="primary" onClick={handleSave} />
+ * ```
  */
 declare const Button: React.ForwardRefExoticComponent<(ButtonProps | ButtonPropsWithLabelNode) & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/lib/es/Button/Button.js

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

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

@@ -4,17 +4,46 @@ export declare type Type = "default" | "primary" | "ok" | "danger" | "caution";
 export declare type Size = "xxs" | "xs" | "sm" | "md";
 export declare type IconPosition = "right" | "left";
 export declare type TextTransform = "uppercase" | "capitalize";
+/** Shared props for the Button component variants. */
 export interface Props {
+    /** Text label rendered inside the button. */
     label: string;
+    /** Icon component rendered alongside the label. */
     icon?: Icon;
+    /**
+     * Which side of the label the icon is rendered on.
+     * @default "left"
+     */
     iconPosition?: IconPosition;
+    /**
+     * Visual style variant of the button.
+     * @default "default"
+     */
     type?: Type;
+    /**
+     * Size of the button.
+     * @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. */
     discreet?: boolean;
-    /** @deprecated Use `case: "textTransform"` instead */
+    /**
+     * Text transform applied to the label.
+     * @deprecated Use `textTransform` instead.
+     */
     case?: TextTransform;
+    /** Text transform applied to the label. */
     textTransform?: TextTransform;
+    /** Additional content rendered after the label. */
     children?: React.ReactNode;
 }

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

@@ -3,15 +3,32 @@ declare type ExtractIntrinsicElementProps<Element extends keyof JSX.IntrinsicEle
 declare type ExtractComponentProps<TComponentOrTProps> = TComponentOrTProps extends React.ComponentType<infer TProps> ? TProps : TComponentOrTProps;
 declare type ExtractProps<TComponentOrTProps> = TComponentOrTProps extends keyof JSX.IntrinsicElements ? ExtractIntrinsicElementProps<TComponentOrTProps> : ExtractComponentProps<TComponentOrTProps>;
 export declare type Type = "default" | "centered" | "stacked" | "grid";
+/** Props for the ButtonBar component. */
 export declare type ButtonBarProps<ElementType extends JSX.IntrinsicElements | React.ElementType<any>> = Partial<Omit<ExtractProps<ElementType>, "children" | "as" | "type" | "gridSize">> & {
+    /**
+     * Element or component to render as the container.
+     * @default "div"
+     */
     as?: keyof JSX.IntrinsicElements | React.ElementType<any> | undefined;
+    /**
+     * Layout type for the button arrangement.
+     * @default "default"
+     */
     type?: Type;
+    /** Override the grid column count (only used when `type` is `"grid"`). */
     gridSize?: Number;
 };
 /**
  * A container for buttons. Set `type` prop to change the layout of the buttons.
  *
  * Usage: `import { ButtonBar } from "@k8slens/lds"`
+ *
+ * ```tsx
+ * <ButtonBar>
+ *   <Button label="Cancel" />
+ *   <Button label="Save" type="primary" />
+ * </ButtonBar>
+ * ```
  */
 declare function ButtonBar<ElementType extends JSX.IntrinsicElements | React.ElementType<any>>({ as: Component, type, gridSize, children, ...props }: PropsWithChildren<ButtonBarProps<ElementType>>): React.JSX.Element;
 export default ButtonBar;

package/lib/es/ButtonBar/ButtonBar.js

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

package/lib/es/Checkbox/Checkbox.d.ts

@@ -1,7 +1,14 @@
 import React from "react";
+/** Props for the Checkbox component. */
 export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "value" | "disabled"> {
+    /** Whether the checkbox is checked. */
     value: boolean;
+    /** Change handler receiving the new value and the original event. */
     onChange(value: boolean, evt: React.ChangeEvent<HTMLInputElement>): void;
+    /**
+     * Whether the checkbox is disabled.
+     * @default false
+     */
     disabled?: boolean;
 }
 /**

package/lib/es/ConfirmDialog/ConfirmDialog.d.ts

@@ -1,15 +1,31 @@
 import React, { type ReactNode } from "react";
 import { type ButtonProps } from "../Button/Button";
 declare type AllowedButtonProps = Pick<ButtonProps, "type" | "size" | "discreet" | "icon" | "iconPosition" | "textTransform">;
+/** Props for the ConfirmDialog component. */
 export declare type ConfirmDialogProps = {
+    /** Title displayed in the confirm dialog header. */
     title: string;
+    /** Optional message body rendered below the title. */
     message?: string | ReactNode;
+    /**
+     * Label for the confirm button.
+     * @default "Ok"
+     */
     confirmText?: string;
+    /**
+     * Label for the cancel button.
+     * @default "Cancel"
+     */
     cancelLabel?: string;
+    /** Additional Button props forwarded to the confirm button. */
     confirmButtonProps?: Partial<AllowedButtonProps>;
+    /** Additional Button props forwarded to the cancel button. */
     cancelButtonProps?: Partial<AllowedButtonProps>;
+    /** Called when the dialog is dismissed (overlay click or escape key). */
     handleClose: () => void;
+    /** Called when the user clicks the confirm button. */
     handleConfirm: () => void;
+    /** Called when the user clicks the cancel button. */
     handleCancel: () => void;
 };
 /**

package/lib/es/ConfirmDialog/ConfirmDialog.js

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

package/lib/es/ContextMenu/ContextMenu.js

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

package/lib/es/DrawerTransition/DrawerTransition.d.ts

@@ -1,10 +1,30 @@
 import React, { PropsWithChildren } from "react";
+/** Props for the DrawerTransition component. */
 export interface DrawerTransitionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether the drawer is open. */
     open: boolean;
+    /**
+     * Transition duration in milliseconds.
+     * @default 250
+     */
     duration?: number;
+    /** Callback fired after the enter transition completes. */
     afterEnter?: () => void;
+    /** Callback fired after the exit transition completes. */
     afterExit?: () => void;
+    /** Changes in dependencies trigger re-calculation of the drawer dimensions. */
     deps?: object;
 }
+/**
+ * An animated drawer that expands and collapses content with a height transition.
+ *
+ * Usage: `import { DrawerTransition } from "@k8slens/lds"`
+ *
+ * ```tsx
+ * <DrawerTransition open={isOpen}>
+ *   <p>Collapsible content here</p>
+ * </DrawerTransition>
+ * ```
+ */
 declare const DrawerTransition: React.FC<PropsWithChildren<DrawerTransitionProps>>;
 export default DrawerTransition;

package/lib/es/DrawerTransition/DrawerTransition.js

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

package/lib/es/Input/Input.d.ts

@@ -1,15 +1,23 @@
 import React, { HTMLInputTypeAttribute } from "react";
 import { type Icon } from "@k8slens/lds-icons/lib/es/Icon/Icon";
 export declare type InputType = Exclude<HTMLInputTypeAttribute, "button" | "checkbox" | "radio" | "number">;
+/** Props for the Input component. */
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
+    /** Icon component displayed on the right side of the input. */
     icon?: Icon;
+    /** HTML input type (excludes button, checkbox, radio, number). */
     type?: InputType;
+    /** Props forwarded to the wrapping `div` element. */
     wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
 }
 /**
  * A simple input component. Set `icon` prop to show an icon on the right side of the input.
  *
  * Usage: `import { Input } from "@k8slens/lds"`
+ *
+ * ```tsx
+ * <Input placeholder="Enter text" onChange={handleChange} />
+ * ```
  */
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/lib/es/Input/Input.js

@@ -1 +1 @@
-import{__rest as r,__assign as e}from"../_virtual/_tslib.js";import a,{forwardRef as t}from"react";import o from"clsx";import s from"./Input.module.css.js";var l=t((function(t,l){var m,c=t.icon,i=t.wrapperProps,p=r(t,["icon","wrapperProps"]);return a.createElement("div",e({},i,{className:o(s.wrapper,null==i?void 0:i.className,(m={},m[s.withIcon]=c,m))}),a.createElement("input",e({ref:l},p,{className:o(s.input,(null==p?void 0:p.className)||"")})),c&&a.createElement(c,{className:s.icon}))}));export{l as default};
+import{__rest as r,__assign as e}from"../_virtual/_tslib.js";import a,{forwardRef as t}from"react";import o from"clsx";import s from"./Input.module.css.js";var l=t(function(t,l){var m,c=t.icon,i=t.wrapperProps,p=r(t,["icon","wrapperProps"]);return a.createElement("div",e({},i,{className:o(s.wrapper,null==i?void 0:i.className,(m={},m[s.withIcon]=c,m))}),a.createElement("input",e({ref:l},p,{className:o(s.input,(null==p?void 0:p.className)||"")})),c&&a.createElement(c,{className:s.icon}))});export{l as default};