@cloudoperators/juno-ui-components 2.33.0 → 2.35.0

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

@@ -0,0 +1,28 @@
+import { default as React } 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> {
+    /** Custom children to render. Anything goes. */
+    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. */
+    confirmButtonLabel?: string;
+    /** Custom label for the cancel button. ONLY has an effect if a `confirmButtonLabel` is passed. */
+    cancelButtonLabel?: string;
+    /** Pass an Icon name to show on the confirming action button */
+    confirmButtonIcon?: KnownIcons | null;
+    /** Pass an icon name to show on the cancelling button */
+    cancelButtonIcon?: KnownIcons | null;
+    /** A custom className. Useful to configure flex items alignment when passing custom content as children. */
+    className?: string;
+    /** Handler to execute once the confirming button is clicked */
+    onConfirm?: React.MouseEventHandler<EventTarget> | null;
+    /** Handler to execute once the cancelling button is clicked */
+    onCancel?: React.MouseEventHandler<EventTarget> | null;
+}
+//# sourceMappingURL=ModalFooter.component.d.ts.map

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

@@ -0,0 +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,CAqDlD,CAAA;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,gDAAgD;IAChD,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,GAAG,IAAI,CAAA;IACrC,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACpC,4GAA4G;IAC5G,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA;IACvD,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA;CACvD"}

