@cloudoperators/juno-ui-components 2.32.0 → 2.34.0

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

@@ -1,10 +1,22 @@
 import React from "react";
+export interface ContentContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS classes for custom styling.
+     */
+    className?: string;
+    /**
+     * Custom content to render within the container.
+     */
+    children?: React.ReactNode;
+}
 /**
- * Only needed if you want to build your app's scaffold manually. In most cases it is better to use the AppShell component instead.
- * A container for app content. Will be centered on the screen when browser window is wider than the max breakpoint width.
+ * 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.
  */
-export declare const ContentContainer: ({ className, children, ...props }: ContentContainerProps) => React.JSX.Element;
-export interface ContentContainerProps {
+export declare const ContentContainer: React.FC<ContentContainerProps>;
+export interface ContentContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Add custom class name */
     className?: string;
     children?: React.ReactNode;

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,MAAM,OAAO,CAAA;AAWzB;;;GAGG;AACH,eAAO,MAAM,gBAAgB,sCAAmD,qBAAqB,sBAMpG,CAAA;AAED,MAAM,WAAW,qBAAqB;IACpC,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}
+{"version":3,"file":"ContentContainer.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentContainer/ContentContainer.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAM5D,CAAA;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}

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

@@ -1,10 +1,27 @@
 import React from "react";
+export interface ContentHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * Custom content to render within the container heading.
+     * Takes precedence over the heading prop.
+     */
+    children?: React.ReactNode;
+    /**
+     * Text for the heading. Used if children is not provided.
+     * Children prop takes precedence.
+     */
+    heading?: string;
+    /**
+     * Additional CSS classes for custom styling.
+     */
+    className?: string;
+}
 /**
-
- *The main heading of a page/View. Pass as a child into `<AppShell>` or, when scaffolding manually, into `<ContentContainer>`.
+ * 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`.
  */
