@cloudoperators/juno-ui-components 2.31.0 → 2.33.0

package/build/TopNavigation.js

@@ -1 +1 @@
-export{T as TopNavigation}from"./TopNavigation.component-gPpoiPKf.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Navigation.component-Q2fi8-qR.js";
+export{T as TopNavigation}from"./TopNavigation.component-CkGidYsu.js";import"react";import"./Navigation.component-DaabNHev.js";

package/build/TopNavigationItem.component-CqIlCTjB.js

@@ -0,0 +1,26 @@
+import React__default from"react";import{N as NavigationItem}from"./NavigationItem.component-DI0SMWsi.js";const topNavItemStyles=`
+  jn-flex
+  jn-items-center
+  jn-grow-0
+  jn-box-border
+  jn-justify-start
+  jn-text-theme-default
+  jn-font-bold
+  jn-leading-6
+  jn-py-[0.875rem]
+  jn-px-[1.9rem]
+  jn-text-theme-default
+  jn-bg-theme-topnavigation-item
+  hover:jn-text-theme-high
+  hover:jn-bg-theme-topnavigation-item-active
+  active:jn-text-theme-high
+  active:jn-bg-theme-topnavigation-item-active
+  focus-visible:jn-outline-none
+  focus-visible:jn-ring-2
+  focus-visible:jn-ring-theme-focus
+`,topNavActiveItemStyles=`
+  jn-font-bold
+  jn-text-theme-high
+  jn-bg-theme-topnavigation-item-active
+  jn-border-b-[3px]
+`,TopNavigationItem=a=>{let{active:d=!1,ariaLabel:b,children:e=null,className:f="",disabled:g=!1,href:h="",icon:i=null,label:j="",onClick:k=void 0,value:l="",...c}=a;return React__default.createElement(NavigationItem,{active:d,activeItemStyles:topNavActiveItemStyles,ariaLabel:b,className:`juno-topnavigation-item ${topNavItemStyles} ${f}`,disabled:g,icon:i,label:j,href:h,onClick:k,value:l,...c},e)};export{TopNavigationItem as T};

package/build/TopNavigationItem.js

@@ -1 +1 @@
-export{T as TopNavigationItem}from"./TopNavigationItem.component-C99GMBgq.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./NavigationItem.component-DcH7SF-F.js";import"./Navigation.component-Q2fi8-qR.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";
+export{T as TopNavigationItem}from"./TopNavigationItem.component-CqIlCTjB.js";import"react";import"./NavigationItem.component-DI0SMWsi.js";import"./Navigation.component-DaabNHev.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";

package/build/components/AppShell/AppShell.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.component.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB;;GAEG;AACH,eAAO,MAAM,QAAQ,yIAWlB,aAAa,sBAsDf,CAAA;AAED,MAAM,WAAW,aAAa;IAC5B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gLAAgL;IAChL,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACrC,uGAAuG;IACvG,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,gHAAgH;IAChH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,kHAAkH;IAClH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,qMAAqM;IACrM,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;sJACkJ;IAClJ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2YAA2Y;IAC3Y,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"AppShell.component.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB;;GAEG;AACH,eAAO,MAAM,QAAQ,yIAWlB,aAAa,sBA+Df,CAAA;AAED,MAAM,WAAW,aAAa;IAC5B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gLAAgL;IAChL,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACrC,uGAAuG;IACvG,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,gHAAgH;IAChH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,kHAAkH;IAClH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,qMAAqM;IACrM,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;sJACkJ;IAClJ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2YAA2Y;IAC3Y,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface ContentAreaToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS classes for custom styling.
+     */
+    className?: string;
+    /**
+     * Custom content to render within the content area toolbar.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * ContentAreaToolbar represents the main toolbar within the content area.
+ * It is designed to hold main actions relevant to the current page.
+ */
+export declare const ContentAreaToolbar: React.FC<ContentAreaToolbarProps>;
+//# sourceMappingURL=ContentAreaToolbar.component.d.ts.map

package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentAreaToolbar.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentAreaToolbar/ContentAreaToolbar.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAMhE,CAAA"}

