@cloudoperators/juno-ui-components 6.0.0 → 6.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"Card.component.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAOpC,CAAA"}
+{"version":3,"file":"Card.component.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAaxD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,GAAI,4CAAyD,SAAS,KAAG,SAOzF,CAAA"}

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

@@ -1,37 +1,85 @@
-import { default as React, ReactNode } from 'react';
-export declare const Checkbox: React.FC<CheckboxProps>;
-export interface CheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Whether the Checkbox is checked */
+import { ReactNode, HTMLAttributes, ChangeEventHandler, MouseEventHandler } from 'react';
+/**
+ * The `Checkbox` component is a versatile form element that allows users to
+ * select one or multiple options. It can display states such as checked,
+ * indeterminate, invalid, and valid, and integrates with a checkbox group context
+ * for collective state management. This component supports labels, icons,
+ * error/success indicators, and custom event handlers.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-checkbox-checkbox--docs
+ * @see {@link CheckboxProps}
+ */
+export declare const Checkbox: ({ checked, className, disabled, errortext, helptext, id, indeterminate, invalid, label, name, onChange, onClick, required, successtext, valid, value, ...props }: CheckboxProps) => ReactNode;
+export interface CheckboxProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Specifies if the Checkbox is checked.
+     * @default false
+     */
     checked?: boolean;
-    /** Pass a custom className */
+    /**
+     * Custom CSS class for styling the Checkbox.
+     * @default ""
+     */
     className?: string;
-    /** Whether the Checkbox is disabled */
+    /**
+     * Specifies if the Checkbox is disabled.
+     * @default false
+     */
     disabled?: boolean;
-    /** A text to render when the Checkbox has an error or could not be validated */
+    /**
+     * Text to display when the Checkbox has an error.
+     */
     errortext?: ReactNode;
-    /** A helptext to render to explain meaning and significance of the Checkbox */
+    /**
+     * Help text explaining the significance of the Checkbox.
+     */
     helptext?: ReactNode;
-    /** The id of the Radio. An id will be automatically generated if not passed. */
+    /**
+     * The ID of the Checkbox. Auto-generated if not provided.
+     */
     id?: string;
-    /** Whether the Checkbox is indeterminate. Applicable ONLY if the Checkbox represents multiple child Checkboxes with non--identical checked state. */
+    /**
+     * Specifies if the Checkbox is in an indeterminate state; used for mixed states.
+     * @default false
+     */
     indeterminate?: boolean;
-    /** Whether the Checkbox was validated unsuccessfully */
+    /**
+     * Indicates whether the Checkbox validation failed.
+     * @default false
+     */
     invalid?: boolean;
-    /** The label of the Checkbox */
+    /**
+     * The label text for the Checkbox.
+     */
     label?: string;
-    /** The name of the Checkbox */
+    /**
+     * The name attribute of the Checkbox.
+     */
     name?: string;
-    /** handler to be executed when the Checkbox changes. */
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /** handler to be executed when the Checkbox is clicked. */
-    onClick?: React.MouseEventHandler<HTMLInputElement>;
-    /** Whether the Checkbox is required */
+    /**
+     * Event handler for change events on the Checkbox.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Event handler for click events on the Checkbox.
+     */
+    onClick?: MouseEventHandler<HTMLInputElement>;
+    /**
+     * Specifies if the Checkbox is required for form validation.
+     * @default false
+     */
     required?: boolean;
-    /** A text to render when the Checkbox was successfully validated */
+    /**
+     * Text to display when the Checkbox passes validation.
+     */
     successtext?: ReactNode;
-    /** Whether the Checkbox was successfully validated */
+    /**
+     * Indicates whether the Checkbox validation succeeded.
+     * @default false
+     */
     valid?: boolean;
-    /** The value of the Checkbox */
+    /**
+     * The value attribute of the Checkbox.
+     */
     value?: string;
 }
 //# sourceMappingURL=Checkbox.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.component.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAmD,SAAS,EAAE,MAAM,OAAO,CAAA;AA2FzF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8N5C,CAAA;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gFAAgF;IAChF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,qJAAqJ;IACrJ,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACrD,2DAA2D;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IACnD,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,sDAAsD;IACtD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