-export declare const ContentHeading: ({ heading, className, children, ...props }: ContentHeadingProps) => React.JSX.Element;
-export interface ContentHeadingProps {
+export declare const ContentHeading: React.FC<ContentHeadingProps>;
+export interface ContentHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
     /** Optionally render children. If children are present, heading will be ignored */
     children?: React.ReactNode;
     /** Text to use as a title */

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,MAAM,OAAO,CAAA;AASzB;;;GAGG;AACH,eAAO,MAAM,cAAc,+CAAiE,mBAAmB,sBAM9G,CAAA;AAED,MAAM,WAAW,mBAAmB;IAClC,mFAAmF;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"ContentHeading.component.d.ts","sourceRoot":"","sources":["../../../src/components/ContentHeading/ContentHeading.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACnF;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;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,CAWxD,CAAA;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACnF,mFAAmF;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -5,9 +5,9 @@ interface DataGridContextType {
 export declare const useDataGridContext: () => DataGridContextType;
 /** The DataGrid component is the main way to display lists of items that have a bunch of metadata that you want to display.
  */
-export declare const DataGrid: ({ columns, columnMaxSize, columnMinSize, minContentColumns, gridColumnTemplate, cellVerticalAlignment, className, children, ...props }: DataGridProps) => React.JSX.Element;
+export declare const DataGrid: React.FC<DataGridProps>;
 export type CellVerticalAlignmentType = "center" | "top";
-export interface DataGridProps {
+export interface DataGridProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Set number of columns */
     columns?: number;
     /** Set column max sizing. Default: auto. For equally sized columns use "1fr" */

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;GACG;AACH,eAAO,MAAM,QAAQ,2IAUlB,aAAa,sBAiBf,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,KAAK,CAAA;AAExD,MAAM,WAAW,aAAa;IAC5B,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,GAAG,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAA;IACtE,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,OAAO,KAAK,MAAM,OAAO,CAAA;AAyCzB,UAAU,mBAAmB;IAC3B,qBAAqB,CAAC,EAAE,yBAAyB,CAAA;CAClD;AAID,eAAO,MAAM,kBAAkB,2BAA0C,CAAA;AAGzE;GACG;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,GAAG,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAA;IACtE,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -1,6 +1,6 @@
 import React from "react";
-export declare const DataGridCell: React.ForwardRefExoticComponent<Omit<DataGridCellProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type 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.  */
     colSpan?: number;
     /** Set nowrap to true if the cell content shouldn't wrap (this is achieved by adding white-space: nowrap;) */
@@ -9,5 +9,5 @@ export type DataGridCellProps = {
     children?: (JSX.Element[] | JSX.Element | null)[] | JSX.Element | string | null;
     /** Add a classname */
     className?: string;
-} & React.HTMLProps<HTMLDivElement>;
+}
 //# 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,uGAiBxB,CAAA;AAID,MAAM,MAAM,iBAAiB,GAAG;IAC9B,mLAAmL;IACnL,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,8GAA8G;IAC9G,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAA;IAC/E,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA"}
+{"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,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAA;IAC/E,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -1,6 +1,6 @@
 import React from "react";
-export declare const DataGridCheckboxCell: ({ selected, disabled, className, onChange, ...props }: DataGridCheckboxCellProps) => React.JSX.Element;
-export interface DataGridCheckboxCellProps {
+export declare const DataGridCheckboxCell: React.FC<DataGridCheckboxCellProps>;
+export interface DataGridCheckboxCellProps extends React.HTMLAttributes<HTMLElement> {
     /** Whether the row this cell belongs to is selected */
     selected?: boolean;
     /** Whether the item is disabled */

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,0DAM9B,yBAAyB,sBAM3B,CAAA;AAED,MAAM,WAAW,yBAAyB;IACxC,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,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"}

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

@@ -1,6 +1,6 @@
 import React from "react";
-export declare const DataGridFoot: ({ className, children, ...props }: DataGridFootProps) => React.JSX.Element;
-export interface DataGridFootProps {
+export declare const DataGridFoot: React.FC<DataGridFootProps>;
+export interface DataGridFootProps extends React.HTMLAttributes<HTMLTableSectionElement> {
     /** Children to render in the DataGridFoot */
     children?: JSX.Element | null;
     /** Add a classname */

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,sCAAmD,iBAAiB,sBAM5F,CAAA;AAED,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IAC7B,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,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,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IAC7B,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -1,6 +1,6 @@
 import React from "react";
 export declare const DataGridHeadCell: React.ForwardRefExoticComponent<DataGridHeadCellProps & React.RefAttributes<HTMLDivElement>>;
-export interface DataGridHeadCellProps {
+export interface DataGridHeadCellProps extends React.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;

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,qBAAqB;IACpC,6DAA6D;IAE7D,mLAAmL;IACnL,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,8GAA8G;IAC9G,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAA;IACtC,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,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,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAA;IACtC,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -1,6 +1,6 @@
 import React from "react";
 export declare const DataGridRow: React.ForwardRefExoticComponent<DataGridRowProps & React.RefAttributes<HTMLDivElement>>;
-export interface DataGridRowProps {
+export interface DataGridRowProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Children to render in the DataGridRow */
     children?: JSX.Element | (JSX.Element | null)[] | null;
     /** Add a classname */

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;AAQzC,eAAO,MAAM,WAAW,yFAuBvB,CAAA;AAID,MAAM,WAAW,gBAAgB;IAK/B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAA;IACtD,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CAGnB"}
+{"version":3,"file":"DataGridRow.component.d.ts","sourceRoot":"","sources":["../../../src/components/DataGridRow/DataGridRow.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAQzC,eAAO,MAAM,WAAW,yFAuBvB,CAAA;AAID,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAK5E,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAA;IACtD,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CAGnB"}

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

@@ -1,7 +1,7 @@
 import 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: ({ search, className, children, ...props }: DataGridToolbarProps) => React.JSX.Element;
-export interface DataGridToolbarProps {
+export declare const DataGridToolbar: React.FC<DataGridToolbarProps>;
+export interface DataGridToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Pass an optional SearchInput component */
     search?: JSX.Element;
     /** Children to render in the DataGridToolbar */

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,8CAA2D,oBAAoB,sBAO1G,CAAA;AAED,MAAM,WAAW,oBAAoB;IACnC,6CAA6C;IAC7C,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IAC7B,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,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,mOAAmO;AACnO,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAY1D,CAAA;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,6CAA6C;IAC7C,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IAC7B,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

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

@@ -0,0 +1,159 @@
+import React from "react";
+import flatpickr from "flatpickr";
+import { DateOption, DateLimit } from "flatpickr/dist/types/options";
+import { CustomLocale } from "flatpickr/dist/types/locale";
+import "./datetimepicker.scss";
+/** A all-purpose date and time picker component. Highly configurable, based on Flatpickr. */
+export declare const DateTimePicker: React.FC<DateTimePickerProps>;
+type DateChangeHandler = (dates?: Date[], dateStr?: string, instance?: flatpickr.Instance) => void;
+type LegacyEventHandler = (...args: unknown[]) => any;
+type BackwardCompatibleDateChangeHandler = DateChangeHandler | LegacyEventHandler;
+type DateTimePickerDate = DateOption | DateOption[] | string | unknown[] | object | number;
+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`. */
+    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 */
+    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;
+    /** Pass custom classNames. These will be appended to the input element of the DateTimePicker. */
+    className?: string;
+    /** A custom string to separate individual dates in `multiple` mode. */
+    conjunction?: string;
+    /** A string of characters to customize how a date will be formatted in the input field. Available options: https://flatpickr.js.org/formatting/ */
+    dateFormat?: string;
+    /**
+     * Sets the default date of the DateTimePicker. Same as `value`, only here for compatibility with the original Flatpickr library. If both `value` and `defaultDate` are being passed, `value` will win. Date Objects, timestamps, ISO date strings, chronological date strings `YYYY-MM-DD HH:MM` (must be compatible to current `dateFormat`), and the shortcut `today` are all accepted.
+     * Some prop types have been deprecated: Use DateOption and DateOption[] for future compatibility
+     */
+    defaultDate?: DateTimePickerDate;
+    /** The initial value of the hour input element. Only effective if time is enabled. Note this will only set the hour input element to the value specified. Setting this options will not set a selected value on the DateTimePicker. */
+    defaultHour?: number;
+    /** The initial value of the minute input element. Only effective if time is enabled. Note this will only set the minute input element to the value specified. Setting this options will not set a selected value on the DateTimePicker. */
+    defaultMinute?: number;
+    /**
+     * Same as value, defaultDate
+     * Some prop types have been deprecated: Use DateOption and DateOption[] for future compatibility
+     */
+    defaultValue?: DateTimePickerDate;
+    /**
+     * Pass an array of dates, date strings, date ranges or functions to disable dates. More on disabling dates: https://flatpickr.js.org/examples/#disabling-specific-dates
+     * Some prop types have been deprecated: Use DateLimit<DateOption>[] for future compatibility
+     */
+    disable?: DateLimit<DateOption>[] | unknown[];
+    /** Whether the DateTimePicker is disabled */
+    disabled?: boolean;
+    /** Whether to show seconds when showing a time picker. */
+    enableSeconds?: boolean;
+    /** Whether to show a time picker.  */
+    enableTime?: boolean;
+    /** A text to render when the DateTimePicker has an error or could not be validated. */
+    errortext?: React.ReactNode;
+    /** A helptext to render to explain meaning and significance of the DateTimePicker. */
+    helptext?: React.ReactNode;
+    /** The step for the hour input. Only has an effect when a time picker is enabled via `enableTime`. */
+    hourIncrement?: number;
+    /** The id of the DateTimePicker input element. If none is passed, an automatically generated id will be used. */
+    id?: string;
+    /** Whether the DateTimePicker selected date was negatively validated.  */
+    invalid?: boolean;
+    /** The label of the DateTimePicker input element. */
+    label?: string;
+    /**
+     * Localization string or object. Can be used to set starting day of the week, e.g. Mondays instead of Sundays. More on localization: https://flatpickr.js.org/localization/
+     * Some prop types have been deprecated: Use LocaleKey and Partial<CustomLocale> for future compatibility
+     */
+    locale?: Partial<CustomLocale> | string | object;
+    /**
+     * The maximum / latest date a user can select (inclusive).
+     * Some prop types have been deprecated: Use DateOption for future compatibility
+     */
+    maxDate?: DateOption | string | unknown[] | object | number;
+    /**
+     * The minimum / earliest date a user can select (inclusive).
+     * Some prop types have been deprecated: Use DateOption for future compatibility
+     */
+    minDate?: DateOption | string | unknown[] | object | number;
+    /**  The step for the minute input. Only has an effect when a time picker is enabled via `enableTime`.  */
+    minuteIncrement?: number;
+    /** The mode of the Datepicker. */
+    mode?: "single" | "multiple" | "range";
+    /** Whether to show a dropdown to select the current month. Default is "static". If `showMonths` is set to be greater than 1, it will always be displayed as static. Arrows to scroll through the months as well as through years will still be displayed and working. */
+    monthSelectorType?: "static" | "dropdown";
+    /** The name of the DateTimePicker input element */
+    name?: string;
+    /** Set to `true` to not display a calendar at all. To create a time picker, set `enableTime` to true, too. */
+    noCalendar?: boolean;
+    /**
+     * A handler to be executed when the DateTimePicker input element looses focus.
+     * Some prop types have been deprecated: For future compatibility use function with signature (dates?: Date[], dateStr?: string, instance?: flatpickr.Instance) => void
+     */
+    onBlur?: BackwardCompatibleDateChangeHandler;
+    /**
+     * A handler to be executed when the selected date(s), date range or time changes
+     * Some prop types have been deprecated: For future compatibility use function with signature (dates?: Date[], dateStr?: string, instance?: flatpickr.Instance) => void
+     */
+    onChange?: BackwardCompatibleDateChangeHandler;
+    /**
+     * A handler to be executed when the DateTimePicker value is reset by clicking the clear icon. The onChnage handler will be fired in this event too, onClear is more specific.
+     * Some prop types have been deprecated: For future compatibility use function with signature (dates?: Date[], dateStr?: string, instance?: flatpickr.Instance) => void
+     */
+    onClear?: BackwardCompatibleDateChangeHandler;
+    /**
+     * A handler to be executed when the DateTimePicker calendar closes
+     * Some prop types have been deprecated: For future compatibility use function with signature (dates?: Date[], dateStr?: string, instance?: flatpickr.Instance) => void
+     */
+    onClose?: BackwardCompatibleDateChangeHandler;
+    /**
+     * A handler to be executed when the DateTimePicker input element receives focus.
+     * Some prop types have been deprecated: For future compatibility use function with signature (dates?: Date[], dateStr?: string, instance?: flatpickr.Instance) => void
+     */
+    onFocus?: BackwardCompatibleDateChangeHandler;
+    /**
+     * A handler to be executed when the selected month changes
+     * Some prop types have been deprecated: For future compatibility use function with signature (dates?: Date[], dateStr?: string, instance?: flatpickr.Instance) => void
+     */
+    onMonthChange?: BackwardCompatibleDateChangeHandler;
+    /**
+     * A handler to be executed when the DateTimePicker calendar opens
+     * Some prop types have been deprecated: For future compatibility use function with signature (dates?: Date[], dateStr?: string, instance?: flatpickr.Instance) => void
+     */
+    onOpen?: BackwardCompatibleDateChangeHandler;
+    /**
+     * A handler to be executed when the DateTimePicker component is ready
+     * Some prop types have been deprecated: For future compatibility use function with signature (dates?: Date[], dateStr?: string, instance?: flatpickr.Instance) => void
+     */
+    onReady?: BackwardCompatibleDateChangeHandler;
+    /**
+     * A handler to be executed when the selected year changes
+     * Some prop types have been deprecated: For future compatibility use function with signature (dates?: Date[], dateStr?: string, instance?: flatpickr.Instance) => void
+     */
+    onYearChange?: BackwardCompatibleDateChangeHandler;
+    /** The placeholder of the DateTimePicker input element */
+    placeholder?: string;
+    /** Whether the DateTimePicker should be marked as required. Requires a `Label` to be set. */
+    required?: boolean;
+    /** Whether the current month in the date picker should be displayed as shorthand, e.g. "Jan" instead of "January" */
+    shorthandCurrentMonth?: boolean;
+    /** The number of months to show in the date picker */
+    showMonths?: number;
+    /** A text to render when the DateTimePicker was successfully validated */
+    successtext?: React.ReactNode;
+    /** Displays time picker in 24 hour mode without AM/PM selection when enabled. Requires `enableTime` to be set, too. Default is `false`. */
+    time_24hr?: boolean;
+    /** Whether the DateTimePicker has been successfully validated */
+    valid?: boolean;
+    /**
+     * The value of the datepicker. Date Objects, timestamps, ISO date strings, chronological date strings `YYYY-MM-DD HH:MM` (must be compatible to current `dateFormat`), and the shortcut `today` are all accepted.
+     * Some prop types have been deprecated: Use DateOption and DateOption[] for future compatibility
+     */
+    value?: DateOption | DateOption[] | string | unknown[] | object | number;
+    /** Whether to render week numbers. Default is `false`. */
+    weekNumbers?: boolean;
+    /** The width of the datepicker input. Either 'full' (default) or 'auto'. */
+    width?: "full" | "auto";
+    /** Pass a custom className to the wrapping element. This can be useful if you must add styling to the outermost wrapping element of this component, e.g. for positioning. */
+    wrapperClassName?: string;
+}
+export {};
+//# sourceMappingURL=DateTimePicker.component.d.ts.map

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import React, { ReactNode } from "react";
 type FormHintVariant = "help" | "error" | "success";
-export interface FormHintProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface FormHintProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * The content to render as a hint for a form element.
      * If children are provided, they will take precedence over text.

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,wBAAwB,CAAC,KAAK,CAAC;IAC1E;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAEzB;;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,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,GAAG,MAAM,CAAA;IAEzB;;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"}

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

@@ -1,6 +1,6 @@
 import React from "react";
 import "./formatted-text.scss";
-export interface FormattedTextProps {
+export interface FormattedTextProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Add custom class name */
     className?: string;
     children?: React.ReactNode;
@@ -8,11 +8,5 @@ export interface FormattedTextProps {
 /**
  * A very basic layout container with padding.
  */
-export declare const FormattedText: {
-    ({ className, children, ...props }: FormattedTextProps): React.JSX.Element;
-    defaultProps: {
-        className: string;
-        children: null;
-    };
-};
+export declare const FormattedText: React.FC<FormattedTextProps>;
 //# 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,uBAAuB,CAAA;AAE9B,MAAM,WAAW,kBAAkB;IACjC,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,aAAa;wCAIvB,kBAAkB;;;;;CAMpB,CAAA"}
+{"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,uBAAuB,CAAA;AAE9B,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"}

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

@@ -0,0 +1,10 @@
+import 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`. */
+    fullWidth?: boolean;
+    /** Add custom class name */
+    className?: string;
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=HeaderContainer.component.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export { HeaderContainer, type HeaderContainerProps } from "./HeaderContainer.component";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -53,8 +53,8 @@ export declare enum KnownIconsEnum {
     widgets = "widgets"
 }
 export type KnownIcons = keyof typeof KnownIconsEnum;
-export declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export type IconProps = {
+export declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export interface IconProps extends Omit<React.HTMLProps<HTMLAnchorElement> | React.HTMLProps<HTMLButtonElement>, "size"> {
     icon?: KnownIcons;
     color?: string;
     size?: string | number;
@@ -63,5 +63,5 @@ export type IconProps = {
     href?: string;
     disabled?: boolean;
     onClick?: React.MouseEventHandler<EventTarget>;
-} & Omit<React.HTMLProps<HTMLAnchorElement> | React.HTMLProps<HTMLButtonElement>, "size">;
+}
 //# 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;AAuFpD,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,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,OAAO,YAAY;IAEnB,MAAM,WAAW;IAEjB,OAAO,YAAY;IAEnB,OAAO,YAAY;IAEnB,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,cAAc,CAAA;AAkoBpD,eAAO,MAAM,IAAI,sHAqDhB,CAAA;AAID,MAAM,MAAM,SAAS,GAAG;IACtB,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,WAAW,CAAC,CAAA;CAC/C,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAA"}
+{"version":3,"file":"Icon.component.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAuFpD,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,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,OAAO,YAAY;IAEnB,MAAM,WAAW;IAEjB,OAAO,YAAY;IAEnB,OAAO,YAAY;IAEnB,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,cAAc,CAAA;AAkoBpD,eAAO,MAAM,IAAI,sHAqDhB,CAAA;AAID,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,WAAW,CAAC,CAAA;CAC/C"}

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

@@ -1,7 +1,7 @@
 import React from "react";
 import "./input-group.scss";
 type VariantTypes = "default" | "primary" | "primary-danger" | "subdued";
-export interface InputGroupProps {
+export interface InputGroupProps extends React.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.

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,oBAAoB,CAAA;AAE3B,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,SAAS,CAAA;AAExE,MAAM,WAAW,eAAe;IAC9B;;;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,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,OAAO,oBAAoB,CAAA;AAE3B,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"}

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

@@ -1,5 +1,5 @@
 import React from "react";
-export interface IntroBoxProps {
+export interface IntroBoxProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
     /** Pass an optional title */
     title?: string | null;
     /** Pass a string of text to be rendered as contents. Alternatively, contents can be passed as children (see below) */
@@ -19,5 +19,5 @@ export interface IntroBoxProps {
 * 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: ({ title, text, variant, heroImage, className, children, ...props }: IntroBoxProps) => React.JSX.Element;
+export declare const IntroBox: React.FC<IntroBoxProps>;
 //# 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,aAAa;IAC5B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,sHAAsH;IACtH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,gMAAgM;IAChM,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,0BAA0B;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AAED;;;EAGE;AACF,eAAO,MAAM,QAAQ,uEAQlB,aAAa,sBAkBf,CAAA"}
+{"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,GAAG,IAAI,CAAA;IACrB,sHAAsH;IACtH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,gMAAgM;IAChM,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,0BAA0B;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AAED;;;EAGE;AACF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0B5C,CAAA"}

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

@@ -3,7 +3,7 @@ import * as themes from "./themes";
 import { TypeValueLabelType } from "./JsonViewer.types";
 export declare const getTypeOfTheValue: (value: unknown) => TypeValueLabelType;
 /** A component to render json data in a nice way. */
-export declare const JsonViewer: ({ data, showRoot, toolbar, theme, expanded, indentWidth, style, truncate, className, ...props }: JsonViewerProps) => React.JSX.Element;
+export declare const JsonViewer: React.FC<JsonViewerProps>;
 type ThemeType = "dark" | "light";
 export interface JsonViewerProps extends Omit<React.HTMLProps<HTMLDivElement>, "data"> {
     /** Pass a valid json. Required.  */

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,UAAW,OAAO,KAAG,kBAiBlD,CAAA;AA4SD,qDAAqD;AACrD,eAAO,MAAM,UAAU,oGAWpB,eAAe,sBA0CjB,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;;;;;;;;;;;;;;;;;;OAkBG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,eAAe,GAAG,SAAS,GAAG,IAAI,CAAA;IACjD,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,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAElC,OAAO,EAAsC,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AA0B3F,eAAO,MAAM,iBAAiB,UAAW,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;;;;;;;;;;;;;;;;;;OAkBG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,eAAe,GAAG,SAAS,GAAG,IAAI,CAAA;IACjD,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"}

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

@@ -3,7 +3,7 @@ import React from "react";
  * A re-usable Label component
  */
 export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
-export interface LabelProps {
+export interface LabelProps extends React.HTMLAttributes<HTMLLabelElement> {
     /** Pass a string of text to be rendered as contents. Required.  */
     text?: string;
     /** An Id of an input element to associate the label with */

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,UAAU;IACzB,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,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"}

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

@@ -1,5 +1,5 @@
 import React from "react";
-export interface LoadingIndicatorProps {
+export interface LoadingIndicatorProps extends React.SVGAttributes<SVGElement> {
     /**
      * The size of the LoadingIndicator in pixels.
      * Must be a positive number value.

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,qBAAqB;IACpC;;;;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,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"}

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

@@ -3,8 +3,8 @@ import React 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.
  */
-export declare const MainContainer: ({ className, children, ...props }: MainContainerProps) => React.JSX.Element;
-export interface MainContainerProps {
+export declare const MainContainer: React.FC<MainContainerProps>;
+export interface MainContainerProps extends React.HTMLAttributes<HTMLElement> {
     /** Add custom class name */
     className?: string;
     children?: React.ReactNode;

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,sCAAmD,kBAAkB,sBAM9F,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,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,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"}

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

@@ -1,7 +1,7 @@
 import React from "react";
 /** An inner wrapper to constrain page / view content width. */
-export declare const MainContainerInner: ({ children, fullWidth, hasSideNav, className, ...props }: MainContainerInnerProps) => React.JSX.Element;
-export interface MainContainerInnerProps {
+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`. */