package/build/components/ContentAreaToolbar/index.d.ts

@@ -0,0 +1,2 @@
+export { ContentAreaToolbar } from "./ContentAreaToolbar.component";
+//# sourceMappingURL=index.d.ts.map

package/build/components/ContentAreaToolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContentAreaToolbar/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA"}

package/build/components/ContentContainer/ContentContainer.component.d.ts

@@ -1,12 +1,19 @@
 import React from "react";
-/**
- * Only needed if you want to build your app's scaffold manually. In most cases it is better to use the AppShell component instead.
- * A container for app content. Will be centered on the screen when browser window is wider than the max breakpoint width.
- */
-export declare const ContentContainer: ({ className, children, ...props }: ContentContainerProps) => React.JSX.Element;
-export interface ContentContainerProps {
-    /** Add custom class name */
+export interface ContentContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS classes for custom styling.
+     */
     className?: string;
+    /**
+     * Custom content to render within the container.
+     */
     children?: React.ReactNode;
 }
+/**
+ * ContentContainer serves as a wrapper for app content.
+ * It is intended for manual app scaffold creation. In most cases, using the AppShell component instead is recommended.
+ *
+ * Note: When the browser window is wider than the max breakpoint width, the content within this container will be centered on the screen.
+ */
+export declare const ContentContainer: React.FC<ContentContainerProps>;
 //# sourceMappingURL=ContentContainer.component.d.ts.map

package/build/components/ContentContainer/ContentContainer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentContainer.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentContainer/ContentContainer.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB;;;GAGG;AACH,eAAO,MAAM,gBAAgB,sCAAmD,qBAAqB,sBAMpG,CAAA;AAED,MAAM,WAAW,qBAAqB;IACpC,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}
+{"version":3,"file":"ContentContainer.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentContainer/ContentContainer.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAM5D,CAAA"}

package/build/components/ContentHeading/ContentHeading.component.d.ts

@@ -1,15 +1,24 @@
 import React from "react";
-/**
-
- *The main heading of a page/View. Pass as a child into `<AppShell>` or, when scaffolding manually, into `<ContentContainer>`.
- */
-export declare const ContentHeading: ({ heading, className, children, ...props }: ContentHeadingProps) => React.JSX.Element;
-export interface ContentHeadingProps {
-    /** Optionally render children. If children are present, heading will be ignored */
+export interface ContentHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * Custom content to render within the container heading.
+     * Takes precedence over the heading prop.
+     */
     children?: React.ReactNode;
-    /** Text to use as a title */
+    /**
+     * Text for the heading. Used if children is not provided.
+     * Children prop takes precedence.
+     */
     heading?: string;
-    /** Add custom class name */
+    /**
+     * Additional CSS classes for custom styling.
+     */
     className?: string;
 }
+/**
+ * ContentHeading represents the main heading of a page or view.
+ * It can be used within an `<AppShell>` component or, if scaffolding manually, within a `<ContentContainer>` component.
+ * The heading text can be provided either via the `heading` prop or by passing it as `children`.
+ */
+export declare const ContentHeading: React.FC<ContentHeadingProps>;
 //# sourceMappingURL=ContentHeading.component.d.ts.map

package/build/components/ContentHeading/ContentHeading.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentHeading.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentHeading/ContentHeading.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB;;;GAGG;AACH,eAAO,MAAM,cAAc,+CAAiE,mBAAmB,sBAM9G,CAAA;AAED,MAAM,WAAW,mBAAmB;IAClC,mFAAmF;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"ContentHeading.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentHeading/ContentHeading.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACnF;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMxD,CAAA"}

package/build/components/HeaderContainer/HeaderContainer.component.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export declare const HeaderContainer: React.FC<HeaderContainerProps>;
+export interface HeaderContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether the page/view content will stretch over the full width of the viewport or not. Default is `false`. */
+    fullWidth?: boolean;
+    /** Add custom class name */
+    className?: string;
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=HeaderContainer.component.d.ts.map

package/build/components/HeaderContainer/HeaderContainer.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderContainer.component.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderContainer/HeaderContainer.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkB1D,CAAA;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,iHAAiH;IACjH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}

