@cloudoperators/juno-ui-components 6.1.0 → 6.1.1

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

@@ -1,19 +1,18 @@
-import { default as React, ReactNode } from 'react';
-export interface ContentContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+import { HTMLAttributes, ReactNode } from 'react';
+export interface ContentContainerProps extends HTMLAttributes<HTMLDivElement> {
     /**
-     * Additional CSS classes for custom styling.
+     * Additional CSS class names for styling the content container.
+     * @default ""
      */
     className?: string;
-    /**
-     * Custom content to render within the container.
-     */
+    /** Components or elements to render inside the content container. */
     children?: ReactNode;
 }
 /**
- * ContentContainer serves as a wrapper for app content.
- * It is intended for manual app scaffold creation. In most cases, using the AppShell component instead is recommended.
- *
- * Note: When the browser window is wider than the max breakpoint width, the content within this container will be centered on the screen.
+ * The `ContentContainer` serves as a wrapper for application content, designed for manual layout creation.
+ * It can center content when the browser window is wider than the max breakpoint.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/internal-contentcontainer--docs
+ * @see {@link ContentContainerProps}
  */
-export declare const ContentContainer: React.FC<ContentContainerProps>;
+export declare const ContentContainer: ({ className, children, ...props }: ContentContainerProps) => ReactNode;
 //# sourceMappingURL=ContentContainer.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentContainer.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentContainer/ContentContainer.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWxC,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAM5D,CAAA"}
+{"version":3,"file":"ContentContainer.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentContainer/ContentContainer.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWxD,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,mCAAwC,qBAAqB,KAAG,SAMhG,CAAA"}

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

@@ -1,24 +1,26 @@
-import { default as React, ReactNode } from 'react';
-export interface ContentHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+import { HTMLAttributes, ReactNode } from 'react';
+export interface ContentHeadingProps extends HTMLAttributes<HTMLHeadingElement> {
     /**
-     * Custom content to render within the container heading.
-     * Takes precedence over the heading prop.
+     * Custom content to render within the heading.
+     * Takes precedence over the `heading` prop.
      */
     children?: ReactNode;
     /**
-     * Text for the heading. Used if children is not provided.
-     * Children prop takes precedence.
+     * Text for the heading, used if `children` is not provided.
+     * Note that the `children` prop takes precedence over this prop.
      */
     heading?: string;
     /**
-     * Additional CSS classes for custom styling.
+     * Custom CSS classes for styling the heading.
+     * @default ""
      */
     className?: string;
 }
 /**
- * ContentHeading represents the main heading of a page or view.
- * It can be used within an `<AppShell>` component or, if scaffolding manually, within a `<ContentContainer>` component.
- * The heading text can be provided either via the `heading` prop or by passing it as `children`.
+ * The `ContentHeading` represents the primary heading of a page or view, usable within a `<ContentContainer>`
+ * or `<AppShell>`. The heading can be defined via the `heading` prop or the `children` prop.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/internal-contentheading--docs
+ * @see {@link ContentHeadingProps}
  */
-export declare const ContentHeading: React.FC<ContentHeadingProps>;
+export declare const ContentHeading: ({ heading, className, children, ...props }: ContentHeadingProps) => ReactNode;
 //# sourceMappingURL=ContentHeading.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentHeading.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentHeading/ContentHeading.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASxC,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACnF;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMxD,CAAA"}
+{"version":3,"file":"ContentHeading.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentHeading/ContentHeading.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASxD,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IAC7E;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,4CAK5B,mBAAmB,KAAG,SAMxB,CAAA"}

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

@@ -1,36 +1,47 @@
-import { default as React } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 interface DataGridContextType {
     cellVerticalAlignment?: CellVerticalAlignmentType;
 }
 export declare const useDataGridContext: () => DataGridContextType;
 /**
- * The `DataGrid` component is primarily used to display lists of items that contain substantial metadata.
- *
- * **For advanced features and interactions**, please refer to the [DataGridRow](?path=/docs/components-datagrid-datagridrow--docs) component, which includes:
- * - **Clickable row functionality & interactive styling:** Allows for custom behavior when a row is clicked. This also enables responsive styling, such as **hover effects**, for better user experience.
- * - **Selected row styling:** Provides styling to integrate active rows.
+ * The `DataGrid` component displays tabular data with customizable columns and layout.
+ * It supports interactive styling through child components like `DataGridRow` for advanced interactions.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-datagrid-datagrid--docs
+ * @see {@link DataGridProps}
  */
