@cloudoperators/juno-ui-components 6.0.0 → 6.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"Form.component.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAY5D,MAAM,WAAW,SAAU,SAAQ,kBAAkB,CAAC,eAAe,CAAC;IACpE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAOpC,CAAA"}
+{"version":3,"file":"Form.component.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAY5D,MAAM,WAAW,SAAU,SAAQ,kBAAkB,CAAC,eAAe,CAAC;IACpE;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,GAAI,0CAAoD,SAAS,KAAG,SAOpF,CAAA"}

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

@@ -1,6 +1,6 @@
-import { default as React, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 type FormHintVariant = "help" | "error" | "success";
-export interface FormHintProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface FormHintProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * The content to render as a hint for a form element.
      * If children are provided, they will take precedence over text.
@@ -9,20 +9,29 @@ export interface FormHintProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * The text to render as a hint for a form element.
      * Overridden by children, if provided.
+     * @default ""
      */
     text?: ReactNode;
     /**
      * The variant of the hint ("help", "error", or "success") determining its appearance.
+     * @default "help"
      */
     variant?: FormHintVariant;
     /**
      * Additional CSS classes to apply to the form hint for custom styling.
+     * @default ""
      */
     className?: string;
 }
 /**
- * A FormHint component used to provide contextual help, error, or success messages associated with form elements.
+ * The `FormHint` component provides contextual messages associated with form elements,
+ * such as help, error, or success messages. It adjusts appearance based on the variant specified.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-formhint--docs
+ * @see {@link FormHintProps}
  */