package/build/components/HeaderContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { HeaderContainer, type HeaderContainerProps } from "./HeaderContainer.component";
+//# sourceMappingURL=index.d.ts.map

package/build/components/HeaderContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderContainer/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,6BAA6B,CAAA"}

package/build/components/Pagination/Pagination.component.d.ts

@@ -0,0 +1,72 @@
+import React from "react";
+export type PaginationProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onBlur"> & {
+    /**
+     * The variant determines the style and user interaction method of the Pagination component:
+     * - "default": Renders previous and next buttons only.
+     * - "number": Displays the current page number between next and previous buttons.
+     * - "select": Provides a dropdown menu between next and previous buttons for specific page selection.
+     * - "input": Provides an input field for specific page entry.
+     */
+    variant?: "default" | "number" | "select" | "input";
+    /**
+     * The current page number.
+     */
+    currentPage?: number;
+    /**
+     * The total number of pages available.
+     */
+    totalPages?: number;
+    /**
+     * A fallback property for providing the total number of pages, maintained for backward compatibility.
+     */
+    pages?: number;
+    /**
+     * When true, disables the entire pagination component, preventing any interaction.
+     */
+    disabled?: boolean;
+    /**
+     * When true, simulates the component being on the first page, disabling the previous button.
+     */
+    isFirstPage?: boolean;
+    /**
+     * When true, simulates the component being on the last page, disabling the next button.
+     */
+    isLastPage?: boolean;
+    /**
+     * Callback function triggered when the previous button is pressed.
+     */
+    onPressPrevious?: (newPage?: number) => void;
+    /**
+     * Callback function triggered when the next button is pressed.
+     */
+    onPressNext?: (newPage?: number) => void;
+    /**
+     * Callback function triggered when a new page is selected from the dropdown, applicable when variant is "select".
+     */
+    onSelectChange?: (selected: number) => void;
+    /**
+     * Callback function triggered when the input field value changes, applicable when variant is "input".
+     */
+    onInputChange?: (inputValue?: number) => void;
+    /**
+     * Callback function triggered when a key is pressed in the input field, applicable when variant is "input".
+     */
+    onKeyPress?: (controlCurrentPage?: number) => void;
+    /**
+     * Callback function triggered when the input field loses focus, applicable when variant is "input".
+     */
+    onBlur?: (controlCurrentPage?: number) => void;
+    /**
+     * Displays a loading spinner and disables interaction when true.
+     */
+    progress?: boolean;
+    /**
+     * Additional CSS classes for custom styling.
+     */
+    className?: string;
+};
+/**
+ * The Pagination component provides navigation controls for paginated content.
+ */
+export declare const Pagination: React.FC<PaginationProps>;
+//# sourceMappingURL=Pagination.component.d.ts.map

package/build/components/Pagination/Pagination.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.component.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.component.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAkBlD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IACnF;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuMhD,CAAA"}

package/build/components/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { Pagination } from "./Pagination.component";
+//# sourceMappingURL=index.d.ts.map

package/build/components/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA"}

package/build/components/Panel/Panel.component.d.ts

@@ -0,0 +1,39 @@
+import { FC, HTMLAttributes, ReactNode, MouseEvent } from "react";
+type PanelSize = "default" | "large";
+export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Title of the panel.
+     */
+    heading?: ReactNode;
+    /**
+     * Size of the opened panel.
+     */
+    size?: PanelSize;
+    /**
+     * Controls whether the panel is open and visible.
+     */
+    opened?: boolean;
+    /**
+     * Determines whether the panel can be closed using a close button.
+     */
+    closeable?: boolean;
+    /**
+     * Handler called when the close button is clicked.
+     */
+    onClose?: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * Additional CSS classes to apply to the panel for custom styling.
+     */
+    className?: string;
+    /**
+     * Content to be rendered inside the main body of the panel.
+     */
+    children?: ReactNode;
+}
+/**
+ * A Panel component that slides in from the right side of the screen.
+ * It can be used to display additional content/controls for the content area.
+ */
+export declare const Panel: FC<PanelProps>;
+export {};
+//# sourceMappingURL=Panel.component.d.ts.map

