@cloudoperators/juno-ui-components 6.0.0 → 6.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"Label.component.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAsCzB;;GAEG;AAEH,eAAO,MAAM,KAAK,qFA0CjB,CAAA;AAID,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxE,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yGAAyG;IACzG,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB"}
+{"version":3,"file":"Label.component.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,MAAM,OAAO,CAAA;AAsCzD;;;;;GAKG;AACH,eAAO,MAAM,KAAK,qFA0CjB,CAAA;AAID,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAClE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB"}

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

@@ -1,9 +1,9 @@
-import { default as React } from 'react';
-export interface LoadingIndicatorProps extends React.SVGAttributes<SVGElement> {
+import { ReactNode, SVGAttributes } from 'react';
+export interface LoadingIndicatorProps extends SVGAttributes<SVGElement> {
     /**
-     * The size of the LoadingIndicator in pixels.
-     * Must be a positive number value.
-     * If a string, must be a valid number
+     * The size of the LoadingIndicator in pixels. Must be a positive number value.
+     * If a string, must be a valid number.
+     * @default 96
      */
     size?: string | number;
     /**
@@ -15,12 +15,16 @@ export interface LoadingIndicatorProps extends React.SVGAttributes<SVGElement> {
     color?: string;
     /**
      * Additional CSS classes for custom styling.
+     * @default ""
      */
     className?: string;
 }
 /**
- * Use this loading indicator to indicate that a full page, a significant portion of a page, or a panel is loading.
- * For more generic use cases, including individual components and micro-interactions, use the Spinner component instead.
+ * The `LoadingIndicator` visually represents ongoing loading processes for pages,
+ * large sections, or panels, offering custom size and color adjustments.
+ * It's suitable for prominent loading displays rather than granular elements.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-loadingindicator--docs
+ * @see {@link LoadingIndicatorProps}
  */
-export declare const LoadingIndicator: React.FC<LoadingIndicatorProps>;
+export declare const LoadingIndicator: ({ size, color, className, ...props }: LoadingIndicatorProps) => ReactNode;
 //# sourceMappingURL=LoadingIndicator.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.component.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingIndicator/LoadingIndicator.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;IAC5E;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAID;;;GAGG;AAEH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAqB5D,CAAA"}
+{"version":3,"file":"LoadingIndicator.component.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingIndicator/LoadingIndicator.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAGvD,MAAM,WAAW,qBAAsB,SAAQ,aAAa,CAAC,UAAU,CAAC;IACtE;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAID;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,sCAK9B,qBAAqB,KAAG,SAgB1B,CAAA"}

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

@@ -1,12 +1,20 @@
-import { default as React } from 'react';
+import { HTMLAttributes, ReactNode } 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.
- * The main container for app content.
+ * The `MainContainer` is the core container for application content, ideal for manual scaffold setups.
+ * In most instances, `AppShell` offers a comprehensive layout alternative.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/internal-maincontainer--docs
+ * @see {@link MainContainerProps}
  */
-export declare const MainContainer: React.FC<MainContainerProps>;
-export interface MainContainerProps extends React.HTMLAttributes<HTMLElement> {
-    /** Add custom class name */
+export declare const MainContainer: ({ className, children, ...props }: MainContainerProps) => ReactNode;
+export interface MainContainerProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Custom CSS class names for styling the main container.
+     * @default ""
+     */
     className?: string;
-    children?: React.ReactNode;
+    /**
+     * Components or content to render within the main container.
+     */
+    children?: ReactNode;
 }
 //# sourceMappingURL=MainContainer.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MainContainer.component.d.ts","sourceRoot":"","sources":["../../../src/components/MainContainer/MainContainer.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAMtD,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3E,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}
+{"version":3,"file":"MainContainer.component.d.ts","sourceRoot":"","sources":["../../../src/components/MainContainer/MainContainer.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQxD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,mCAAwC,kBAAkB,KAAG,SAM1F,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACrE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}

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

@@ -1,12 +1,23 @@
-import { default as React } from 'react';
-/** An inner wrapper to constrain page / view content width. */
-export declare const MainContainerInner: React.FC<MainContainerInnerProps>;
-export interface MainContainerInnerProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** The children to render */
-    children?: React.ReactNode;
-    /** Whether the page/view content will stretch over the full width of the viewport or not. Default is `false`. */
+import { HTMLAttributes, ReactNode } from 'react';
+/**
+ * `MainContainerInner` offers a structured inner wrapper for page content, enabling width constraints
+ * or full-width rendering as needed.
+ */
+export declare const MainContainerInner: ({ children, fullWidth, className, ...props }: MainContainerInnerProps) => ReactNode;
+export interface MainContainerInnerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The children to render within the container.
+     */
+    children?: ReactNode;
+    /**
+     * Determines if content stretches to full viewport width.
+     * @default false
+     */
     fullWidth?: boolean;
-    /** Add a custom class */
+    /**
+     * Custom CSS class names for stylized rendering.
+     * @default ""
+     */
     className?: string;
 }
 //# sourceMappingURL=MainContainerInner.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MainContainerInner.component.d.ts","sourceRoot":"","sources":["../../../src/components/MainContainerInner/MainContainerInner.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,+DAA+D;AAC/D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkBhE,CAAA;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,iHAAiH;IACjH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"MainContainerInner.component.d.ts","sourceRoot":"","sources":["../../../src/components/MainContainerInner/MainContainerInner.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYxD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,8CAKhC,uBAAuB,KAAG,SAa5B,CAAA;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7E;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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