@cloudoperators/juno-ui-components 6.0.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,14 +1,16 @@
-import { default as React, ReactNode } from 'react';
-import { default as flatpickr } from 'flatpickr';
-import { DateOption, DateLimit } from 'flatpickr/dist/types/options';
-import { key as LocaleKey, CustomLocale } from 'flatpickr/dist/types/locale';
-/** 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;
-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`. */
+import { ReactNode, HTMLAttributes } from 'react';
+import { DateOption, DateLimit, LocaleKey, CustomLocale, DateChangeHandler } from './DateTimePicker.types';
+/**
+ * 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;
@@ -33,7 +35,7 @@ export interface DateTimePickerProps extends Omit<React.HTMLAttributes<HTMLInput
     /**
      * 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
      */
-    disable?: DateLimit<DateOption>[];
+    disable?: DateLimit[];
     /** Whether the DateTimePicker is disabled */
     disabled?: boolean;
     /** Whether to show seconds when showing a time picker. */
@@ -135,5 +137,4 @@ export interface DateTimePickerProps extends Omit<React.HTMLAttributes<HTMLInput
     /** 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

@@ -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/DateTimePicker/DateTimePicker.mappers.d.ts

@@ -0,0 +1,24 @@
+import { DateOption as FlatpickrDateOption, DateLimit as FlatpickrDateLimit } from 'flatpickr/dist/types/options';
+import { key as FlatpickrLocaleKey, CustomLocale as FlatpickrCustomLocale } from 'flatpickr/dist/types/locale';
+import { DateOption, DateLimit, LocaleKey, CustomLocale } from './DateTimePicker.types';
+/**
+ * Maps public DateTimePicker date option to flatpickr DateOption.
+ * Both types are structurally identical (string | Date | number),
+ * but TypeScript treats them as distinct types.
+ */
+export declare function mapDateOption(date: DateOption): FlatpickrDateOption;
+/**
+ * Maps public DateTimePicker date limit to flatpickr DateLimit.
+ * Handles simple dates, date ranges, and filter functions.
+ */
+export declare function mapDateLimit(limit: DateLimit): FlatpickrDateLimit<FlatpickrDateOption>;
+/**
+ * Maps array of public DateTimePicker date limits to flatpickr DateLimit array.
+ */
+export declare function mapDateLimits(limits: DateLimit[]): FlatpickrDateLimit<FlatpickrDateOption>[];
+/**
+ * Maps public DateTimePicker locale to flatpickr locale.
+ * Handles both locale key strings and custom locale objects.
+ */
+export declare function mapLocale(locale: LocaleKey | Partial<CustomLocale>): FlatpickrLocaleKey | Partial<FlatpickrCustomLocale>;
+//# sourceMappingURL=DateTimePicker.mappers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.mappers.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.mappers.ts"],"names":[],"mappings":"AAKA;;;;;;GAMG;AAEH,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACjH,OAAO,EAAE,GAAG,IAAI,kBAAkB,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAC9G,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE5F;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,mBAAmB,CAEnE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAkBtF;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,CAE5F;AAED;;;GAGG;AACH,wBAAgB,SAAS,CACvB,MAAM,EAAE,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,GACxC,kBAAkB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CASrD"}

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

@@ -0,0 +1,79 @@
+/**
+ * Custom types to replace flatpickr types and eliminate type leakage.
+ * These types mirror the functionality of flatpickr without depending on its type definitions.
+ */
+/**
+ * Date option type that can represent a date in various formats.
+ * Replaces flatpickr's DateOption type.
+ */
+export type DateOption = string | Date | number;
+/**
+ * Date limit function type for disabling specific dates.
+ * Replaces flatpickr's DateLimit type.
+ */
+export type DateLimit = DateOption | {
+    from: DateOption;
+    to: DateOption;
+} | ((_date: Date) => boolean);
+/**
+ * Locale key type for predefined locales.
+ * Replaces flatpickr's LocaleKey type.
+ */
+export type LocaleKey = "ar" | "at" | "az" | "be" | "bg" | "bn" | "bs" | "ca" | "cat" | "ckb" | "cs" | "cy" | "da" | "de" | "default" | "en" | "eo" | "es" | "et" | "fa" | "fi" | "fo" | "fr" | "gr" | "he" | "hi" | "hr" | "hu" | "hy" | "id" | "is" | "it" | "ja" | "ka" | "ko" | "km" | "kz" | "lt" | "lv" | "mk" | "mn" | "ms" | "my" | "nl" | "nn" | "no" | "pa" | "pl" | "pt" | "ro" | "ru" | "si" | "sk" | "sl" | "sq" | "sr" | "sv" | "th" | "tr" | "uk" | "vn" | "zh" | "uz" | "uz_latn" | "zh_tw";
+type Locale = {
+    weekdays: {
+        shorthand: [string, string, string, string, string, string, string];
+        longhand: [string, string, string, string, string, string, string];
+    };
+    months: {
+        shorthand: [string, string, string, string, string, string, string, string, string, string, string, string];
+        longhand: [string, string, string, string, string, string, string, string, string, string, string, string];
+    };
+    daysInMonth: [number, number, number, number, number, number, number, number, number, number, number, number];
+    firstDayOfWeek: number;
+    ordinal: (_nth: number) => string;
+    rangeSeparator: string;
+    weekAbbreviation: string;
+    scrollTitle: string;
+    toggleTitle: string;
+    amPM: [string, string];
+    yearAriaLabel: string;
+    monthAriaLabel: string;
+    hourAriaLabel: string;
+    minuteAriaLabel: string;
+    time_24hr: boolean;
+};
+/**
+ * Custom locale configuration object.
+ * Replaces flatpickr's CustomLocale type.
+ */
+export interface CustomLocale {
+    ordinal?: Locale["ordinal"];
+    daysInMonth?: Locale["daysInMonth"];
+    firstDayOfWeek?: Locale["firstDayOfWeek"];
+    rangeSeparator?: Locale["rangeSeparator"];
+    weekAbbreviation?: Locale["weekAbbreviation"];
+    toggleTitle?: Locale["toggleTitle"];
+    scrollTitle?: Locale["scrollTitle"];
+    yearAriaLabel?: string;
+    monthAriaLabel?: string;
+    hourAriaLabel?: string;
+    minuteAriaLabel?: string;
+    amPM?: Locale["amPM"];
+    time_24hr?: Locale["time_24hr"];
+    weekdays: {
+        shorthand: [string, string, string, string, string, string, string];
+        longhand: [string, string, string, string, string, string, string];
+    };
+    months: {
+        shorthand: [string, string, string, string, string, string, string, string, string, string, string, string];
+        longhand: [string, string, string, string, string, string, string, string, string, string, string, string];
+    };
+}
+/**
+ * Date change handler type.
+ * Provides the same interface as flatpickr's onChange handlers but without flatpickr.Instance dependency.
+ */
+export type DateChangeHandler = (_dates?: Date[], _dateStr?: string) => void;
+export {};
+//# sourceMappingURL=DateTimePicker.types.d.ts.map

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

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