+{"version":3,"file":"Checkbox.component.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAMZ,SAAS,EAGT,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,OAAO,CAAA;AA2Fd;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,GAAI,kKAkBtB,aAAa,KAAG,SA0MlB,CAAA;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAE/C;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAE7C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

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

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
+import { default as React, ReactNode, HTMLAttributes } from 'react';
 type EventUpdateHandler = (value: string) => void;
 export interface CheckboxGroupContextProps {
     selectedOptions?: string[];
@@ -8,34 +8,61 @@ export interface CheckboxGroupContextProps {
     disabled?: boolean;
 }
 export declare const CheckboxGroupContext: React.Context<CheckboxGroupContextProps | undefined>;
-export declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
-export interface CheckboxGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
-    /** The Checkbox children of the CheckboxGroup */
+/**
+ * The `CheckboxGroup` component provides a context-managed grouping of checkbox elements.
+ * It manages the collective state for checkboxes, allowing for individual or batch validation
+ * and selection. It supports states such as disabled, valid, and invalid, and offers customization
+ * for error and success messages. It also furnishes a grouped label and help text for a unified UI.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-checkbox-checkboxgroup--docs
+ * @see {@link CheckboxGroupProps}
+ */
+export declare const CheckboxGroup: ({ children, className, disabled, errortext, helptext, id, invalid, label, name, onChange, required, selected, successtext, valid, ...props }: CheckboxGroupProps) => ReactNode;
+export interface CheckboxGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** The Checkbox children of the CheckboxGroup. */
     children?: ReactNode;
-    /** Pass a custom className */
+    /**
+     * Custom class names for styling the CheckboxGroup.
+     * @default ""
+     */
     className?: string;
-    /** Whether all Checkboxes in the group are disabled */
+    /**
+     * Disables all checkboxes in the group.
+     * @default false
+     */
     disabled?: boolean;
-    /** Text to display in case validation failed or there is an error. Will set the whole group to invalid when passed. */
+    /** Text displayed if validation fails or there is an error. Indicates group invalidity when set. */
     errortext?: ReactNode;
-    /** A text to render to further explain meaning and significance of the group */
+    /** Additional text explaining the significance of this group. */
     helptext?: ReactNode;
-    /** The id of the group. If not passed, a unique id will be created and used for the group as a whole. */
+    /** The group's ID. Automatically generated if not provided. */
     id?: string;
+    /**
+     * Indicates if the CheckboxGroup is marked as invalid.
+     * @default false
+     */
     invalid?: boolean;
-    /** The label of the whole group. */
+    /** The label text for the CheckboxGroup. */
     label?: string;
-    /** The name of all checkboxes in the group. If not passed, a unique name identifier will be created and used for the group as a whole. */
+    /**
+     * Name for all checkboxes in the group. Generated if not supplied.
+     * @default A unique identifier
+     */
     name?: string;
-    /** An onChange handler to execute when the selection of options changes */
+    /** Event handler triggered when any checkbox selection changes. */
     onChange?: EventUpdateHandler;
-    /** Whether a selection in the group is required */
+    /**
+     * Specifies if a selection is required in this group.
+     * @default false
+     */
     required?: boolean;
-    /** Array of values of individual selected options in the group */
+    /** Array of values representing the initially selected checkboxes in the group. */
     selected?: string[];
-    /** Text to display in case validation is successful. When passed, will set the whole group to valid. */
+    /** Text displayed upon successful validation, which marks the group as valid. */
     successtext?: ReactNode;
-    /** Whether the CheckboxGroup was successfully validated */
+    /**
+     * Specifies if the CheckboxGroup has been successfully validated.
+     * @default false
+     */
     valid?: boolean;
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.component.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,MAAM,OAAO,CAAA;AAsC5F,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEjD,MAAM,WAAW,yBAAyB;IACxC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,oBAAoB,CAAC,EAAE,kBAAkB,CAAA;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB,CAAC,EAAE,kBAAkB,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,oBAAoB,sDAAkE,CAAA;AAEnG,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+HtD,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uHAAuH;IACvH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yGAAyG;IACzG,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0IAA0I;IAC1I,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,wGAAwG;IACxG,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB"}
+{"version":3,"file":"CheckboxGroup.component.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAsC5G,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEjD,MAAM,WAAW,yBAAyB;IACxC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,oBAAoB,CAAC,EAAE,kBAAkB,CAAA;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB,CAAC,EAAE,kBAAkB,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,oBAAoB,sDAAkE,CAAA;AAEnG;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,8IAgB3B,kBAAkB,KAAG,SA+GvB,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC1F,kDAAkD;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,oGAAoG;IACpG,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,+DAA+D;IAC/D,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,mEAAmE;IACnE,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAE7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IAEnB,iFAAiF;IACjF,WAAW,CAAC,EAAE,SAAS,CAAA;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB"}

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

@@ -1,11 +1,22 @@
-import { default as React } from 'react';
-/** A basic inline `<code>` component.
- *   Accepts "content" prop or renders children as passed.
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+/**
+ * The `Code` component is a lightweight inline `<code>` element used for displaying code snippets or text.
+ * It can accept content directly through the `content` prop or render children encapsulated within it.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-code--docs
+ * @see {@link CodeProps}
  */
-export declare const Code: React.FC<CodeProps>;
-export interface CodeProps extends React.ComponentPropsWithoutRef<"code"> {
+export declare const Code: ({ content, children, className, ...props }: CodeProps) => ReactNode;
+export interface CodeProps extends ComponentPropsWithoutRef<"code"> {
+    /**
+     * Text content to render within the code element. Overrides `children`.
+     * @default ""
+     */
     content?: string;
+    /** Additional CSS class names for styling the code element.
+     * @default ""
+     */
     className?: string;
-    children?: React.ReactNode;
+    /** Elements or text to render inside the code element. */
+    children?: ReactNode;
 }
 //# sourceMappingURL=Code.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Code.component.d.ts","sourceRoot":"","sources":["../../../src/components/Code/Code.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMpC,CAAA;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC;IACvE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}
+{"version":3,"file":"Code.component.d.ts","sourceRoot":"","sources":["../../../src/components/Code/Code.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOlE;;;;;GAKG;AACH,eAAO,MAAM,IAAI,GAAI,4CAAsD,SAAS,KAAG,SAMtF,CAAA;AAED,MAAM,WAAW,SAAU,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IACjE;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}

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

@@ -1,23 +1,49 @@
-import { default as React } from 'react';
-/**  A basic CodeBlock component. Accepts a content prop or children. Will render a pre-wrapped code element. */
-export declare const CodeBlock: React.FC<CodeBlockProps>;
+import { ReactNode, HTMLAttributes } from 'react';
+/**
+ * The `CodeBlock` component renders a block of preformatted code or content. It offers features such
+ * as optional wrapping, copying to clipboard, and syntax highlighting for JSON content via a custom viewer.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-codeblock--docs
+ * @see {@link CodeBlockProps}
+ */
+export declare const CodeBlock: ({ content, children, wrap, size, copy, lang, className, ...props }: CodeBlockProps) => ReactNode;
 type CodeBlockSize = "auto" | "small" | "medium" | "large";
-export interface CodeBlockProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "content" | "children"> {
-    /** The content to render. Used when `lang` is "json". Otherwise, if children are not provided. */
+export interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, "content" | "children"> {
+    /**
+     * The content to render. Used when `lang` is "json". Overrides children if not specified.
+     * Defaults to an empty string or object.
+     */
     content?: string | object;
-    /** The children to render. Used when `lang` is NOT "json", overriding `content`. */
-    children?: React.ReactNode;
-    /** Pass at title to render. Will look like a single tab. */
+    /**
+     * Elements or text to render inside the code block. Used when `lang` is not "json", overriding `content`.
+     */
+    children?: ReactNode;
+    /**
+     * Optional caption or title to render, styled like a tab.
+     */
     heading?: string;
-    /** Set whether the code should wrap or not. Default is true. */
+    /**
+     * Determines whether the code should wrap.
+     * @default true
+     */
     wrap?: boolean;
-    /** Set the size of the CodeBlock. Default is "auto" */
+    /**
+     * Specifies the size of the CodeBlock.
+     * @default "auto"
+     */
     size?: CodeBlockSize;
-    /** Render a button to copy the code to the clipboard. Defaults to true */
+    /**
+     * Enables or disables the copy-to-clipboard option.
+     * @default true
+     */
     copy?: boolean;
-    /** Pass a lang prop. Passing "json" will render a fully-featured JsonView. Will also add a data-lang attribute to the codeblock */
+    /**
+     * Language for the content. "json" will render a structured JsonView. Adds a data-lang attribute.
+     */
     lang?: string;
-    /** Add a custom className to the wrapper of the CodeBlock */
+    /**
+     * Additional CSS classes for customizing the CodeBlock styling.
+     * @default ""
+     */
     className?: string;
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.component.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/CodeBlock.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAsG5D,gHAAgH;AAChH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsE9C,CAAA;AAED,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE1D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACxG,kGAAkG;IAClG,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gEAAgE;IAChE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uDAAuD;IACvD,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,mIAAmI;IACnI,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"CodeBlock.component.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/CodeBlock.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAA4C,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAsGlG;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,oEASvB,cAAc,KAAG,SA6DnB,CAAA;AAED,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE1D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAClG;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
+import { default as React, ReactNode, HTMLAttributes, FocusEventHandler, ChangeEventHandler } from 'react';
 type AddOptionValueAndLabelFunction = (value: string, label: string, children: ReactNode) => void;
 export type ComboBoxContextType = {
     selectedValue?: string;
@@ -6,60 +6,97 @@ export type ComboBoxContextType = {
     addOptionValueAndLabel: AddOptionValueAndLabelFunction;
 };
 export declare const ComboBoxContext: React.Context<ComboBoxContextType | undefined>;
-export declare const ComboBox: React.FC<ComboBoxProps>;
+/**
+ * The `ComboBox` component is a customizable, accessible, and interactive dropdown component, allowing users to select from a list of options.
+ * It features dynamic filtering and optional asynchronous loading for extended functionality.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-combobox-combobox--docs
+ * @see {@link ComboBoxProps}
+ */
+export declare const ComboBox: ({ ariaLabel, children, className, defaultValue, disabled, error, errortext, helptext, id, invalid, loading, label, name, onBlur, onChange, onFocus, onInputChange, placeholder, required, successtext, truncateOptions, valid, value, valueLabel, width, wrapperClassName, ...props }: ComboBoxProps) => ReactNode;
 export type ComboBoxWidth = "full" | "auto";
-export interface ComboBoxProps extends Omit<React.HTMLAttributes<HTMLElement>, "onChange" | "onInput" | "children"> {
-    /** The aria-label of the ComboBox. Defaults to the label if label was passed. */
+export interface ComboBoxProps extends Omit<HTMLAttributes<HTMLElement>, "onChange" | "onInput" | "children"> {
+    /** ARIA label for accessibility. Defaults to label if provided. */
     ariaLabel?: string;
-    /** The children to Render. Use `ComboBox.Option` elements. */
+    /** Children to render, typically using `ComboBox.Option`. */
     children?: ReactNode;
-    /** A custom className. Will be passed to the internal text input element of the ComboBox */
+    /**
+     * Additional class names for styling.
+     * @default ""
+     */
     className?: string;
-    /** Pass a defaultValue to use as an uncontrolled Component that will handle its state internally */
+    /** Default value for ComboBox, applicable in uncontrolled mode. */
     defaultValue?: string;
-    /** Whether the ComboBox is disabled */
+    /**
+     * Indicates if ComboBox is disabled.
+     * @default false
+     */
     disabled?: boolean;
-    /** Whether the ComboBox has an error. Note this refers to an internal error like failing to load options etc., to indicate failed validation use `invalid` instead. */
+    /**
+     * Indicates internal ComboBox error. Use `invalid` for validation failures.
+     * @default false
+     */
     error?: boolean;
-    /** An errortext to display when the ComboBox failed validation or an internal error occurred. */
+    /** Text displayed for validation errors or internal issues. */
     errortext?: ReactNode;
-    /** A helptext to render to explain meaning and significance of the ComboBox */
+    /** Additional context or instructions displayed below the ComboBox. */
     helptext?: ReactNode;
-    /** The Id of the ComboBox. Will be assigned to the text input part of the ComboBox. If not passed, an id will be auto-generated. */
+    /** ID for ComboBox. If unspecified, auto-generated. */
     id?: string;
-    /** Whether the ComboBox failed validation */
+    /**
+     * Identifies invalid ComboBox state.
+     * @default false
+     */
     invalid?: boolean;
-    /** The label of the ComboBox */
+    /** ComboBox label text. */
     label?: string;
-    /** Whether the ComboBox is busy loading options */
+    /**
+     * Loading state for asynchronous actions.
+     * @default false
+     */
     loading?: boolean;
-    /** The name attribute of the ComboBox when used as part of a form  */
+    /** Name attribute when used within a form. */
     name?: string;
-    /** A handler to execute when the ComboBox looses focus */
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    /** A handler to execute when the ComboBox' selected value changes */
-    onChange?: (value: string) => void;
-    /** A handler to execute when the ComboBox input receives focus */
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    /** Handler to execute when the ComboBox text input value changes */
-    onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /** A placeholder to render in the text input */
+    /** Handler for when the ComboBox loses focus. */
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    /** Handler for changes in the ComboBox selection. */
+    onChange?: (_value: string) => void;
+    /** Handler for when the ComboBox input gains focus. */
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    /** Handler for changes in the ComboBox's text input value. */
+    onInputChange?: ChangeEventHandler<HTMLInputElement>;
+    /** Placeholder text for ComboBox input.
+     * @default "Select…"
+     */
     placeholder?: string;
-    /** Whether the ComboBox is required */
+    /**
+     * Flags the ComboBox as a required field.
+     * @default false
+     */
     required?: boolean;
-    /** A text to display in case the ComboBox was successfully validated. Will set the ComboBox to `valid` when passed. */
+    /** Text shown upon successful validation of the ComboBox. */
     successtext?: ReactNode;
-    /** Whether the option labels should be truncated in case they are longer/wider than the available space in an option or not. Default is FALSE. */
+    /**
+     * Controls option text truncation in the dropdown.
+     * @default false
+     */
     truncateOptions?: boolean;
-    /** Whether the ComboBox was successfully validated */
+    /**
+     * Specifies successful validation state.
+     * @default false
+     */
     valid?: boolean;
-    /** The selected value of the ComboBox in Controlled Mode. */
+    /** Controlled value for ComboBox in managed state. */
     value?: string;
-    /** The label of the passed value or defaultValue. If you want to use controlled mode or pass as defaultValue in uncontrolled mode and additionally use labels for human-readable SelectOptions, you need to also pass the matching label for the passed value/defaultValue so that the Select component can render itself properly */
+    /** Label corresponding to the selected or default value for display. */
     valueLabel?: string;
-    /** The width of the text input. Either 'full' (default) or 'auto'. */
+    /**
+     * Width determination for input: "full" or "auto".
+     * @default "full"
+     */
     width?: ComboBoxWidth;
-    /** Pass a custom classname to the wrapping <div> element. This can be useful if you must add styling to the outermost wrapping element of this component, e.g. for positioning. */
+    /** Custom styling classes for the ComboBox's wrapper.
+     * @default ""
+     */
     wrapperClassName?: string;
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.component.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBox.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,MAAM,OAAO,CAAA;AAwI5F,KAAK,8BAA8B,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAA;AAEjG,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,OAAO,CAAA;IACxB,sBAAsB,EAAE,8BAA8B,CAAA;CACvD,CAAA;AAED,eAAO,MAAM,eAAe,gDAA4D,CAAA;AASxF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiW5C,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAA;AAC3C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IACjH,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oGAAoG;IACpG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uKAAuK;IACvK,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iGAAiG;IACjG,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oIAAoI;IACpI,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0DAA0D;IAC1D,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAClD,qEAAqE;IAErE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,kEAAkE;IAClE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IACnD,oEAAoE;IACpE,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC1D,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uHAAuH;IACvH,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,kJAAkJ;IAClJ,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sDAAsD;IACtD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sUAAsU;IACtU,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,sEAAsE;IACtE,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,mLAAmL;IACnL,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
+{"version":3,"file":"ComboBox.component.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBox.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAMZ,SAAS,EAKT,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,OAAO,CAAA;AAwId,KAAK,8BAA8B,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAA;AAEjG,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,OAAO,CAAA;IACxB,sBAAsB,EAAE,8BAA8B,CAAA;CACvD,CAAA;AAED,eAAO,MAAM,eAAe,gDAA4D,CAAA;AASxF;;;;;GAKG;AAEH,eAAO,MAAM,QAAQ,GAAI,uRA4BtB,aAAa,KAAG,SAqUlB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAA;AAC3C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAC3G,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,+DAA+D;IAC/D,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,uDAAuD;IACvD,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,iDAAiD;IACjD,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAE5C,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC,uDAAuD;IACvD,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAE7C,8DAA8D;IAC9D,aAAa,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAEpD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,SAAS,CAAA;IAEvB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IAErB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}

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

@@ -1,15 +1,29 @@
-import { default as React } from 'react';
-export declare const ComboBoxOption: React.FC<ComboBoxOptionProps>;
-export interface ComboBoxOptionProps extends React.HTMLProps<HTMLLIElement> {
-    /** Content to render inside the ComboBoxOption. Is specified should be string. */
+import { HTMLProps, ReactNode } from 'react';
+/**
+ * `ComboBoxOption` is a component used within a `ComboBox` to represent each selectable option.
+ * It displays the option's label and value, and indicates the selected state with styles or an icon.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-combobox-comboboxoption--docs
+ * @see {@link ComboBoxOptionProps}
+ */
+export declare const ComboBoxOption: ({ children, disabled, value, label, className, ...props }: ComboBoxOptionProps) => ReactNode;
+export interface ComboBoxOptionProps extends HTMLProps<HTMLLIElement> {
+    /**
+     * Content to render inside the ComboBoxOption. Should be specified as a string.
+     */
     children?: string;
-    /** If option is disabled. */
+    /**
+     * If true, the option is disabled and not selectable.
+     * @default false
+     */
     disabled?: boolean;
-    /** Option value. */
+    /** The value to be submitted if this option is selected. */
     value?: string;
-    /** Option label. */
+    /** The label text for the option, displayed when `children` is not provided. */
     label?: string;
-    /** CSS class for the option. */
+    /**
+     * CSS class names for custom styling.
+     * @default ""
+     */
     className?: string;
 }
 //# sourceMappingURL=ComboBoxOption.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBoxOption.component.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBoxOption/ComboBoxOption.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAA;AA8C9D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgDxD,CAAA;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACzE,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"ComboBoxOption.component.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBoxOption/ComboBoxOption.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAmC,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA8CpF;;;;;GAKG;AAEH,eAAO,MAAM,cAAc,GAAI,2DAO5B,mBAAmB,KAAG,SAyCxB,CAAA;AAED,MAAM,WAAW,mBAAoB,SAAQ,SAAS,CAAC,aAAa,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -1,15 +1,27 @@
-import { default as React } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 /**
- * A very basic layout container with padding.
+ * The `Container` component serves as a basic layout container with configurable padding options,
+ * providing structure and spacing within layouts.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-container--docs
+ * @see {@link ContainerProps}
  */
-export declare const Container: React.FC<ContainerProps>;
-export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Choose false if you don't want horizontal padding to be added. */
+export declare const Container: ({ px, py, className, children, ...props }: ContainerProps) => ReactNode;
+export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Specifies whether horizontal padding should be added.
+     * @default true
+     */
     px?: boolean;
-    /** Set to true to add vertical padding. */
+    /**
+     * Specifies whether vertical padding should be added.
+     * @default false
+     */
     py?: boolean;
-    /** Add custom class name */
+    /** Additional custom class names for styling the container.
+     * @default ""
+     */
     className?: string;
-    children?: React.ReactNode;
+    /** Elements or components to render within the Container. */
+    children?: ReactNode;
 }
 //# sourceMappingURL=Container.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Container.component.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAM9C,CAAA;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,qEAAqE;IACrE,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ,2CAA2C;IAC3C,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}
+{"version":3,"file":"Container.component.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASxD;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,2CAA+D,cAAc,KAAG,SAMzG,CAAA;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,CAAA;IAEZ;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,CAAA;IAEZ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}

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

@@ -1,17 +1,20 @@
-import { default as React } from 'react';
-export interface ContentAreaToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+import { HTMLAttributes, ReactNode } from 'react';
+export interface ContentAreaToolbarProps extends HTMLAttributes<HTMLDivElement> {
     /**
-     * Additional CSS classes for custom styling.
+     * Custom CSS classes for styling the toolbar.
+     * @default ""
      */
     className?: string;
     /**
-     * Custom content to render within the content area toolbar.
+     * Content or elements to render within the content area toolbar.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /**
- * ContentAreaToolbar represents the main toolbar within the content area.
- * It is designed to hold main actions relevant to the current page.
+ * The `ContentAreaToolbar` represents the main toolbar within a content area, providing space
+ * for main actions relevant to the current page context. It supports custom content and styling.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-contentareatoolbar--docs
+ * @see {@link ContentAreaToolbarProps}
  */
-export declare const ContentAreaToolbar: React.FC<ContentAreaToolbarProps>;
+export declare const ContentAreaToolbar: ({ className, children, ...props }: ContentAreaToolbarProps) => ReactNode;
 //# sourceMappingURL=ContentAreaToolbar.component.d.ts.map

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

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