-export declare const FormHint: React.FC<FormHintProps>;
+export declare const FormHint: {
+    ({ children, text, variant, className, ...props }: FormHintProps): ReactNode;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=FormHint.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormHint.component.d.ts","sourceRoot":"","sources":["../../../src/components/FormHint/FormHint.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxC,KAAK,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;AAEnD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAA;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAaD;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqB5C,CAAA"}
+{"version":3,"file":"FormHint.component.d.ts","sourceRoot":"","sources":["../../../src/components/FormHint/FormHint.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxD,KAAK,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;AAEnD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAEhB;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAA;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAaD;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;uDAMlB,aAAa,GAAG,SAAS;;CAe3B,CAAA"}

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

@@ -1,18 +1,22 @@
-import { default as React } from 'react';
-export interface FormRowProps extends React.HTMLAttributes<HTMLDivElement> {
+import { HTMLAttributes, ReactNode } from 'react';
+export interface FormRowProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Content to render inside FormRow.
      * Typically, these will be form elements such as TextInput, Textarea, Select, Radio, CheckboxGroups, etc.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Additional CSS classes to apply to the FormRow for custom styling.
+     * @default ""
      */
     className?: string;
 }
 /**
- * A generic FormRow component used to layout and structure form elements.
- * It serves as a container for form elements such as TextInput, Textarea, Select, Radio, CheckboxGroups etc.
+ * The `FormRow` component structures individual form elements within a row layout.
+ * It serves as a container for inputs like `TextInput`, `Textarea`, and others,
+ * supporting custom styling with class names.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-formrow--docs
+ * @see {@link FormRowProps}
  */
-export declare const FormRow: React.FC<FormRowProps>;
+export declare const FormRow: ({ children, className, ...props }: FormRowProps) => ReactNode;
 //# sourceMappingURL=FormRow.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormRow.component.d.ts","sourceRoot":"","sources":["../../../src/components/FormRow/FormRow.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAM1C,CAAA"}
+{"version":3,"file":"FormRow.component.d.ts","sourceRoot":"","sources":["../../../src/components/FormRow/FormRow.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMxD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,GAAI,mCAAwC,YAAY,KAAG,SAM9E,CAAA"}

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

@@ -1,21 +1,26 @@
-import { default as React, HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 export interface FormSectionProps extends HTMLAttributes<HTMLElement> {
     /**
      * Title for the form section.
+     * @default ""
      */
     title?: string;
     /**
      * Additional CSS classes to apply to the form section for custom styling.
+     * @default ""
      */
     className?: string;
     /**
      * Content to be rendered within the form section.
      * This can include form elements and other React nodes.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /**
- * FormSection component for grouping form elements within complex forms.
+ * The `FormSection` component groups related form elements within a section,
+ * offering a title and customizable styling. It assists in organizing content within forms.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-formsection--docs
+ * @see {@link FormSectionProps}
  */
-export declare const FormSection: React.FC<FormSectionProps>;
+export declare const FormSection: ({ title, children, className, ...props }: FormSectionProps) => ReactNode;
 //# sourceMappingURL=FormSection.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormSection.component.d.ts","sourceRoot":"","sources":["../../../src/components/FormSection/FormSection.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAa7C,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAOlD,CAAA"}
+{"version":3,"file":"FormSection.component.d.ts","sourceRoot":"","sources":["../../../src/components/FormSection/FormSection.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAaxD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,0CAAoD,gBAAgB,KAAG,SAOlG,CAAA"}

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

@@ -1,11 +1,18 @@
-import { default as React } from 'react';
-export interface FormattedTextProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Add custom class name */
+import { HTMLAttributes, ReactNode } from 'react';
+export interface FormattedTextProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Custom CSS class name for styling the formatted text container.
+     * @default ""
+     */
     className?: string;
-    children?: React.ReactNode;
+    /** Rendering content within the formatted text container. */
+    children?: ReactNode;
 }
 /**
- * A very basic layout container with padding.
+ * The `FormattedText` component provides a container for stylized text.
+ * It supports custom content and additional styling through class names.
+ * @see https://cloudoperators.github.io/juno/?path=/story/components-formattedtext--basic
+ * @see {@link FormattedTextProps}
  */
-export declare const FormattedText: React.FC<FormattedTextProps>;
+export declare const FormattedText: ({ className, children, ...props }: FormattedTextProps) => ReactNode;
 //# sourceMappingURL=FormattedText.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormattedText.component.d.ts","sourceRoot":"","sources":["../../../src/components/FormattedText/FormattedText.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,sBAAsB,CAAA;AAE7B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAUtD,CAAA"}
+{"version":3,"file":"FormattedText.component.d.ts","sourceRoot":"","sources":["../../../src/components/FormattedText/FormattedText.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,sBAAsB,CAAA;AAE7B,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,mCAI3B,kBAAkB,KAAG,SAMvB,CAAA"}

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

@@ -1,22 +1,27 @@
-import { default as React } from 'react';
-export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+import { HTMLAttributes, ReactNode } from 'react';
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Controls whether columns should auto-size.
      * If true, this will override the default 12-column grid layout.
+     * @default false
      */
     auto?: boolean;
     /**
      * Elements to be rendered within the grid.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Additional CSS classes to apply to the grid for custom styling.
+     * @default ""
      */
     className?: string;
 }
 /**
- * A general-use grid component.
- * Used in conjunction with GridColumn and GridRow components to create a flexible grid layout.
+ * The `Grid` component establishes a customizable grid layout, enabling
+ * responsive design. It collaborates with `GridColumn` and `GridRow` for
+ * flexible arrangement of content.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-grid-grid--docs
+ * @see {@link GridProps}
  */
-export declare const Grid: React.FC<GridProps>;
+export declare const Grid: ({ auto, children, className, ...props }: GridProps) => ReactNode;
 //# sourceMappingURL=Grid.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.component.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAQpC,CAAA"}
+{"version":3,"file":"Grid.component.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUxD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,GAAI,yCAAsD,SAAS,KAAG,SAQtF,CAAA"}

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-export interface GridColumnProps extends React.HTMLAttributes<HTMLDivElement> {
+import { HTMLAttributes, ReactNode } from 'react';
+export interface GridColumnProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * The number of columns to span the column over.
      */
@@ -11,19 +11,25 @@ export interface GridColumnProps extends React.HTMLAttributes<HTMLDivElement> {
     width?: number;
     /**
      * Determines whether the column should set an auto width.
+     * @default false
      */
     auto?: boolean;
     /**
      * Additional CSS classes to apply to the grid column for custom styling.
+     * @default ""
      */
     className?: string;
     /**
      * Content to be rendered inside the column.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /**
- * A flexible grid column component used within a Grid.
+ * The `GridColumn` component represents an individual column within a `Grid`,
+ * providing options for span and width adjustments. It supports flexible styling
+ * for responsive layout.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-grid-gridcolumn--docs
+ * @see {@link GridColumnProps}
  */
-export declare const GridColumn: React.FC<GridColumnProps>;
+export declare const GridColumn: ({ width, cols, auto, className, children, ...props }: GridColumnProps) => ReactNode;
 //# sourceMappingURL=GridColumn.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridColumn.component.d.ts","sourceRoot":"","sources":["../../../src/components/GridColumn/GridColumn.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAmCzB,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6BhD,CAAA"}
+{"version":3,"file":"GridColumn.component.d.ts","sourceRoot":"","sources":["../../../src/components/GridColumn/GridColumn.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAmCvE,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GAAI,sDAOxB,eAAe,KAAG,SAsBpB,CAAA"}

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

@@ -1,18 +1,21 @@
-import { default as React } from 'react';
-export interface GridRowProps extends React.HTMLAttributes<HTMLDivElement> {
+import { HTMLAttributes, ReactNode } from 'react';
+export interface GridRowProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Elements to be rendered within the grid row.
      * Typically, these would be GridColumn components.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Additional CSS classes to apply to the grid row for custom styling.
+     * @default ""
      */
     className?: string;
 }
 /**
- * A grid row container to hold GridColumn elements inside a Grid.
- * This component ensures that its children are wrapped correctly in a flexbox layout.
+ * The `GridRow` component acts as a container to hold `GridColumn` elements
+ * within a `Grid`. It ensures proper flexbox wrapping for responsive design.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-grid-gridrow--docs
+ * @see {@link GridRowProps}
  */
-export declare const GridRow: React.FC<GridRowProps>;
+export declare const GridRow: ({ children, className, ...props }: GridRowProps) => ReactNode;
 //# sourceMappingURL=GridRow.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridRow.component.d.ts","sourceRoot":"","sources":["../../../src/components/GridRow/GridRow.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAM1C,CAAA"}
+{"version":3,"file":"GridRow.component.d.ts","sourceRoot":"","sources":["../../../src/components/GridRow/GridRow.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQxD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,OAAO,GAAI,mCAAwC,YAAY,KAAG,SAM9E,CAAA"}

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

@@ -1,10 +1,25 @@
-import { default as React } from 'react';
-export declare const HeaderContainer: React.FC<HeaderContainerProps>;
-export interface HeaderContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Whether the page/view content will stretch over the full width of the viewport or not. Default is `false`. */
+import { HTMLAttributes, ReactNode } from 'react';
+/**
+ * The `HeaderContainer` component serves as a fixed, styled container at the top
+ * of a page or view, supporting full-width or constrained layouts.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/internal-headercontainer--docs
+ * @see {@link HeaderContainerProps}
+ */
+export declare const HeaderContainer: ({ fullWidth, className, children, ...props }: HeaderContainerProps) => ReactNode;
+export interface HeaderContainerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether the page/view content will stretch over the full width of the viewport or not.
+     * @default false
+     */
     fullWidth?: boolean;
-    /** Add custom class name */
+    /**
+     * Custom CSS class name to apply to the header container.
+     * @default ""
+     */
     className?: string;
-    children?: React.ReactNode;
+    /**
+     * Content to be rendered within the header container.
+     */
+    children?: ReactNode;
 }
 //# sourceMappingURL=HeaderContainer.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderContainer.component.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderContainer/HeaderContainer.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkB1D,CAAA;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,iHAAiH;IACjH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}
+{"version":3,"file":"HeaderContainer.component.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderContainer/HeaderContainer.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYxD;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,8CAK7B,oBAAoB,KAAG,SAazB,CAAA;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React, HTMLProps, MouseEventHandler } from 'react';
 export declare enum KnownIconsEnum {
     accessTime = "accessTime",
     accountCircle = "accountCircle",
@@ -60,15 +60,34 @@ export declare enum KnownIconsEnum {
     widgets = "widgets"
 }
 export type KnownIcons = keyof typeof KnownIconsEnum;
+/**
+ * The `Icon` component provides a versatile way to render SVG icons with customizable size,
+ * color, and accessibility features. Icons can be interactive through click events or embedded links.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-icon--docs
+ * @see {@link IconProps}
+ */
 export declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export interface IconProps extends Omit<React.HTMLProps<HTMLAnchorElement> | React.HTMLProps<HTMLButtonElement>, "size"> {
+export interface IconProps extends Omit<HTMLProps<HTMLAnchorElement> | HTMLProps<HTMLButtonElement>, "size"> {
+    /** The name of the icon to render. */
     icon?: KnownIcons;
+    /** Specifies the color of the icon. */
     color?: string;
+    /** Determines the size of the icon, either a number or string representing pixels/rem. */
     size?: string | number;
+    /** Accessibility title for the icon, useful for screen readers. */
     title?: string;
+    /** Additional CSS class names for custom styling.
+     * @default ""
+     */
     className?: string;
+    /** URL for navigation via anchor element when clicked. */
     href?: string;
+    /**
+     * Determines if the icon is interactive or not.
+     * @default false
+     */
     disabled?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /** Click event handler for icon interaction, applicable to button elements. */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
 }
 //# sourceMappingURL=Icon.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.component.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgC,MAAM,OAAO,CAAA;AA8FpD,oBAAY,cAAc;IAExB,UAAU,eAAe;IAEzB,aAAa,kBAAkB;IAE/B,SAAS,cAAc;IAEvB,iBAAiB,sBAAsB;IAEvC,iBAAiB,sBAAsB;IAEvC,IAAI,SAAS;IAEb,aAAa,kBAAkB;IAE/B,MAAM,WAAW;IAEjB,KAAK,UAAU;IAEf,WAAW,gBAAgB;IAE3B,WAAW,gBAAgB;IAE3B,YAAY,iBAAiB;IAE7B,KAAK,UAAU;IAEf,OAAO,YAAY;IAEnB,WAAW,gBAAgB;IAE3B,MAAM,WAAW;IAEjB,SAAS,cAAc;IAEvB,OAAO,YAAY;IAEnB,aAAa,kBAAkB;IAE/B,WAAW,gBAAgB;IAE3B,GAAG,QAAQ;IAEX,QAAQ,aAAa;IAErB,IAAI,SAAS;IAEb,KAAK,UAAU;IAEf,YAAY,iBAAiB;IAE7B,SAAS,cAAc;IAEvB,UAAU,eAAe;IAEzB,UAAU,eAAe;IAEzB,SAAS,cAAc;IAEvB,KAAK,UAAU;IAEf,IAAI,SAAS;IAEb,IAAI,SAAS;IAEb,IAAI,SAAS;IAEb,QAAQ,aAAa;IAErB,cAAc,mBAAmB;IAEjC,YAAY,iBAAiB;IAE7B,QAAQ,aAAa;IAErB,UAAU,eAAe;IAEzB,gBAAgB,qBAAqB;IAErC,aAAa,kBAAkB;IAE/B,SAAS,cAAc;IAEvB,KAAK,UAAU;IAEf,MAAM,WAAW;IAEjB,WAAW,gBAAgB;IAE3B,cAAc,mBAAmB;IAEjC,YAAY,iBAAiB;IAE7B,gBAAgB,qBAAqB;IAErC,gBAAgB,qBAAqB;IAErC,eAAe,oBAAoB;IAEnC,oBAAoB,yBAAyB;IAE7C,sBAAsB,2BAA2B;IAEjD,oBAAoB,yBAAyB;IAE7C,sBAAsB,2BAA2B;IAEjD,OAAO,YAAY;IAEnB,MAAM,WAAW;IAEjB,OAAO,YAAY;IAEnB,OAAO,YAAY;IAEnB,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,cAAc,CAAA;AAstBpD,eAAO,MAAM,IAAI,sHAmDf,CAAA;AAEF,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC7F,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CACrD"}
+{"version":3,"file":"Icon.component.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAA;AA8F9F,oBAAY,cAAc;IAExB,UAAU,eAAe;IAEzB,aAAa,kBAAkB;IAE/B,SAAS,cAAc;IAEvB,iBAAiB,sBAAsB;IAEvC,iBAAiB,sBAAsB;IAEvC,IAAI,SAAS;IAEb,aAAa,kBAAkB;IAE/B,MAAM,WAAW;IAEjB,KAAK,UAAU;IAEf,WAAW,gBAAgB;IAE3B,WAAW,gBAAgB;IAE3B,YAAY,iBAAiB;IAE7B,KAAK,UAAU;IAEf,OAAO,YAAY;IAEnB,WAAW,gBAAgB;IAE3B,MAAM,WAAW;IAEjB,SAAS,cAAc;IAEvB,OAAO,YAAY;IAEnB,aAAa,kBAAkB;IAE/B,WAAW,gBAAgB;IAE3B,GAAG,QAAQ;IAEX,QAAQ,aAAa;IAErB,IAAI,SAAS;IAEb,KAAK,UAAU;IAEf,YAAY,iBAAiB;IAE7B,SAAS,cAAc;IAEvB,UAAU,eAAe;IAEzB,UAAU,eAAe;IAEzB,SAAS,cAAc;IAEvB,KAAK,UAAU;IAEf,IAAI,SAAS;IAEb,IAAI,SAAS;IAEb,IAAI,SAAS;IAEb,QAAQ,aAAa;IAErB,cAAc,mBAAmB;IAEjC,YAAY,iBAAiB;IAE7B,QAAQ,aAAa;IAErB,UAAU,eAAe;IAEzB,gBAAgB,qBAAqB;IAErC,aAAa,kBAAkB;IAE/B,SAAS,cAAc;IAEvB,KAAK,UAAU;IAEf,MAAM,WAAW;IAEjB,WAAW,gBAAgB;IAE3B,cAAc,mBAAmB;IAEjC,YAAY,iBAAiB;IAE7B,gBAAgB,qBAAqB;IAErC,gBAAgB,qBAAqB;IAErC,eAAe,oBAAoB;IAEnC,oBAAoB,yBAAyB;IAE7C,sBAAsB,2BAA2B;IAEjD,oBAAoB,yBAAyB;IAE7C,sBAAsB,2BAA2B;IAEjD,OAAO,YAAY;IAEnB,MAAM,WAAW;IAEjB,OAAO,YAAY;IAEnB,OAAO,YAAY;IAEnB,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,cAAc,CAAA;AAstBpD;;;;;GAKG;AACH,eAAO,MAAM,IAAI,sHAmDf,CAAA;AAEF,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC1G,sCAAsC;IACtC,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEtB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CAC/C"}

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

@@ -1,13 +1,14 @@
-import { default as React } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 type VariantTypes = "default" | "primary" | "primary-danger" | "subdued";
-export interface InputGroupProps extends React.HTMLAttributes<HTMLElement> {
+export interface InputGroupProps extends HTMLAttributes<HTMLElement> {
     /**
      * The children to render within the InputGroup.
      * This can be any React node or a collection of React nodes such as Buttons, TextInput, and Select elements.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Additional CSS class name(s) to apply to the InputGroup for custom styling.
+     * @default ""
      */
     className?: string;
     /**
@@ -17,13 +18,16 @@ export interface InputGroupProps extends React.HTMLAttributes<HTMLElement> {
     /**
      * If true, all elements within the InputGroup will be disabled.
      * Individual elements can override this setting if needed.
+     * @default false
      */
     disabled?: boolean;
 }
 /**
  * InputGroup is a component used to visually group related elements such as
  * Buttons, TextInput, and Select elements, providing a cohesive styling approach.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/wip-inputgroup--docs
+ * @see {@link InputGroupProps}
  */
-export declare const InputGroup: React.FC<InputGroupProps>;
+export declare const InputGroup: ({ children, className, variant, disabled, ...props }: InputGroupProps) => ReactNode;
 export {};
 //# sourceMappingURL=InputGroup.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.component.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,OAAO,mBAAmB,CAAA;AAE1B,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,SAAS,CAAA;AAExE,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AA+BD;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmBhD,CAAA"}
+{"version":3,"file":"InputGroup.component.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAY,cAAc,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAA;AAEhG,OAAO,mBAAmB,CAAA;AAE1B,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,SAAS,CAAA;AAExE,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AA8BD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,sDAMxB,eAAe,KAAG,SAWpB,CAAA"}

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

@@ -1,21 +1,40 @@
-import { default as React } from 'react';
-export interface IntroBoxProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
-    /** Pass an optional title */
+import { HTMLAttributes, ReactNode } from 'react';
+export interface IntroBoxProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /**
+     * Pass an optional title.
+     * @default ""
+     */
     title?: string;
-    /** Pass a string of text to be rendered as contents. Alternatively, contents can be passed as children (see below) */
+    /**
+     * Pass a string of text to be rendered as contents. Alternatively, contents can be passed as children (see below).
+     * @default ""
+     */
     text?: string;
-    /** Pass a custom class */
+    /**
+     * Pass a variant style to affect the layout of the intro box.
+     * @default "default"
+     */
     variant?: "default" | "hero";
-    /** optional "hero" flavor image for hero variant. Specify as css bg image string pointing to an image in your app (see template app for an example). Will always be positioned top and right */
+    /**
+     * Optional "hero" flavor image for hero variant. Specify as css bg image string pointing to an image.
+     */
     heroImage?: string;
-    /** Pass a custom class */
+    /**
+     * Pass a custom class or classes for styling the intro box.
+     * @default ""
+     */
     className?: string;
-    /** Pass child nodes to be rendered as content */
-    children?: React.ReactNode;
+    /**
+     * Pass child nodes to be rendered as content, taking precedence over `text`.
+     */
+    children?: ReactNode;
 }
 /**
-* An Introbox holds generally important information to help understand the contents, purpose, or state of a whole page or view, or individual sections on longer pages.
-Use sparingly, there should never be any two or more subsequent instances of Introbox as direct siblings/neighbors on an individual view.
-*/
-export declare const IntroBox: React.FC<IntroBoxProps>;
+ * The `IntroBox` component presents important information about the contents,
+ * purpose, or state of a page or view, using distinct styles for emphasis.
+ * Supports "hero" variant with optional background images.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-introbox--docs
+ * @see {@link IntroBoxProps}
+ */
+export declare const IntroBox: ({ title, text, variant, heroImage, className, children, ...props }: IntroBoxProps) => ReactNode;
 //# sourceMappingURL=IntroBox.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IntroBox.component.d.ts","sourceRoot":"","sources":["../../../src/components/IntroBox/IntroBox.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAoDzB,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACxF,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sHAAsH;IACtH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0BAA0B;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,gMAAgM;IAChM,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;EAGE;AACF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0B5C,CAAA"}
+{"version":3,"file":"IntroBox.component.d.ts","sourceRoot":"","sources":["../../../src/components/IntroBox/IntroBox.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAW,MAAM,OAAO,CAAA;AAoDjE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClF;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,GAAI,oEAQtB,aAAa,KAAG,SAkBlB,CAAA"}

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

@@ -1,21 +1,34 @@
-import { default as React } from 'react';
+import { HTMLProps, ReactNode } from 'react';
 import { TypeValueLabelType } from './JsonViewer.types';
 import * as themes from "./themes";
 export declare const getTypeOfTheValue: (value: unknown) => TypeValueLabelType;
-/** A component to render json data in a nice way. */
-export declare const JsonViewer: React.FC<JsonViewerProps>;
+/**
+ * The `JsonViewer` component provides a structured visualization of JSON data,
+ * with support for syntax highlighting, collapsible elements, and search functionality.
+ * Tailorable themes and display settings are available for user customization.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-jsonviewer--docs
+ * @see {@link JsonViewerProps}
+ */
+export declare const JsonViewer: ({ data, showRoot, toolbar, theme, expanded, indentWidth, style, truncate, className, ...props }: JsonViewerProps) => ReactNode;
 type ThemeType = "dark" | "light";
-export interface JsonViewerProps extends Omit<React.HTMLProps<HTMLDivElement>, "data"> {
-    /** Pass a valid json. Required.  */
+export interface JsonViewerProps extends Omit<HTMLProps<HTMLDivElement>, "data"> {
+    /**
+     * JSON data to render; essential for visualizing complex structures.
+     */
     data: string | object | object[];
-    /** pass a styles object */
+    /** Pass a styles object for inline customizations. */
     style?: object;
-    /** show toolbar */
+    /**
+     * Toggles toolbar display, including expansion and search functionalities.
+     * @default false
+     */
     toolbar?: boolean;
-    /** show root key */
+    /**
+     * Displays the root node key for hierarchical clarity.
+     * @default false
+     */
     showRoot?: boolean;
-    /** dark, light or map of colors
-     *
+    /** Preset theme (dark/light) or map of colors for custom styling.
      * @param dark dark theme
      * @param light light theme
      * @param base00 background
@@ -36,10 +49,24 @@ export interface JsonViewerProps extends Omit<React.HTMLProps<HTMLDivElement>, "
      * @param base0F copy icon, type "integer"
      */
     theme?: themes.JsonViewerTheme | ThemeType;
-    /** expanded can be true|false or a number. The number denotes the hierarchy level to which the object is expanded. */
+    /**
+     * Default expansion level for JSON objects, set as true, false, or a numeric level.
+     * @default 1
+     */
     expanded?: boolean | number;
+    /**
+     * Max length for truncating strings within displayed JSON data; defaults to 100 characters if true.
+     */
     truncate?: boolean | number;
+    /**
+     * Pixel width for indentation.
+     * @default 4
+     */
     indentWidth?: number;
+    /**
+     * Additional CSS classes for styled customization.
+     * @default ""
+     */
     className?: string;
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"JsonViewer.component.d.ts","sourceRoot":"","sources":["../../../src/components/JsonViewer/JsonViewer.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAElC,OAAO,EAAsC,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AA0B3F,eAAO,MAAM,iBAAiB,GAAI,OAAO,OAAO,KAAG,kBAiBlD,CAAA;AA4SD,qDAAqD;AACrD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqDhD,CAAA;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AAEjC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACpF,oCAAoC;IAEpC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,eAAe,GAAG,SAAS,CAAA;IAC1C,sHAAsH;IACtH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAE3B,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAE3B,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"JsonViewer.component.d.ts","sourceRoot":"","sources":["../../../src/components/JsonViewer/JsonViewer.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAkB,SAAS,EAAE,SAAS,EAAkD,MAAM,OAAO,CAAA;AACnH,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAElC,OAAO,EAAsC,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AA0B3F,eAAO,MAAM,iBAAiB,GAAI,OAAO,OAAO,KAAG,kBAiBlD,CAAA;AA2SD;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GAAI,iGAWxB,eAAe,KAAG,SA0CpB,CAAA;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AAEjC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAC9E;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;IAEhC,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,eAAe,GAAG,SAAS,CAAA;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAE3B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAE3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -1,22 +1,44 @@
-import { default as React } from 'react';
+import { default as React, HTMLAttributes } from 'react';
 /**
- * A re-usable Label component
+ * The `Label` component is a reusable, accessible label for form elements.
+ * It supports optional features like disabling, required indicators, and floating label styles.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-label--docs
+ * @see {@link LabelProps}
  */
 export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
-export interface LabelProps extends React.HTMLAttributes<HTMLLabelElement> {
-    /** Pass a string of text to be rendered as contents. Required.  */
+export interface LabelProps extends HTMLAttributes<HTMLLabelElement> {
+    /**
+     * Text content for the label, required for display.
+     */
     text?: string;
-    /** An Id of an input element to associate the label with */
+    /**
+     * ID of an input element to associate the label with for accessibility.
+     */
     htmlFor?: string;
-    /** Required */
+    /**
+     * Displays the required indicator when set.
+     * @default false
+     */
     required?: boolean;
-    /** Pass a className */
+    /**
+     * Custom CSS class names for label styling.
+     * @default ""
+     */
     className?: string;
-    /** Label for a disabled input */
+    /**
+     * Enables disabled styling to indicate non-interactive fields.
+     * @default false
+     */
     disabled?: boolean;
-    /** Whether the label is floating */
+    /**
+     * Applies floating label styles for improved UX.
+     * @default false
+     */
     floating?: boolean;
-    /** Whether the label is minimized. Requires `floating` set to TRUE, otherwise it will have no effect. */
+    /**
+     * Applies minimized label styles; requires `floating` to be `true`.
+     * @default false
+     */
     minimized?: boolean;
 }
 //# sourceMappingURL=Label.component.d.ts.map