-export declare const DataGrid: React.FC<DataGridProps>;
+export declare const DataGrid: ({ columns, columnMaxSize, columnMinSize, minContentColumns, gridColumnTemplate, cellVerticalAlignment, className, children, ...props }: DataGridProps) => ReactNode;
 export type CellVerticalAlignmentType = "center" | "top";
-export interface DataGridProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Set number of columns */
+export interface DataGridProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Specifies the number of columns in the grid.
+     * @default 1
+     */
     columns?: number;
-    /** Set column max sizing. Default: auto. For equally sized columns use "1fr" */
+    /**
+     * Defines maximum column sizing.
+     * @default "auto"
+     */
     columnMaxSize?: string;
-    /** Set column minimum size. Default: 0px */
+    /**
+     * Specifies minimum column size.
+     * @default "0px"
+     */
     columnMinSize?: string;
-    /** Specify which columns should be sized by minimum content size (i.e. as small as possible). Pass an array of column numbers (first column is 0) */
+    /** Array of indices for columns sized by minimum content. */
     minContentColumns?: number[];
-    /** Set the grid column template in CSS grid 'grid-template-columns' notation. If this prop is passed, all other template props (columns, columnMaxSize,
-     *  columnMinSize, minContentColumns) are ignored. The easiest case where you might need this is e.g. if you want to set specific column widths for some
-     *  or all columns, e.g. "20% auto auto 10%" (The first column is set to 20%, the next two to auto size, the last to 10%). */
+    /** Custom CSS grid-template-columns. Overwrites other sizing props. */
     gridColumnTemplate?: string;
-    /** Set the vertical alignment for all GridCells. Default: center. PLEASE NOTE: the center alignment is achieved by using a flexbox column layout,
-     * which means that all child elements of the cell will be stacked vertically. To avoid this, wrap the elements in their own div */
+    /**
+     * Vertical alignment for all grid cells, using a flexbox column layout.
+     * @default "center"
+     */
     cellVerticalAlignment?: CellVerticalAlignmentType;
-    /** Children to render in the DataGrid */
-    children?: React.ReactNode;
-    /** Add a class name */
+    /** Components or elements to render within the DataGrid container. */
+    children?: ReactNode;
+    /**
+     * Additional class names for styling.
+     * @default ""
+     */
     className?: string;
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/DataGrid.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAyCzB,UAAU,mBAAmB;IAC3B,qBAAqB,CAAC,EAAE,yBAAyB,CAAA;CAClD;AAID,eAAO,MAAM,kBAAkB,2BAA0C,CAAA;AAGzE;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2B5C,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,KAAK,CAAA;AAExD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,qJAAqJ;IACrJ,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B;;iIAE6H;IAC7H,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;uIACmI;IACnI,qBAAqB,CAAC,EAAE,yBAAyB,CAAA;IACjD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"DataGrid.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/DataGrid.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAiB,cAAc,EAAE,SAAS,EAAc,MAAM,OAAO,CAAA;AAyCnF,UAAU,mBAAmB;IAC3B,qBAAqB,CAAC,EAAE,yBAAyB,CAAA;CAClD;AAID,eAAO,MAAM,kBAAkB,2BAAoC,CAAA;AAGnE;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,wIAUtB,aAAa,KAAG,SAiBlB,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,KAAK,CAAA;AAExD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAE5B,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,yBAAyB,CAAA;IAEjD,sEAAsE;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -1,13 +1,25 @@
-import { default as React } from 'react';
+import { default as React, HTMLAttributes, ReactNode } from 'react';
+/**
+ * `DataGridCell` is a versatile layout component for `DataGrid`, supporting cell-specific configurations
+ * like column span and wrapping. It adapts orientation based on grid context.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-datagrid-datagridcell--docs
+ * @see {@link DataGridCellProps}
+ */
 export declare const DataGridCell: React.ForwardRefExoticComponent<DataGridCellProps & React.RefAttributes<HTMLDivElement>>;