package/build/components/Panel/Panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.component.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAA+B,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAsDrG,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IAEH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAClD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA8DhC,CAAA"}

package/build/components/Panel/index.d.ts

@@ -0,0 +1,2 @@
+export { Panel } from "./Panel.component";
+//# sourceMappingURL=index.d.ts.map

package/build/components/Panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA"}

package/build/components/PanelBody/PanelBody.component.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode, HTMLAttributes } from "react";
+export interface PanelBodyProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS classes to apply to the panel body for custom styling.
+     */
+    className?: string;
+    /**
+     * The content to be rendered inside the panel body.
+     * Typically, this will include form elements and other interactive content.
+     */
+    children?: ReactNode;
+    /**
+     * Optional footer component to be rendered below the main content.
+     * The footer can include buttons or other control elements.
+     */
+    footer?: React.ReactElement;
+}
+/**
+ * A PanelBody component is used to encapsulate the main content of a panel.
+ * The primary content for the panel, such as forms or information, is rendered here.
+ */
+export declare const PanelBody: React.FC<PanelBodyProps>;
+//# sourceMappingURL=PanelBody.component.d.ts.map

package/build/components/PanelBody/PanelBody.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelBody.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelBody/PanelBody.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAOxD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAO9C,CAAA"}

package/build/components/PanelBody/index.d.ts

@@ -0,0 +1,2 @@
+export { PanelBody } from "./PanelBody.component";
+//# sourceMappingURL=index.d.ts.map

package/build/components/PanelBody/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PanelBody/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA"}

package/build/components/PanelFooter/PanelFooter.component.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode, HTMLAttributes } from "react";
+export interface PanelFooterProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS classes to apply to the panel footer for custom styling.
+     */
+    className?: string;
+    /**
+     * The content to render inside the panel footer.
+     * Typically, this will include buttons or other control elements.
+     */
+    children?: ReactNode;
+}
+/**
+ * The PanelFooter component renders the footer section of a panel.
+ * Typically used to contain footer elements like buttons, which can be added to the PanelBody component via its `footer` property.
+ * Buttons placed inside will be automatically aligned to the right.
+ */
+export declare const PanelFooter: React.FC<PanelFooterProps>;
+//# sourceMappingURL=PanelFooter.component.d.ts.map

package/build/components/PanelFooter/PanelFooter.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelFooter/PanelFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAcxD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAA"}

package/build/components/PanelFooter/index.d.ts

@@ -0,0 +1,2 @@
+export { PanelFooter } from "./PanelFooter.component";
+//# sourceMappingURL=index.d.ts.map

package/build/components/PanelFooter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PanelFooter/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA"}

package/build/components/SecretText/SecretText.component.d.ts

