@cloudoperators/juno-ui-components 6.1.0 → 6.1.1

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

@@ -1,18 +1,32 @@
-import { default as React } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 /**
-Main Tabs are used at the top of the content area when using the tabs to switch the complete content area content. If you only want to have tabs for parts of the content use 'Tabs' instead and place them in the part of the content where the tabbed content should live. You will probably want to use a 'Container' inside the TabPanels to get nice padding.
+ * `MainTabs` represents primary tab navigation at the content area's top, for complete content switching.
+ * Ideal for major interface tabbing; use `Tabs` for partial content areas.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-tabs-maintabs--docs
+ * @see {@link MainTabsProps}
  */
-export declare const MainTabs: React.FC<MainTabsProps>;
-export interface MainTabsProps extends Omit<React.HTMLAttributes<HTMLElement>, "onSelect"> {
-    /** All the child elements of MainTabs: Tab(s) inside a TabList and TabPanel(s) */
-    children?: React.ReactNode;
-    /** The index of the Tab to be selected by default in "Uncontrolled Mode" (default) where Tabs handle their state internally. Do not use in "Controlled Mode".*/
+export declare const MainTabs: ({ children, defaultIndex, selectedIndex, onSelect, className, ...props }: MainTabsProps) => ReactNode;
+export interface MainTabsProps extends Omit<HTMLAttributes<HTMLElement>, "onSelect"> {
+    /**
+     * All the child elements of MainTabs: Tab(s) inside a TabList and TabPanel(s).
+     */
+    children?: ReactNode;
+    /**
+     * The index of the Tab to be selected by default in "Uncontrolled Mode" (default) where Tabs handle their state internally. Do not use in "Controlled Mode".
+     */
     defaultIndex?: number;
-    /** The index of the Tab to be selected by default. This enables "Controlled Mode" where the developer takes over control of the Tabs state and behaviour. Requires onSelect to be set.*/
+    /**
+     * The index of the Tab to be selected by default. This enables "Controlled Mode" where the developer takes over control of the Tabs state and behaviour. Requires onSelect to be set.
+     */
     selectedIndex?: number | null;
-    /** Handler required in "Controlled Mode" */
-    onSelect?: (value: number) => void;
-    /** Add a custom className to the whole Tabs construct */
+    /**
+     * Handler required in "Controlled Mode".
+     */
+    onSelect?: (_value: number) => void;
+    /**
+     * Add a custom className to the whole Tabs construct.
+     * @default ""
+     */
     className?: string;
 }
 //# sourceMappingURL=MainTabs.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MainTabs.component.d.ts","sourceRoot":"","sources":["../../../src/components/MainTabs/MainTabs.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoB5C,CAAA;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACxF,kFAAkF;IAClF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gKAAgK;IAChK,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yLAAyL;IACzL,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,4CAA4C;IAE5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"MainTabs.component.d.ts","sourceRoot":"","sources":["../../../src/components/MainTabs/MainTabs.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxD;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,0EAOtB,aAAa,KAAG,SAalB,CAAA;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAClF;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -1,31 +1,35 @@
-import { default as React } from 'react';
+import { ReactNode, HTMLAttributes } from 'react';
 export type MessageVariantType = "info" | "warning" | "danger" | "error" | "success";
-export interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface MessageProps extends HTMLAttributes<HTMLDivElement> {
     /**
-     * Pass an optional title.
+     * Optional title for the message.
      */
     title?: string;
     /**
-     * Pass an optional string of text to be rendered as content.
+     * Optional string of text to be rendered as content.
      * Alternatively, content can be passed as children (see below).
      * If children are provided, they will take precedence.
      */
     text?: string;
     /**
      * Specify an optional semantic variant that determines the appearance of a message.
+     * @default "info"
      */
     variant?: MessageVariantType;
     /**
      * Optional. If true, the message will have a 'close' button to dismiss it.
+     * @default false
      */
     dismissible?: boolean;
     /**
      * Optional. If true, the message will be automatically dismissed after the default or passed autoDismissTimeout.
+     * @default false
      */
     autoDismiss?: boolean;
     /**
      * Optional. The timeout in milliseconds after which the message auto-dismisses.
      * By default 10000 (10s).
+     * @default 10000
      */
     autoDismissTimeout?: number;
     /**
@@ -34,17 +38,20 @@ export interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {
     onDismiss?: () => void;
     /**
      * Pass an optional CSS class to apply to the message.
+     * @default ""
      */
     className?: string;
     /**
      * Pass optional React nodes or a collection of React nodes to be rendered as content.
      * Takes precedence over the text property.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /**
- * A Message holds generally important information to help understand the contents, purpose, or state of a whole page or view.
- * Use sparingly, there should never be two or more subsequent instances of Message as direct siblings/neighbors on an individual view.
+ * The `Message` component displays important information or alerts concerning the content,
+ * page state, or the view's purpose, with support for dismissible and auto-dismiss features.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-message--docs
+ * @see {@link MessageProps}
  */
-export declare const Message: React.FC<MessageProps>;
+export declare const Message: ({ title, variant, dismissible, autoDismiss, autoDismissTimeout, onDismiss, className, ...props }: MessageProps) => ReactNode;
 //# sourceMappingURL=Message.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Message.component.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsC,MAAM,OAAO,CAAA;AA0D1D,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAEpF,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAE5B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AA6FD;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyD1C,CAAA"}
+{"version":3,"file":"Message.component.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAiD,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AA0DvG,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAEpF,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAE5B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AA6FD;;;;;GAKG;AACH,eAAO,MAAM,OAAO,GAAI,kGASrB,YAAY,KAAG,SAgDjB,CAAA"}

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

@@ -1,65 +1,114 @@
-import { default as React, ReactNode } from 'react';
+import { ReactNode, MouseEvent, HTMLProps, ReactElement, MouseEventHandler } from 'react';
 import { KnownIcons } from '../Icon/Icon.component';
 /**
-A generic Modal component.
-
-The Modal component can automatically create cancelling and confirming buttons with the desired labels and handlers.
-
-For more complex use cases, more buttons, etc., an instance of `<ModalFooter>` with all custom content as children can be passed as prop `modalFooter` and will be rendered.
-
-The Modal uses a boolean 'open' prop to determine whether it is open or not. Alternatively, the open state can be handled outside the component, e.g. in a global state. In this case the 'open' prop needs to be passed as true always, otherwise the Modal component will not render.
-
-By default, the modal will close (i.e. set its `open` state to false) once the user cancels the Modal. When confirming, you will have to either set the `open` to false to close the modal, or use whatever global state mechanism you have to handle modals.
-
-To make the modal less intrusive and effectively un-modal it, pass `closeOnBackdropClick`. This will close the modal when the user clicks the modal backdrop.
-*/
-export declare const Modal: React.FC<ModalProps>;
+ * The `Modal` component provides a flexible dialog window for user interactions,
+ * supporting titles, dismissal controls, sizing options, and comprehensive footer configurations.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-modal-modal--docs
+ * @see {@link ModalProps}
+ */
+export declare const Modal: ({ title, heading, ariaLabel, initialFocus, open, closeable, closeOnEsc, closeOnBackdropClick, disableCloseButton, size, unpad, className, children, modalFooter, confirmButtonLabel, cancelButtonLabel, confirmButtonIcon, cancelButtonIcon, disableConfirmButton, disableCancelButton, onConfirm, onCancel, ...props }: ModalProps) => ReactNode;
 type ModalSize = "small" | "large" | "xl" | "2xl";
-export interface ModalProps extends Omit<React.HTMLProps<HTMLDivElement>, "size" | "title"> {
-    /** The title of the modal. This will be rendering as the heading of the modal, and the modal's `arial-labelledby` attribute will reference the title/heading element. If the modal does not have `title` or `heading`, use `ariaLabel` to provide an accessible name for the modal. */
+export interface ModalProps extends Omit<HTMLProps<HTMLDivElement>, "size" | "title"> {
+    /**
+     * The title of the modal. This will be rendering as the heading of the modal, and the modal's `aria-labelledby` attribute will reference the title/heading element. If the modal does not have `title` or `heading`, use `ariaLabel` to provide an accessible name for the modal.
+     */
     title?: ReactNode;
-    /** Also the title of the modal, just for API flexibility. If both `title` and `heading` are passed, `title` will take precedence. */
+    /**
+     * Also the title of the modal, just for API flexibility. If both `title` and `heading` are passed, `title` will take precedence.
+     */
     heading?: ReactNode;
-    /** The aria-label of the modal. Use only if the modal does NOT have a `title` or `heading`.  */
+    /**
+     * The aria-label of the modal. Use only if the modal does NOT have a `title` or `heading`.
+     */
     ariaLabel?: string;
-    /** By default, the first element in the tab order of the Modal content will be focussed. To specify an element to be focussed when the modal opens, pass an element, DOM node, or selector string. */
+    /**
+     * By default, the first element in the tab order of the Modal content will be focussed. To specify an element to be focussed when the modal opens, pass an element, DOM node, or selector string.
+     */
     initialFocus?: HTMLElement | SVGElement | string;
-    /** Whether the modal will be open */
+    /**
+     * Whether the modal will be open.
+     * @default false
+     */
     open?: boolean;
-    /** Whether the modal can be closed using an "X"-Button at the top right. Defaults to true. */
+    /**
+     * Whether the modal can be closed using an "X"-Button at the top right.
+     * @default true
+     */
     closeable?: boolean;
-    /** Whether the modal should be closed when the backdrop is clicked. Essentially 'un-modals' the modal. */
-    closeOnEsc?: boolean;
-    /** The Modal size */
+    /**
+     * Whether the modal should be closed when the backdrop is clicked. Essentially 'un-modals' the modal.
+     * @default false
+     */
     closeOnBackdropClick?: boolean;
-    /** Determines whether the close button should be disabled */
+    /**
+     * Determines whether the close button should be disabled.
+     * @default false
+     */
     disableCloseButton?: boolean;
-    /** Whether the modal can be closed by hitting the ESC key */
+    /**
+     * Whether the modal can be closed by hitting the ESC key.
+     * @default true
+     */
+    closeOnEsc?: boolean;
+    /**
+     * The Modal size, determines the aesthetics of the modal.
+     * @default small
+     */
     size?: ModalSize;
-    /** Pass to remove default padding from the content area of the modal */
+    /**
+     * Pass to remove default padding from the content area of the modal.
+     * @default false
+     */
     unpad?: boolean;
-    /** Custom className to add to the modal */
+    /**
+     * Custom className to add to the modal for additional styling.
+     * @default ""
+     */
     className?: string;
-    /** The children of the modal. These will be rendered as the modal content. To render custom buttons at the bottom, see `modalFooter` below.*/
-    children?: React.ReactNode;
-    /** Optional. Pass a `<ModalFooter />` component with custom content as required. Will default to using the `<ModalFooter/>` component internally. */
-    modalFooter?: React.ReactElement;
-    /** Pass a label to render a confirm button and a Cancel button */
+    /**
+     * The children of the modal. These will be rendered as the modal content. To render custom buttons at the bottom, see `modalFooter` below.
+     */
+    children?: ReactNode;
+    /**
+     * Optional. Pass a `<ModalFooter />` component with custom content as required. Will default to using the `<ModalFooter/>` component internally.
+     */
+    modalFooter?: ReactElement;
+    /**
+     * Pass a label to render a confirm button and a Cancel button.
+     * @default ""
+     */
     confirmButtonLabel?: string;
-    /** Pass a label for the cancel button. Defaults to "Cancel" */
+    /**
+     * Pass a label for the cancel button. Defaults to "Cancel".
+     * @default "Cancel"
+     */
     cancelButtonLabel?: string;
-    /** Pass an Icon name to show on the confirming action button */
+    /**
+     * Pass an Icon name to show on the confirming action button.
+     */
     confirmButtonIcon?: KnownIcons;
-    /** Pass an icon name to show on the cancelling button */
+    /**
+     * Pass an icon name to show on the cancelling button.
+     */
     cancelButtonIcon?: KnownIcons;
-    /** Determines whether the confirm action button should be disabled */
+    /**
+     * Determines whether the confirm action button should be disabled.
+     * @default false
+     */
     disableConfirmButton?: boolean;
-    /** Determines whether the cancel action button should be disabled */
+    /**
+     * Determines whether the cancel action button should be disabled.
+     * @default false
+     */
     disableCancelButton?: boolean;
-    /** A handler to execute once the modal is confirmed by clicking the confrim button if exists. Note that we do not close the modal automatically. */
-    onConfirm?: React.MouseEventHandler<HTMLElement>;
-    /** A handler to execute once the modal is cancelled or dismissed using the x-Close button,  Cancel-button or pressing ESC */
-    onCancel?: (event: React.MouseEvent<HTMLElement> | KeyboardEvent) => void;
+    /**
+     * A handler to execute once the modal is confirmed by clicking the confirm button if exists. Note that we do not close the modal automatically.
+     */
+    onConfirm?: MouseEventHandler<HTMLElement>;
+    /**
+     * A handler to execute once the modal is cancelled or dismissed using the x-Close button,  Cancel-button or pressing ESC.
+     */
+    onCancel?: (_event: MouseEvent<HTMLElement> | KeyboardEvent) => void;
 }
 export {};
 //# sourceMappingURL=Modal.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.component.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsC,SAAS,EAAE,MAAM,OAAO,CAAA;AAI5E,OAAO,EAAQ,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAiEzD;;;;;;;;;;;;EAYE;AACF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAoKtC,CAAA;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,GAAG,KAAK,CAAA;AAEjD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzF,uRAAuR;IACvR,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,qIAAqI;IACrI,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,gGAAgG;IAChG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sMAAsM;IACtM,YAAY,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAA;IAChD,qCAAqC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,8FAA8F;IAC9F,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0GAA0G;IAC1G,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,6DAA6D;IAC7D,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8IAA8I;IAC9I,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,qJAAqJ;IACrJ,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAChC,kEAAkE;IAClE,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,UAAU,CAAA;IAC9B,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,UAAU,CAAA;IAC7B,sEAAsE;IACtE,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,qEAAqE;IACrE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,oJAAoJ;IACpJ,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAChD,6HAA6H;IAE7H,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,aAAa,KAAK,IAAI,CAAA;CAC1E"}
+{"version":3,"file":"Modal.component.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAKZ,SAAS,EACT,UAAU,EACV,SAAS,EACT,YAAY,EACZ,iBAAiB,EAClB,MAAM,OAAO,CAAA;AAId,OAAO,EAAQ,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAiEzD;;;;;GAKG;AACH,eAAO,MAAM,KAAK,GAAI,yTAwBnB,UAAU,KAAG,SA4If,CAAA;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,GAAG,KAAK,CAAA;AAEjD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACnF;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAA;IAEhD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAE5B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAEhB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAA;IAE1B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,UAAU,CAAA;IAE9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAA;IAE7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAE1C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,aAAa,KAAK,IAAI,CAAA;CACrE"}

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

@@ -1,32 +1,58 @@
-import { default as React } from 'react';
+import { ReactNode, MouseEventHandler, HTMLProps } from 'react';
 import { KnownIcons } from '../Icon/Icon.component';
 /**
-A Footer component for Modal.
-Renders a simple "Close" Button (and accepts a corresponding onCancel-handler) by default.
-Can be passed a confirmButtonLabel and cancelButton label with corresponding onConfirm- and onCancel-handlers.
-Can alternatively render all custom children as passed.
-*/
-export declare const ModalFooter: React.FC<ModalFooterProps>;
-export interface ModalFooterProps extends React.HTMLProps<HTMLDivElement> {
-    /** A custom className. Useful to configure flex items alignment when passing custom content as children. */
+ * The `ModalFooter` component is a versatile footer meant for the `Modal`, offering
+ * default or customizable confirm and cancel buttons, and an option to pass
+ * custom content.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-modal-modalfooter--docs
+ * @see {@link ModalFooterProps}
+ */
+export declare const ModalFooter: ({ className, children, confirmButtonLabel, cancelButtonLabel, confirmButtonIcon, cancelButtonIcon, disableConfirmButton, disableCancelButton, onConfirm, onCancel, ...props }: ModalFooterProps) => ReactNode;
+export interface ModalFooterProps extends HTMLProps<HTMLDivElement> {
+    /**
+     * A custom className. Useful to configure flex items alignment when passing custom content as children.
+     * @default ""
+     */
     className?: string;
-    /** Custom children to render. */
-    children?: React.ReactNode;
-    /** The label for the Confirm-button. When passed, the component will render a Confirm button and a cancel button, otherwise the component will ONLY render a Close-Button. */
+    /**
+     * Custom children content replacing default button structure.
+     */
+    children?: ReactNode;
+    /**
+     * The label for the Confirm-button. When passed, the component will render a Confirm button and a cancel button, otherwise the component will ONLY render a Close-Button.
+     * @default ""
+     */
     confirmButtonLabel?: string;
-    /** Custom label for the cancel button. ONLY has an effect if a `confirmButtonLabel` is passed. */
+    /**
+     * Custom label for the cancel button. ONLY has an effect if a `confirmButtonLabel` is passed.
+     * @default "Close"
+     */
     cancelButtonLabel?: string;
-    /** Pass an Icon name to show on the confirming action button */
+    /**
+     * Pass an Icon name to show on the confirming action button.
+     */
     confirmButtonIcon?: KnownIcons;
-    /** Pass an icon name to show on the cancelling button */
+    /**
+     * Pass an icon name to show on the cancelling button.
+     */
     cancelButtonIcon?: KnownIcons;
-    /** Determines whether the confirm action button should be disabled */
+    /**
+     * Determines whether the confirm action button should be disabled.
+     * @default false
+     */
     disableConfirmButton?: boolean;
-    /** Determines whether the cancel action button should be disabled */
+    /**
+     * Determines whether the cancel action button should be disabled.
+     * @default false
+     */
     disableCancelButton?: boolean;
-    /** Handler to execute once the confirming button is clicked */
-    onConfirm?: React.MouseEventHandler<HTMLElement>;
-    /** Handler to execute once the cancelling button is clicked */
-    onCancel?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * Handler to execute once the confirming button is clicked.
+     */
+    onConfirm?: MouseEventHandler<HTMLElement>;
+    /**
+     * Handler to execute once the cancelling button is clicked.
+     */
+    onCancel?: MouseEventHandler<HTMLElement>;
 }
 //# sourceMappingURL=ModalFooter.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/ModalFooter/ModalFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAgBnD;;;;;EAKE;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0DlD,CAAA;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,4GAA4G;IAC5G,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8KAA8K;IAC9K,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kGAAkG;IAClG,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,UAAU,CAAA;IAC9B,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,UAAU,CAAA;IAC7B,sEAAsE;IACtE,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,qEAAqE;IACrE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAChD,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;CAChD"}
+{"version":3,"file":"ModalFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/ModalFooter/ModalFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAc,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGlF,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAgBnD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,+KAYzB,gBAAgB,KAAG,SA8CrB,CAAA;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,UAAU,CAAA;IAE9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAA;IAE7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAE1C;;OAEG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;CAC1C"}

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

@@ -1,8 +1,9 @@
-import { default as React, ReactNode, ChangeEventHandler, MouseEventHandler, FC } from 'react';
-export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+import { ReactNode, ChangeEventHandler, MouseEventHandler, SelectHTMLAttributes } from 'react';
+export interface NativeSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
     /**
      * Name of the select element.
      * Used as a key for the selected value if a form is submitted.
+     * @default "Unnamed Select"
      */
     name?: string;
     /**
@@ -11,6 +12,7 @@ export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelect
     id?: string;
     /**
      * Additional CSS classes to apply to the select element for custom styling.
+     * @default ""
      */
     className?: string;
     /**
@@ -21,24 +23,29 @@ export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelect
     children?: ReactNode;
     /**
      * Disables the select element, making it unclickable.
+     * @default false
      */
     disabled?: boolean;
     /**
      * Highlights the select element as invalid, indicating incorrect user input or validation errors.
+     * @default false
      */
     invalid?: boolean;
     /**
      * Highlights the select element as valid, indicating correct user input or successful validation.
+     * @default false
      */
     valid?: boolean;
     /**
      * Displays a loading indicator over the select element.
      * Used for async operations like fetching data.
+     * @default false
      */
     loading?: boolean;
     /**
      * Displays an error state over the select element, such as during data fetching errors.
      * Should not be used for validation errors.
+     * @default false
      */
     error?: boolean;
     /**
@@ -53,13 +60,16 @@ export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelect
     onClick?: MouseEventHandler<HTMLSelectElement>;
     /**
      * Additional CSS classes to apply to the outer wrapper of the select component for custom styling.
+     * @default ""
      */
     wrapperClassName?: string;
 }
 /**
- * A basic, uncontrolled native HTML select component.
- * Takes NativeSelectOption and NativeSelectOptionGroup children as options.
- * Handles states such as loading, valid, invalid, and error.
+ * The `NativeSelect` component is a basic HTML select element with extra features
+ * such as styles and loading/error states. It supports native select options while
+ * offering customization for validation indicators.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-nativeselect-nativeselect--docs
+ * @see {@link NativeSelectProps}
  */
-export declare const NativeSelect: FC<NativeSelectProps>;
+export declare const NativeSelect: ({ name, id, children, className, disabled, invalid, valid, loading, error, onChange, onClick, wrapperClassName, ...props }: NativeSelectProps) => ReactNode;
 //# sourceMappingURL=NativeSelect.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.component.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelect/NativeSelect.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAET,kBAAkB,EAElB,iBAAiB,EACjB,EAAE,EACH,MAAM,OAAO,CAAA;AA+Ed,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IAEH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAA;IAEhD;;;OAGG;IAEH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAE9C;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAmCD;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4D9C,CAAA"}
+{"version":3,"file":"NativeSelect.component.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelect/NativeSelect.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAGZ,SAAS,EAET,kBAAkB,EAElB,iBAAiB,EACjB,oBAAoB,EACrB,MAAM,OAAO,CAAA;AA+Ed,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAChF;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAA;IAEhD;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAE9C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAqCD;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,4HAc1B,iBAAiB,KAAG,SA8CtB,CAAA"}

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-export interface NativeSelectOptionProps extends Omit<React.OptionHTMLAttributes<HTMLOptionElement>, "label" | "value"> {
+import { OptionHTMLAttributes, ReactNode } from 'react';
+export interface NativeSelectOptionProps extends Omit<OptionHTMLAttributes<HTMLOptionElement>, "label" | "value"> {
     /**
      * A visible label for the option.
      * It will be displayed to the user in the dropdown.
@@ -13,16 +13,20 @@ export interface NativeSelectOptionProps extends Omit<React.OptionHTMLAttributes
     /**
      * Determines whether the option is disabled.
      * If true, the option will be unselectable.
+     * @default false
      */
     disabled?: boolean;
     /**
      * Additional CSS classes to apply to the option for custom styling.
+     * @default ""
      */
     className?: string;
 }
 /**
- * The NativeSelectOption component represents an individual option in a dropdown list.
- * It should be used inside the NativeSelect component to define each option.
+ * The `NativeSelectOption` represents individual options within a dropdown list
+ * for use in `NativeSelect`, offering label-value pairs with optional disable state.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-nativeselect-nativeselectoption--docs
+ * @see {@link NativeSelectOptionProps}
  */
-export declare const NativeSelectOption: React.FC<NativeSelectOptionProps>;
+export declare const NativeSelectOption: ({ value, label, disabled, className, ...props }: NativeSelectOptionProps) => ReactNode;
 //# sourceMappingURL=NativeSelectOption.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NativeSelectOption.component.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelectOption/NativeSelectOption.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC9E;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAYhE,CAAA"}
+{"version":3,"file":"NativeSelectOption.component.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelectOption/NativeSelectOption.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9D,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/G;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,iDAMhC,uBAAuB,KAAG,SAM5B,CAAA"}

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-export interface NativeSelectOptionGroupProps extends React.OptgroupHTMLAttributes<HTMLOptGroupElement> {
+import { OptgroupHTMLAttributes, ReactNode } from 'react';
+export interface NativeSelectOptionGroupProps extends OptgroupHTMLAttributes<HTMLOptGroupElement> {
     /**
      * A visible label for the option group.
      * It will be displayed as the group heading in the dropdown.
@@ -8,21 +8,25 @@ export interface NativeSelectOptionGroupProps extends React.OptgroupHTMLAttribut
     /**
      * Determines whether the option group is disabled.
      * If true, all options within the group will also be disabled.
+     * @default false
      */
     disabled?: boolean;
     /**
      * Additional CSS classes to apply to the option group for custom styling.
+     * @default ""
      */
     className?: string;
     /**
      * Elements to be rendered within the option group.
      * Typically, these should be NativeSelectOption components.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /**
- * The NativeSelectOptionGroup component groups related options within a dropdown list.
- * It should be used inside the <NativeSelect> component to group <NativeSelectOption> components.
+ * The `NativeSelectOptionGroup` categorizes related options within a dropdown list,
+ * enhancing semantic groupings for larger datasets in `NativeSelect`.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-nativeselect-nativeselectoptiongroup--docs
+ * @see {@link NativeSelectOptionGroupProps}
  */
-export declare const NativeSelectOptionGroup: React.FC<NativeSelectOptionGroupProps>;
+export declare const NativeSelectOptionGroup: ({ label, disabled, className, children, ...props }: NativeSelectOptionGroupProps) => ReactNode;
 //# sourceMappingURL=NativeSelectOptionGroup.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NativeSelectOptionGroup.component.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACrG;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAY1E,CAAA"}
+{"version":3,"file":"NativeSelectOptionGroup.component.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhE,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IAC/F;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAAI,oDAMrC,4BAA4B,KAAG,SAMjC,CAAA"}

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

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
+import { default as React, ReactNode, HTMLAttributes } from 'react';
 type ItemChangeHandler = (value: ReactNode) => void;
 type AddItemFunction = (key: ReactNode, children: ReactNode, label: string, value: string) => void;
 export interface NavigationContextType {
@@ -9,20 +9,40 @@ export interface NavigationContextType {
     navigationRole?: string;
 }
 export declare const NavigationContext: React.Context<NavigationContextType | undefined>;
-/** A generic Navigation component providing all the necessary functionality for a navigation. For internal use only. Not to be used directly, but to be wrapped by more role-specific / semantic navigation components such as `TabNavigation`, `TopNavigation`, `SideNavigation`. */
-export declare const Navigation: React.FC<NavigationProps>;
-export interface NavigationProps extends React.HTMLAttributes<HTMLUListElement> {
-    /** The currently active item. Pass the `value`, `label` prop, or the child string of the respective NavigationItem. */
+/**
+ * A generic `Navigation` component that offers context-managed item selection,
+ * designed for internal use with semantic wrappers like `SideNavigation`,
+ * `TabNavigation`, and `TopNavigation`.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/internal-navigation--docs
+ * @see {@link NavigationProps}
+ */
+export declare const Navigation: ({ activeItem, ariaLabel, children, className, disabled, onActiveItemChange, ...props }: NavigationProps) => ReactNode;
+export interface NavigationProps extends HTMLAttributes<HTMLUListElement> {
+    /**
+     * The currently active item. Pass the `value`, `label` prop, or the child string of the respective NavigationItem.
+     */
     activeItem?: ReactNode;
-    /** The aria label of the navigation */
+    /**
+     * The aria label of the navigation for accessibility purposes.
+     */
     ariaLabel?: string;
-    /** The child navigation items of the navigation  */
+    /**
+     * The child navigation items to be rendered within the navigation component.
+     */
     children?: ReactNode;
-    /** Pass a custom className to the navigation parent element */
+    /**
+     * Pass a custom className to the navigation parent element.
+     * @default ""
+     */
     className?: string;
-    /** Whether the navigation is disabled. Will disable all children. */
+    /**
+     * Whether the navigation is disabled, affecting interactivity for all children.
+     * @default false
+     */
     disabled?: boolean;
-    /** Handler to execute when the active item changes. */
+    /**
+     * Handler to execute when the active item changes.
+     */
     onActiveItemChange?: ItemChangeHandler;
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.component.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsC,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5E,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;AAGnD,KAAK,eAAe,GAAG,CAAC,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAIlG,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,sBAAsB,CAAC,EAAE,iBAAiB,CAAA;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,iBAAiB,kDAA8D,CAAA;AAY5F,sRAAsR;AACtR,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2FhD,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC7E,uHAAuH;IACvH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uDAAuD;IACvD,kBAAkB,CAAC,EAAE,iBAAiB,CAAA;CACvC"}
+{"version":3,"file":"Navigation.component.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsC,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG5F,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;AAGnD,KAAK,eAAe,GAAG,CAAC,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAIlG,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,sBAAsB,CAAC,EAAE,iBAAiB,CAAA;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,iBAAiB,kDAA8D,CAAA;AAY5F;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GAAI,wFAQxB,eAAe,KAAG,SAmFpB,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACvE;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,kBAAkB,CAAC,EAAE,iBAAiB,CAAA;CACvC"}