@cloudoperators/juno-ui-components 6.1.0 → 6.1.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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