@@ -0,0 +1,78 @@
+import React from "react";
+/** A component to hold a secret text, e.g. an SSH key, and conceal or reveal as needed. */
+export declare const SecretText: React.FC<SecretTextProps>;
+type ValueChangeHandler = (value: string) => void;
+export interface SecretTextProps extends Omit<React.HTMLAttributes<HTMLTextAreaElement>, "onCopy" | "onPaste"> {
+    /** Whether the secret field should autocomplete. */
+    autoComplete?: string;
+    /** Pass a custom className to the Secret input field. */
+    className?: string;
+    /** Whether the Clear button is rendered. */
+    clear?: boolean;
+    /** Whether the Copy button is rendered. */
+    copy?: boolean;
+    /** A small text to display for a second to confirm the secret's content was copied to the clipboard. */
+    copyConfirmtext?: string;
+    /** Disable the Clear button */
+    disableClear?: boolean;
+    /** Disable the Copy button */
+    disableCopy?: boolean;
+    /** Whether the Secret's input is disabled. */
+    disabled?: boolean;
+    /** Disable the Paste button */
+    disablePaste?: boolean;
+    /** Disable the Hide/Reveal button */
+    disableToggle?: boolean;
+    /** A small text to display information regarding any errors in the context of the Secret. */
+    errortext?: string;
+    /** A small text to display giving more information and context about the Secret. */
+    helptext?: string;
+    /** Pass an id  */
+    id?: string;
+    /** Whether the Secret's content is invalid. */
+    invalid?: boolean;
+    /** A label to display above the SecretText's textarea. */
+    label?: string;
+    /** The name of the SecretText's textarea. */
+    name?: string;
+    /** A handler to execute when the Secret's input area looses focus. */
+    onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
+    /** A handler to execute when the Secret's content changes. */
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    /** A handler to execute when the user clears the Secret's content using the Clear button. */
+    onClear?: () => void;
+    /** A handler to execute when the user copies the Secret's content to the clipboard. */
+    onCopy?: ValueChangeHandler;
+    /** A handler to execute when the SecretText textarea receives focus */
+    onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
+    /** A handler to execute when the user hides the Secret's content. */
+    onHide?: () => void;
+    /** A handler to execute when the user pastes text from the clipboard into the SecretText. */
+    onPaste?: ValueChangeHandler;
+    /** A handler to execute when the user reveals the Secret's content. */
+    onReveal?: () => void;
+    /** A handler to execute when the visibility of the SecretText's content is toggled, i.e. this will be run when the content is revealed and when it is hidden. */
+    onToggle?: () => void;
+    /** Whether a button to paste text content even in hidden mode is rendered. */
+    paste?: boolean;
+    /** Pass a placeholder to the SecretText's textarea */
+    placeholder?: string;
+    /** Whether the SecretText content is read only, i.e. can not be edited..*/
+    readOnly?: boolean;
+    /** Whether the SecretText is required. Passing `true` will render a small required marker to the label. This will only have an effect when a label is passed, too.  */
+    required?: boolean;
+    /** Whether the secret's content is revealed / legible. */
+    reveal?: boolean;
+    /** A small text to display giving information in the context of the secret, e.g. when it was successfully validated or matches specific requirements, etc.  */
+    successtext?: string;
+    /** Whether a button to toggle visibility of the SecretText's content should be rendered. */
+    toggle?: boolean;
+    /** Whether the Secret's content was successfully validated. */
+    valid?: boolean;
+    /** The value of the SecretText, i.e. the Secret's content.  */
+    value?: string;
+    /** Pass a className to the outer wrapper element */
+    wrapperClassName?: string;
+}
+export {};
+//# sourceMappingURL=SecretText.component.d.ts.map

package/build/components/SecretText/SecretText.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecretText.component.d.ts","sourceRoot":"","sources":["../../../src/components/SecretText/SecretText.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqC,MAAM,OAAO,CAAA;AAuDzD,2FAA2F;AAC3F,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgPhD,CAAA;AAGD,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEjD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5G,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wGAAwG;IACxG,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6FAA6F;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IACxD,6FAA6F;IAC7F,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uFAAuF;IACvF,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,uEAAuE;IACvE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACtD,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,6FAA6F;IAC7F,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,iKAAiK;IACjK,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uKAAuK;IACvK,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+JAA+J;IAC/J,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}

package/build/components/SecretText/index.d.ts

@@ -0,0 +1,2 @@
+export { SecretText } from "./SecretText.component";
+//# sourceMappingURL=index.d.ts.map

package/build/components/SecretText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SecretText/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA"}

package/build/components/Select/Select.component.d.ts

@@ -5,7 +5,7 @@ export type SelectContextProps = {
     addOptionValueAndLabel: (value: unknown, label: unknown, children: unknown) => void;
 };
 export declare const SelectContext: React.Context<SelectContextProps | undefined>;