package/build/types/src/components/ModalFooter/ModalFooter.stories.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+import { ModalFooterProps } from './ModalFooter.component';
+declare const _default: {
+    title: string;
+    component: React.FC<ModalFooterProps>;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+    };
+    parameters: {
+        actions: {
+            argTypesRegex: null;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    render: (args: ModalFooterProps) => React.JSX.Element;
+    args: {};
+};
+export declare const Configure: {
+    render: (args: ModalFooterProps) => React.JSX.Element;
+    args: {
+        confirmButtonLabel: string;
+        cancelButtonLabel: string;
+    };
+};
+export declare const Custom: {
+    render: (args: ModalFooterProps) => React.JSX.Element;
+    args: {
+        className: string;
+        children: React.JSX.Element[];
+    };
+};
+//# sourceMappingURL=ModalFooter.stories.d.ts.map

package/build/types/src/components/ModalFooter/ModalFooter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ModalFooter/ModalFooter.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;;;;;;;;;;;;;;;AAM1D,wBASC;AAED,eAAO,MAAM,OAAO;mBAfI,gBAAgB;;CAkBvC,CAAA;AAED,eAAO,MAAM,SAAS;mBApBE,gBAAgB;;;;;CA2BvC,CAAA;AAED,eAAO,MAAM,MAAM;mBA7BK,gBAAgB;;;;;CA8CvC,CAAA"}

package/build/types/src/components/ModalFooter/ModalFooter.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ModalFooter.test.d.ts.map

package/build/types/src/components/ModalFooter/ModalFooter.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/ModalFooter/ModalFooter.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/ModalFooter/index.d.ts

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

package/build/types/src/components/ModalFooter/index.d.ts.map

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

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

@@ -0,0 +1,65 @@
+import { default as React, ReactNode, ChangeEvent, MouseEvent, FC } from 'react';
+export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    /**
+     * Name of the select element.
+     * Used as a key for the selected value if a form is submitted.
+     */
+    name?: string;
+    /**
+     * ID of the select element.
+     */
+    id?: string;
+    /**
+     * Additional CSS classes to apply to the select element for custom styling.
+     */
+    className?: string;
+    /**
+     * Elements to be rendered inside the select element.
+     * This can be any React node or a collection of React nodes.
+     * Typically, these are SelectOption or SelectOptionGroup components.
+     */
+    children?: ReactNode;
+    /**
+     * Disables the select element, making it unclickable.
+     */
+    disabled?: boolean;
+    /**
+     * Highlights the select element as invalid, indicating incorrect user input or validation errors.
+     */
+    invalid?: boolean;
+    /**
+     * Highlights the select element as valid, indicating correct user input or successful validation.
+     */
+    valid?: boolean;
+    /**
+     * Displays a loading indicator over the select element.
+     * Used for async operations like fetching data.
+     */
+    loading?: boolean;
+    /**
+     * Displays an error state over the select element, such as during data fetching errors.
+     * Should not be used for validation errors.
+     */
+    error?: boolean;
+    /**
+     * Event handler for the change event of the select element.
+     * Triggered when the user changes the selected option.
+     */
+    onChange?: (event: ChangeEvent<HTMLSelectElement>) => void;
+    /**
+     * Event handler for the click event on the select element.
+     * Triggered when the user clicks on the select element.
+     */
+    onClick?: (event: MouseEvent<HTMLSelectElement>) => void;
+    /**
+     * Additional CSS classes to apply to the outer wrapper of the select component for custom styling.
+     */
+    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.
+ */
+export declare const NativeSelect: FC<NativeSelectProps>;
+//# sourceMappingURL=NativeSelect.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/NativeSelect/NativeSelect.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAuB,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AA+E1F,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,CAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAE1D;;;OAGG;IAEH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAExD;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAmCD;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4D9C,CAAA"}

package/build/types/src/components/NativeSelect/NativeSelect.stories.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+import { NativeSelectProps } from './NativeSelect.component';
+declare const _default: {
+    title: string;
+    component: React.FC<NativeSelectProps>;
+    argTypes: {
+        options: {
+            table: {
+                disable: boolean;
+            };
+        };
+        children: {
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, NativeSelectProps>;
+export declare const GroupedNativeSelect: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, NativeSelectProps>;
+export declare const DisabledNativeSelect: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, NativeSelectProps>;
+export declare const InvalidNativeSelect: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, NativeSelectProps>;
+export declare const ValidNativeSelect: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, NativeSelectProps>;
+export declare const LoadingNativeSelect: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, NativeSelectProps>;
+export declare const NativeSelectWithError: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, NativeSelectProps>;
+//# sourceMappingURL=NativeSelect.stories.d.ts.map

package/build/types/src/components/NativeSelect/NativeSelect.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/NativeSelect/NativeSelect.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAgB,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;;;;;;;;;;;;;;;;;;;;AAI1E,wBAgBC;AAID,eAAO,MAAM,OAAO,wGAAoB,CAAA;AASxC,eAAO,MAAM,mBAAmB,wGAAoB,CAAA;AAepD,eAAO,MAAM,oBAAoB,wGAAoB,CAAA;AAUrD,eAAO,MAAM,mBAAmB,wGAAoB,CAAA;AAUpD,eAAO,MAAM,iBAAiB,wGAAoB,CAAA;AAUlD,eAAO,MAAM,mBAAmB,wGAAoB,CAAA;AAMpD,eAAO,MAAM,qBAAqB,wGAAoB,CAAA"}

package/build/types/src/components/NativeSelect/NativeSelect.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=NativeSelect.test.d.ts.map

package/build/types/src/components/NativeSelect/NativeSelect.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/NativeSelect/NativeSelect.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/NativeSelect/index.d.ts

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

package/build/types/src/components/NativeSelect/index.d.ts.map

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

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

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+export interface NativeSelectOptionProps extends Omit<React.OptionHTMLAttributes<HTMLOptionElement>, "label" | "value"> {
+    /**
+     * A visible label for the option.
+     * It will be displayed to the user in the dropdown.
+     */
+    label?: string | number;
+    /**
+     * The value that the option represents.
+     * It will be sent when submitting a form.
+     */
+    value?: string | number;
+    /**
+     * Determines whether the option is disabled.
+     * If true, the option will be unselectable.
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS classes to apply to the option for custom styling.
+     */
+    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.
+ */
+export declare const NativeSelectOption: React.FC<NativeSelectOptionProps>;
+//# sourceMappingURL=NativeSelectOption.component.d.ts.map

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

@@ -0,0 +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"}

package/build/types/src/components/NativeSelectOption/NativeSelectOption.stories.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    title: string;
+    component: import('react').FC<import('./NativeSelectOption.component').NativeSelectOptionProps>;
+    argTypes: {};
+};
+export default _default;
+export declare const Default: {
+    args: {
+        value: string;
+        label: string;
+    };
+};
+export declare const Disabled: {
+    args: {
+        value: string;
+        label: string;
+        disabled: boolean;
+    };
+};
+//# sourceMappingURL=NativeSelectOption.stories.d.ts.map

package/build/types/src/components/NativeSelectOption/NativeSelectOption.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelectOption.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/NativeSelectOption/NativeSelectOption.stories.tsx"],"names":[],"mappings":";;;;;AAOA,wBAIC;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAA"}

package/build/types/src/components/NativeSelectOption/SelectOption.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SelectOption.test.d.ts.map

package/build/types/src/components/NativeSelectOption/SelectOption.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOption.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/NativeSelectOption/SelectOption.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/NativeSelectOption/index.d.ts

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

package/build/types/src/components/NativeSelectOption/index.d.ts.map

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

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

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+export interface NativeSelectOptionGroupProps extends React.OptgroupHTMLAttributes<HTMLOptGroupElement> {
+    /**
+     * A visible label for the option group.
+     * It will be displayed as the group heading in the dropdown.
+     */
+    label?: string;
+    /**
+     * Determines whether the option group is disabled.
+     * If true, all options within the group will also be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS classes to apply to the option group for custom styling.
+     */
+    className?: string;
+    /**
+     * Elements to be rendered within the option group.
+     * Typically, these should be NativeSelectOption components.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * The NativeSelectOptionGroup component groups related options within a dropdown list.
+ * It should be used inside the <NativeSelect> component to group <NativeSelectOption> components.
+ */
+export declare const NativeSelectOptionGroup: React.FC<NativeSelectOptionGroupProps>;
+//# sourceMappingURL=NativeSelectOptionGroup.component.d.ts.map

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

@@ -0,0 +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"}

package/build/types/src/components/NativeSelectOptionGroup/NativeSelectOptionGroup.stories.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+import { NativeSelectOptionGroupProps } from './NativeSelectOptionGroup.component';
+declare const _default: {
+    title: string;
+    component: React.FC<NativeSelectOptionGroupProps>;
+    argTypes: {
+        options: {
+            table: {
+                disable: boolean;
+            };
+        };
+        children: {
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    render: React.FC<NativeSelectOptionGroupProps>;
+    args: {
+        label: string;
+        children: React.JSX.Element[];
+    };
+};
+export declare const Disabled: {
+    render: React.FC<NativeSelectOptionGroupProps>;
+    args: {
+        label: string;
+        children: React.JSX.Element[];
+        disabled: boolean;
+    };
+};
+//# sourceMappingURL=NativeSelectOptionGroup.stories.d.ts.map

package/build/types/src/components/NativeSelectOptionGroup/NativeSelectOptionGroup.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelectOptionGroup.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/NativeSelectOptionGroup/NativeSelectOptionGroup.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAA2B,4BAA4B,EAAE,MAAM,qCAAqC,CAAA;;;;;;;;;;;;;;;;;;;;AAE3G,wBAgBC;AAQD,eAAO,MAAM,OAAO;;;;;;CAWnB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;CAYpB,CAAA"}

package/build/types/src/components/NativeSelectOptionGroup/NativeSelectOptionGroup.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=NativeSelectOptionGroup.test.d.ts.map

package/build/types/src/components/NativeSelectOptionGroup/NativeSelectOptionGroup.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelectOptionGroup.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/NativeSelectOptionGroup/NativeSelectOptionGroup.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/NativeSelectOptionGroup/index.d.ts

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

package/build/types/src/components/NativeSelectOptionGroup/index.d.ts.map

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

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

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+type ItemChangeHandler = (value: ItemKeyType) => void;
+type ItemKeyType = string | React.ReactNode;
+type AddItemFunction = (key: ItemKeyType, children: ItemKeyType | null, label: string, value: string) => void;
+export interface NavigationContextType {
+    activeItem?: ItemKeyType;
+    addItem?: AddItemFunction;
+    handleActiveItemChange?: ItemChangeHandler;
+    navigationDisabled?: boolean;
+    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. */
+    activeItem?: string;
+    /** The aria label of the navigation */
+    ariaLabel?: string;
+    /** The child navigation items of the navigation  */
+    children?: React.ReactNode | React.ReactNode[];
+    /** Pass a custom className to the navigation parent element */
+    className?: string;
+    /** Whether the navigation is disabled. Will disable all children. */
+    disabled?: boolean;
+    /** Handler to execute when the active item changes. Alias to `onChange`. */
+    onActiveItemChange?: ItemChangeHandler;
+    /** Handler to execute when the active item changes.Alias to `onActiveItemChange`. */
+    onChange?: React.FormEventHandler<EventTarget>;
+}
+export {};
+//# sourceMappingURL=Navigation.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/Navigation/Navigation.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6C,MAAM,OAAO,CAAA;AAIjE,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;AAErD,KAAK,WAAW,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;AAG3C,KAAK,eAAe,GAAG,CAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAI7G,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,WAAW,CAAA;IACxB,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,CA0FhD,CAAA;AAID,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC7E,uHAAuH;IACvH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC9C,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,kBAAkB,CAAC,EAAE,iBAAiB,CAAA;IACtC,qFAAqF;IACrF,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAA;CAE/C"}

package/build/types/src/components/Navigation/Navigation.stories.d.ts

@@ -0,0 +1,124 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+import { NavigationProps } from './index';
+declare const _default: {
+    title: string;
+    component: React.FC<NavigationProps>;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+        role: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const DefaultWithChildren: {
+    render: {
+        ({ children, ...props }: NavigationProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        activeItem: string;
+        children: React.JSX.Element[];
+    };
+};
+export declare const WithValuesAndLabels: {
+    render: {
+        ({ children, ...props }: NavigationProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        children: React.JSX.Element[];
+    };
+};
+export declare const WithValuesLabelsAndChildren: {
+    render: {
+        ({ children, ...props }: NavigationProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        children: React.JSX.Element[];
+    };
+};
+export declare const ValuesOnly: {
+    render: {
+        ({ children, ...props }: NavigationProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        children: React.JSX.Element[];
+    };
+};
+export declare const WithActiveItemByValue: {
+    render: {
+        ({ children, ...props }: NavigationProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        activeItem: string;
+        children: React.JSX.Element[];
+    };
+};
+export declare const WithActiveItemByLabel: {
+    render: {
+        ({ children, ...props }: NavigationProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        activeItem: string;
+        children: React.JSX.Element[];
+    };
+};
+export declare const WithActiveItemByChild: {
+    render: {
+        ({ children, ...props }: NavigationProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        activeItem: string;
+        children: React.JSX.Element[];
+    };
+};
+export declare const Disabled: {
+    render: {
+        ({ children, ...props }: NavigationProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        disabled: boolean;
+        children: React.JSX.Element[];
+    };
+};
+export declare const ItemsAsLinks: {
+    render: {
+        ({ children, ...props }: NavigationProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        children: React.JSX.Element[];
+    };
+};
+//# sourceMappingURL=Navigation.stories.d.ts.map

package/build/types/src/components/Navigation/Navigation.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Navigation/Navigation.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;;;;;;;AAGrD,wBAYC;AAOD,eAAO,MAAM,mBAAmB;;iCALU,eAAe;;;;;;;;;CAkBxD,CAAA;AAED,eAAO,MAAM,mBAAmB;;iCApBU,eAAe;;;;;;;;CA6BxD,CAAA;AAED,eAAO,MAAM,2BAA2B;;iCA/BE,eAAe;;;;;;;;CA8CxD,CAAA;AAED,eAAO,MAAM,UAAU;;iCAhDmB,eAAe;;;;;;;;CAyDxD,CAAA;AAED,eAAO,MAAM,qBAAqB;;iCA3DQ,eAAe;;;;;;;;;CAqExD,CAAA;AAGD,eAAO,MAAM,qBAAqB;;iCAxEQ,eAAe;;;;;;;;;CAkFxD,CAAA;AAGD,eAAO,MAAM,qBAAqB;;iCArFQ,eAAe;;;;;;;;;CAqGxD,CAAA;AAED,eAAO,MAAM,QAAQ;;iCAvGqB,eAAe;;;;;;;;;CAmHxD,CAAA;AAED,eAAO,MAAM,YAAY;;iCArHiB,eAAe;;;;;;;;CAoIxD,CAAA"}

package/build/types/src/components/Navigation/Navigation.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Navigation.test.d.ts.map

package/build/types/src/components/Navigation/Navigation.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Navigation/Navigation.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/Navigation/index.d.ts

@@ -0,0 +1,2 @@
+export { Navigation, type NavigationProps } from './Navigation.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/Navigation/index.d.ts.map

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

package/build/types/src/components/NavigationItem/NavigationItem.component.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { KnownIcons } from '../Icon/Icon.component';
+type ItemKeyType = string | React.ReactNode | null;
+/** A generic Navigation Item component. For internal use only. Use to wrap more semantic, role-specific navigation item components such as `SidenavigationItem`, `TabNavigationItem` , `TopNavigationItem` around. */
+export declare const NavigationItem: React.FC<NavigationItemProps>;
+export interface NavigationItemProps extends React.HTMLAttributes<HTMLElement> {
+    /** Whether the navigation item is the currently active item. If an acitve item is set on the parent, the one on the parent will win. */
+    active?: boolean;
+    /** Styles to apply to the active item*/
+    activeItemStyles?: string;
+    /** The aria-label of the item */
+    ariaLabel?: string;
+    /** Pass custom classNames to the item itself. */
+    className?: string;
+    /** The child string of the item. Will override `label` when passed. */
+    children?: ItemKeyType;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** An icon to render in the item */
+    icon?: KnownIcons | null;
+    inactiveItemStyles?: string;
+    /** The label of the item. Will be rendered if no children are passed */
+    label?: string;
+    /** The href of the item. The item will be rendered as an `<a>` element when passed, instead of a `<button>`.  */
+    href?: string;
+    /** Handler to execute when the item is clicked */
+    onClick?: React.MouseEventHandler<EventTarget>;
+    /** The value of the item as a technical identifier. Use if needed to be different from the visble `label` or child string. Will only be rendered when no `label` prop and no children are passed. */
+    value?: string;
+    /** Pass a custom className to the parent `<li>` element of the item. */
+    wrapperClassName?: string;
+}
+export {};
+//# sourceMappingURL=NavigationItem.component.d.ts.map

package/build/types/src/components/NavigationItem/NavigationItem.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationItem.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/NavigationItem/NavigationItem.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAG9D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEnD,KAAK,WAAW,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;AAYlD,sNAAsN;AACtN,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgIxD,CAAA;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,wIAAwI;IACxI,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IAExB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iHAAiH;IACjH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC9C,qMAAqM;IACrM,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}