-export interface DataGridCellProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Add a col span to the cell. This works like a colspan in a normal html table, so you have to take care not to place too many cells in a row if some of them have a colspan.  */
+export interface DataGridCellProps extends HTMLAttributes<HTMLDivElement> {
+    /** Defines the number of columns the cell spans. */
     colSpan?: number;
-    /** Set nowrap to true if the cell content shouldn't wrap (this is achieved by adding white-space: nowrap;) */
+    /**
+     * If set, content within the cell will not wrap.
+     * @default false
+     */
     nowrap?: boolean;
-    /** Children to render in the DataGridCell */
-    children?: React.ReactNode;
-    /** Add a classname */
+    /** Components or elements to render within the DataGridCell. */
+    children?: ReactNode;
+    /**
+     * Additional CSS class names for custom styling.
+     * @default ""
+     */
     className?: string;
 }
 //# sourceMappingURL=DataGridCell.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridCell.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridCell/DataGridCell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAgCzC,eAAO,MAAM,YAAY,0FAiBxB,CAAA;AAID,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,mLAAmL;IACnL,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,8GAA8G;IAC9G,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"DataGridCell.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridCell/DataGridCell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAgCpE;;;;;GAKG;AACH,eAAO,MAAM,YAAY,0FAiBxB,CAAA;AAID,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -1,13 +1,28 @@
-import { default as React } from 'react';
-export declare const DataGridCheckboxCell: React.FC<DataGridCheckboxCellProps>;
-export interface DataGridCheckboxCellProps extends React.HTMLAttributes<HTMLElement> {
-    /** Whether the row this cell belongs to is selected */
+import { ChangeEventHandler, HTMLAttributes, ReactNode } from 'react';
+/**
+ * `DataGridCheckboxCell` integrates a checkbox within a `DataGrid` cell, ideal for selection-based interactions.
+ * It manages the selected state and supports custom behaviors upon state changes.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/wip-datagrid-datagridcheckboxcell--docs
+ * @see {@link DataGridCheckboxCellProps}
+ */
+export declare const DataGridCheckboxCell: ({ selected, disabled, className, onChange, ...props }: DataGridCheckboxCellProps) => ReactNode;
+export interface DataGridCheckboxCellProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Indicates selected state of the associated row.
+     * @default false
+     */
     selected?: boolean;
-    /** Whether the item is disabled */
+    /**
+     * Determines if the checkbox is disabled.
+     * @default false
+     */
     disabled?: boolean;
-    /** Add a classname to the cell */
+    /**
+     * Additional class names for styling.
+     * @default ""
+     */
     className?: string;
-    /** Handler to change the selected state of the row */
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /** Event handler for changes in the checkbox's state. */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
 }
 //# sourceMappingURL=DataGridCheckboxCell.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridCheckboxCell.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridCheckboxCell/DataGridCheckboxCell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAYpE,CAAA;AAED,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClF,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;CACtD"}
+{"version":3,"file":"DataGridCheckboxCell.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridCheckboxCell/DataGridCheckboxCell.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,kBAAkB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAI5E;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,uDAMlC,yBAAyB,KAAG,SAM9B,CAAA;AAED,MAAM,WAAW,yBAA0B,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC5E;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;CAChD"}

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