-export interface SelectProps {
+export interface SelectProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "defaultValue" | "onChange"> {
     /** Pass an aria-label to the Select toggle button */
     ariaLabel?: string;
     /** The children to render as options. Use the SelectOption component, and SelectDivider if needed. */
@@ -35,7 +35,7 @@ export interface SelectProps {
     /** Pass a name attribute to the Select to be transmitted when used in a form. */
     name?: string;
     /** Handler to be executed when the selected value changes */
-    onChange?: (...args: unknown[]) => unknown;
+    onChange?: (value?: string | number | string[]) => void;
     /** Handle for openning of select */
     open?: boolean;
     /** LEGACY: Handler to be executed when the Select value changes. Here for backwards compatibility with apps based on older versions of Select. Use onChange instead. */

package/build/components/Select/Select.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAUjF,OAAO,eAAe,CAAA;AAwDtB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,eAAe,EAAE,OAAO,CAAA;IAExB,sBAAsB,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACpF,CAAA;AACD,eAAO,MAAM,aAAa,+CAA2D,CAAA;AAErF,MAAM,WAAW,WAAW;IAC1B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2KAA2K;IAC3K,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oHAAoH;IACpH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,uHAAuH;IACvH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4FAA4F;IAC5F,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4KAA4K;IAC5K,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6DAA6D;IAE7D,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;IAC1C,oCAAoC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wKAAwK;IAExK,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;IAC/C,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4IAA4I;IAC5I,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qKAAqK;IACrK,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,2IAA2I;IAC3I,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8GAA8G;IAC9G,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,+JAA+J;IAC/J,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;2KACuK;IACvK,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,SAAS,CAAA;IAC9D,wMAAwM;IACxM,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;;EAGE;AACF,eAAO,MAAM,MAAM,4RA4BhB,WAAW,sBA2Ob,CAAA"}
+{"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAUjF,OAAO,eAAe,CAAA;AAwDtB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,eAAe,EAAE,OAAO,CAAA;IAExB,sBAAsB,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACpF,CAAA;AACD,eAAO,MAAM,aAAa,+CAA2D,CAAA;AAErF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IAClG,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2KAA2K;IAC3K,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oHAAoH;IACpH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,uHAAuH;IACvH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4FAA4F;IAC5F,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4KAA4K;IAC5K,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6DAA6D;IAE7D,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACvD,oCAAoC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wKAAwK;IAExK,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;IAC/C,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4IAA4I;IAC5I,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qKAAqK;IACrK,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,2IAA2I;IAC3I,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8GAA8G;IAC9G,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,+JAA+J;IAC/J,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;2KACuK;IACvK,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,SAAS,CAAA;IAC9D,wMAAwM;IACxM,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;;EAGE;AACF,eAAO,MAAM,MAAM,4RA4BhB,WAAW,sBA2Ob,CAAA"}

package/build/components/TextInput/TextInput.component.d.ts

@@ -7,7 +7,7 @@ Also covers email, telephone, password, url derivates.
 export declare const TextInput: ({ value, id, name, placeholder, disabled, readOnly, required, invalid, valid, autoFocus, className, autoComplete, helptext, successtext, errortext, onChange, onFocus, onBlur, type, label, width, wrapperClassName, ...props }: TextInputProps) => React.JSX.Element;
 type TextInputType = "text" | "email" | "password" | "tel" | "url" | "number";
 type TextInputWidth = "full" | "auto";
-export interface TextInputProps {
+export interface TextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     /** Pass a name attribute */
     name?: string;
     /** Pass a value */

package/build/components/TextInput/TextInput.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsD,MAAM,OAAO,CAAA;AAI1E,OAAO,kBAAkB,CAAA;AAoEzB;;;EAGE;AACF,eAAO,MAAM,SAAS,oOAwBnB,cAAc,sBAyIhB,CAAA;AAED,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC7E,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAErC,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACrD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC9C,0BAA0B;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC7C,0IAA0I;IAC1I,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAC/B,qEAAqE;IACrE,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAClC,iFAAiF;IACjF,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAChC,sEAAsE;IACtE,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
+{"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsD,MAAM,OAAO,CAAA;AAI1E,OAAO,kBAAkB,CAAA;AAoEzB;;;EAGE;AACF,eAAO,MAAM,SAAS,oOAwBnB,cAAc,sBAyIhB,CAAA;AAED,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC7E,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAErC,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjF,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACrD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC9C,0BAA0B;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC7C,0IAA0I;IAC1I,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAC/B,qEAAqE;IACrE,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAClC,iFAAiF;IACjF,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAChC,sEAAsE;IACtE,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}

package/build/hooks/useEndlessScrollList.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface UseEndlessScrollListOptions {
+    delay?: number;
+    showLoading?: boolean;
+    loadingObject?: React.ReactNode;
+    showRef?: boolean;
+    refFunction?: RefFunction;
+}
+type RefFunction = (node: Element) => void;
+export declare const useEndlessScrollList: (items: unknown[], options?: UseEndlessScrollListOptions) => {
+    scrollListItems: unknown[] | undefined;
+    iterator: {
+        map: (elements: (value: unknown, index: number, array: unknown[]) => React.JSX.Element) => React.JSX.Element;
+    };
+};
+export {};
+//# sourceMappingURL=useEndlessScrollList.d.ts.map

package/build/hooks/useEndlessScrollList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEndlessScrollList.d.ts","sourceRoot":"","sources":["../src/hooks/useEndlessScrollList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAuE,MAAM,OAAO,CAAA;AAgB3F,UAAU,2BAA2B;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AACD,KAAK,WAAW,GAAG,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;AAE1C,eAAO,MAAM,oBAAoB,UAAW,OAAO,EAAE,YAAW,2BAA2B;;;wBA4CrE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO;;CA0B3F,CAAA"}

package/build/hooks/useEndlessScrollList.js

@@ -0,0 +1,60 @@
+import React, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
+
+/*
+ * SPDX-FileCopyrightText: 2024 SAP SE or an SAP affiliate company and Juno contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const useEndlessScrollList = (items, options = {}) => {
+    const [visibleAmount, setVisibleAmount] = useState(20);
+    const [isAddingItems, setIsAddingItems] = useState(false);
+    const timeoutRef = useRef(null);
+    const observer = useRef();
+    useEffect(() => {
+        // clear when component is unmounted
+        // fix type issue
+        return () => clearTimeout(timeoutRef.current);
+    }, []);
+    // recalculate if items change
+    const scrollListItems = useMemo(() => {
+        if (items) {
+            return items.slice(0, visibleAmount);
+        }
+    }, [items, visibleAmount]);
+    // recalculate if items change
+    const lastLisItemRef = useCallback((node) => {
+        // skip if already adding items
+        if (isAddingItems)
+            return;
+        // disconnect previous observer
+        if (observer.current)
+            observer.current.disconnect();
+        // create new observer
+        observer.current = new IntersectionObserver((entries) => {
+            // if the last element is intersecting and there are still items to show
+            if (entries[0].isIntersecting && visibleAmount <= items.length) {
+                clearTimeout(timeoutRef.current);
+                setIsAddingItems(true);
+                timeoutRef.current = setTimeout(() => {
+                    setIsAddingItems(false);
+                    setVisibleAmount((prev) => prev + 10);
+                }, options?.delay || 500);
+            }
+        });
+        if (node)
+            return observer.current.observe(node);
+    }, [items, isAddingItems]);
+    const iterator = useMemo(() => {
+        return {
+            map: (elements) => {
+                const content = scrollListItems?.map(elements);
+                return (React.createElement(React.Fragment, null,
+                    content,
+                    isAddingItems && options?.showLoading !== false && (React.createElement(React.Fragment, null, options?.loadingObject ? options.loadingObject : React.createElement("span", { id: "endlessScrollListLoading" }, "Loading..."))),
+                    options?.showRef !== false && (React.createElement(React.Fragment, null, options?.refFunction ? (options.refFunction(lastLisItemRef)) : (React.createElement("span", { id: "endlessScrollListLastItemRef", ref: lastLisItemRef }))))));
+            },
+        };
+    }, [scrollListItems, lastLisItemRef]);
+    return { scrollListItems, iterator };
+};
+
+export { useEndlessScrollList };

package/build/hooks/useLocalStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAGA,KAAK,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;AACpD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAA;AAE3D;;;;;;;EAOE;AACF,iBAAS,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CA0BnF;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAGA,KAAK,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;AACpD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAA;AAE3D;;;;;;;EAOE;AACF,iBAAS,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CA0BnF;AAED,eAAe,eAAe,CAAA"}