@@ -1,9 +1,20 @@
-import { default as React } from 'react';
-export declare const DataGridFoot: React.FC<DataGridFootProps>;
-export interface DataGridFootProps extends React.HTMLAttributes<HTMLTableSectionElement> {
-    /** Children to render in the DataGridFoot */
-    children?: React.ReactNode;
-    /** Add a classname */
+import { HTMLAttributes, ReactNode } from 'react';
+/**
+ * `DataGridFoot` is used to display a footer section for a `DataGrid`, supporting summary data or controls
+ * related to the grid content. It is styled consistently with other grid sections.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/wip-datagrid-datagridfoot--docs
+ * @see {@link DataGridFootProps}
+ */
+export declare const DataGridFoot: ({ className, children, ...props }: DataGridFootProps) => ReactNode;
+export interface DataGridFootProps extends HTMLAttributes<HTMLTableSectionElement> {
+    /**
+     * Elements or components to render within the DataGridFoot.
+     */
+    children?: ReactNode;
+    /**
+     * Custom CSS class names for styling.
+     * @default ""
+     */
     className?: string;
 }
 //# sourceMappingURL=DataGridFoot.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridFoot.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridFoot/DataGridFoot.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAMpD,CAAA;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACtF,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"DataGridFoot.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridFoot/DataGridFoot.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExD;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,mCAAwC,iBAAiB,KAAG,SAMxF,CAAA;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,uBAAuB,CAAC;IAChF;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -1,13 +1,19 @@
-import { default as React } from 'react';
+import { default as React, HTMLAttributes, ReactNode } from 'react';
+/**
+ * `DataGridHeadCell` is designed for use within a `DataGrid` header, defining column attributes and appearance.
+ * It accommodates configurations like sorting (future implementation) and display styles.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-datagrid-datagridheadcell--docs
+ * @see {@link DataGridHeadCellProps}
+ */
 export declare const DataGridHeadCell: React.ForwardRefExoticComponent<DataGridHeadCellProps & React.RefAttributes<HTMLDivElement>>;
-export interface DataGridHeadCellProps extends React.HTMLAttributes<HTMLElement> {
+export interface DataGridHeadCellProps extends HTMLAttributes<HTMLElement> {
     /** Whether the DataGrid should be sortable by this column */
     /** Add a col span to the cell. This works like a colspan in a normal html table, so you have to take care not to place too many cells in a row if some of them have a colspan.  */
     colSpan?: number;
     /** Set nowrap to true if the cell content shouldn't wrap (this is achieved by adding white-space: nowrap;) */
     nowrap?: boolean;
     /** Children to render in the DataGridHeadCell */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /** Add a classname */
     className?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridHeadCell.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridHeadCell/DataGridHeadCell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAUzC,eAAO,MAAM,gBAAgB,8FAgC5B,CAAA;AAID,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC9E,6DAA6D;IAE7D,mLAAmL;IACnL,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,8GAA8G;IAC9G,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"DataGridHeadCell.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridHeadCell/DataGridHeadCell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUpE;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,8FAgC5B,CAAA;AAID,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACxE,6DAA6D;IAE7D,mLAAmL;IACnL,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,8GAA8G;IAC9G,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -1,6 +1,12 @@
-import { default as React } from 'react';
+import { default as React, HTMLAttributes, MouseEvent, ReactNode } from 'react';
+/**
+ * `DataGridRow` represents a row in a `DataGrid`, supporting interactions such as selection and click handling.
+ * It provides styles for active states and custom behavior when interacted with.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-datagrid-datagridrow--docs
+ * @see {@link DataGridRowProps}
+ */
 export declare const DataGridRow: React.ForwardRefExoticComponent<DataGridRowProps & React.RefAttributes<HTMLDivElement>>;
-export interface DataGridRowProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface DataGridRowProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Indicates if the DataGridRow should be in an active state,
      * applying styles for persistent selection or activation.
@@ -9,7 +15,7 @@ export interface DataGridRowProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Row click handler
      */
-    onClick?: (_event: React.MouseEvent<HTMLDivElement>) => void;
+    onClick?: (_event: MouseEvent<HTMLDivElement>) => void;
     /**
      * Additional custom CSS class names that can be applied to the DataGridRow.
      */
@@ -17,6 +23,6 @@ export interface DataGridRowProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Elements or components that will be rendered within the DataGridRow.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 //# sourceMappingURL=DataGridRow.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridRow.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridRow/DataGridRow.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,qBAAqB,CAAA;AAE5B,eAAO,MAAM,WAAW,yFAmBvB,CAAA;AAID,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAE5D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}
+{"version":3,"file":"DataGridRow.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridRow/DataGridRow.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,qBAAqB,CAAA;AAE5B;;;;;GAKG;AACH,eAAO,MAAM,WAAW,yFAmBvB,CAAA;AAID,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAEtD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}

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

@@ -1,12 +1,24 @@
-import { default as React } from 'react';
-/** This is the toolbar for use with a DataGrid. This is the place where you would put buttons and other controls that affect the items in the DataGrid (e.g. triggering batch actions). Optionally a search input can be added. */
-export declare const DataGridToolbar: React.FC<DataGridToolbarProps>;
-export interface DataGridToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Pass an optional SearchInput component */
-    search?: React.ReactElement;
-    /** Children to render in the DataGridToolbar */
-    children?: React.ReactNode;
-    /** Add a classname */
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
+/**
+ * `DataGridToolbar` provides an action bar for a `DataGrid`, designed to hold controls like buttons and search inputs
+ * for performing group operations and interfacing with the grid content.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-datagrid-datagridtoolbar--docs
+ * @see {@link DataGridToolbarProps}
+ */
+export declare const DataGridToolbar: ({ search, className, children, ...props }: DataGridToolbarProps) => ReactNode;
+export interface DataGridToolbarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * An optional `SearchInput` component for inclusion in the toolbar.
+     */
+    search?: ReactElement;
+    /**
+     * Elements or components to render within the DataGridToolbar.
+     */
+    children?: ReactNode;
+    /**
+     * Custom CSS class names for styling the toolbar.
+     * @default ""
+     */
     className?: string;
 }
 //# sourceMappingURL=DataGridToolbar.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridToolbar.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridToolbar/DataGridToolbar.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,mOAAmO;AACnO,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAO1D,CAAA;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,6CAA6C;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC3B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"DataGridToolbar.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridToolbar/DataGridToolbar.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAetE;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,2CAAgD,oBAAoB,KAAG,SAOtG,CAAA;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -1,11 +1,16 @@
-import { default as React, ReactNode } from 'react';
+import { ReactNode, HTMLAttributes } from 'react';
 import { DateOption, DateLimit, LocaleKey, CustomLocale, DateChangeHandler } from './DateTimePicker.types';
-/** A all-purpose date and time picker component. Highly configurable, based on Flatpickr. */
-export declare const DateTimePicker: React.FC<DateTimePickerProps>;
-export interface DateTimePickerProps extends Omit<React.HTMLAttributes<HTMLInputElement>, "defaultValue" | "onFocus" | "onBlur" | "onChange"> {
-    /** Whether the DateTimePicker input element allows direct user keyboard input. Default is `false`. */
+/**
+ * An all-purpose date and time picker component. Highly configurable, based on Flatpickr.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/wip-datetimepicker-datetimepicker--docs
+ * @see {@link DateTimePickerProps}
+ */
+export declare const DateTimePicker: ({ allowInput, allowInvalidPreload, ariaDateFormat, className, conjunction, dateFormat, defaultHour, defaultMinute, defaultDate, defaultValue, disable, disabled, enableSeconds, enableTime, errortext, helptext, hourIncrement, id, invalid, label, locale, maxDate, minDate, minuteIncrement, mode, monthSelectorType, name, noCalendar, onBlur, onChange, onClear, onClose, onFocus, onMonthChange, onOpen, onReady, onYearChange, placeholder, required, shorthandCurrentMonth, showMonths, successtext, time_24hr, valid, value, weekNumbers, width, wrapperClassName, ...props }: DateTimePickerProps) => ReactNode;
+export interface DateTimePickerProps extends Omit<HTMLAttributes<HTMLInputElement>, "defaultValue" | "onFocus" | "onBlur" | "onChange"> {
+    /** Whether the DateTimePicker input element allows direct user keyboard input. Default is `false`.
+     */
     allowInput?: boolean;
-    /** Allows the preloading of an invalid date (e.g. a date that hass been disable by passing `disable`). When disabled, the field will be cleared if the provided date is invalid */
+    /** Allows preloading of an invalid date (e.g. a date that has been disabled by passing disable). When disabled, the field will be cleared if the provided date is invalid */
     allowInvalidPreload?: boolean;
     /** How the `aria-label` date for each day in the calendar will be formed. Uses the same rules/tokens as `dateFormat´ as described here: https://flatpickr.js.org/formatting/. When changing this, make sure the outcome makes sense when using a screenreader.*/
     ariaDateFormat?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.component.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.component.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateTimePicker.component.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.component.tsx"],"names":[],"mappings":"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"}

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

@@ -1,11 +1,13 @@
-import { default as React, ReactNode, FormHTMLAttributes } from 'react';
+import { ReactNode, FormHTMLAttributes } from 'react';
 export interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
     /**
      * Title for the form.
+     * @default ""
      */
     title?: string;
     /**
      * Additional CSS classes to apply to the form for custom styling.
+     * @default ""
      */
     className?: string;
     /**
@@ -15,8 +17,11 @@ export interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
     children?: ReactNode;
 }
 /**
- * A Form component used to encapsulate FormSections and/or FormGroups.
- * Can be used to build complex forms with structured sections.
+ * The `Form` component is designed to encapsulate form sections and groups,
+ * providing a structured way to build complex forms. It can include a title and
+ * supports additional styling through custom CSS classes.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-form--docs
+ * @see {@link FormProps}
  */
-export declare const Form: React.FC<FormProps>;
+export declare const Form: ({ title, className, children, ...props }: FormProps) => ReactNode;
 //# sourceMappingURL=Form.component.d.ts.map

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