@sebgroup/green-react 3.5.6 → 3.7.0

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "3.5.6",
+  "version": "3.7.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.16.0",
-    "@sebgroup/chlorophyll": "^3.3.4",
+    "@sebgroup/green-core": "^1.22.3",
+    "@sebgroup/chlorophyll": "^3.4.0",
     "@sebgroup/extract": "^3.0.1",
     "@lit/react": "^1.0.2",
     "classnames": "^2.3.2"
@@ -28,7 +28,7 @@
   "bugs": {
     "url": "https://github.com/sebgroup/green/labels/react"
   },
-  "homepage": "https://sebgroup.github.io/green/latest/react/",
+  "homepage": "https://storybook.seb.io/latest/react/",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js"

package/src/index.d.ts

@@ -1,24 +1,25 @@
-export * from './lib/accordion/accordion';
-export * from './lib/alert-ribbon/alert-ribbon';
-export * from './lib/badge/badge';
-export * from './lib/card/card';
-export * from './lib/datepicker/datepicker';
-export * from './lib/dropdown/dropdown';
-export * from './lib/form';
-export * from './lib/formItem';
-export * from './lib/layout';
-export * from './lib/in-page-wizard';
-export * from './lib/link/link';
-export * from './lib/list';
-export * from './lib/grouped-list/grouped-list';
-export * from './lib/navbar/navbar';
-export * from './lib/select';
-export * from './lib/slider';
-export * from './lib/stepper/stepper';
-export * from './lib/tabs/tabs';
-export * from './lib/modal/modal';
-export * from './lib/context-menu/context-menu';
-export * from './types';
-export * from './lib/table/components';
-export * from './lib/icons';
-export { AlertRibbon as Alert } from './lib/alert-ribbon/alert-ribbon';
+export * from './lib/accordion/accordion';
+export * from './lib/alert-ribbon/alert-ribbon';
+export * from './lib/badge/badge';
+export * from './lib/card/card';
+export * from './lib/datepicker/datepicker';
+export * from './lib/dropdown/dropdown';
+export * from './lib/form';
+export * from './lib/formItem';
+export * from './lib/layout';
+export * from './lib/in-page-wizard';
+export * from './lib/link/link';
+export * from './lib/list';
+export * from './lib/grouped-list/grouped-list';
+export * from './lib/navbar/navbar';
+export * from './lib/select';
+export * from './lib/slider';
+export * from './lib/stepper/stepper';
+export * from './lib/tabs/tabs';
+export * from './lib/modal/modal';
+export * from './lib/context-menu/context-menu';
+export * from './types';
+export * from './lib/table/components';
+export * from './lib/icons';
+export * from './lib/breadcrumb/breadcrumb';
+export { AlertRibbon as Alert } from './lib/alert-ribbon/alert-ribbon';

package/src/lib/accordion/accordion-item.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-interface AccordionItemProps {
-    item: AccordionItemInterface;
-    index: number;
-    uuid: string;
-}
-export interface AccordionItemInterface {
-    label: string;
-    labelElementLevel: 2 | 3 | 4 | 5 | 6;
-    subLabel?: string;
-    content: JSX.Element;
-    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    onOpen?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    onClose?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-}
-declare const AccordionItem: ({ item, index, uuid }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
-export default AccordionItem;
+import React from 'react';
+interface AccordionItemProps {
+    item: AccordionItemInterface;
+    index: number;
+    uuid: string;
+}
+export interface AccordionItemInterface {
+    label: string;
+    labelElementLevel: 2 | 3 | 4 | 5 | 6;
+    subLabel?: string;
+    content: JSX.Element;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onOpen?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onClose?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+declare const AccordionItem: ({ item, index, uuid }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+export default AccordionItem;

package/src/lib/accordion/accordion.d.ts

@@ -1,6 +1,6 @@
-import { AccordionItemInterface } from './accordion-item';
-export interface AccordionInterface {
-    items: AccordionItemInterface[];
-}
-export declare const Accordion: ({ items }: AccordionInterface) => import("react/jsx-runtime").JSX.Element;
-export default Accordion;
+import { AccordionItemInterface } from './accordion-item';
+export interface AccordionInterface {
+    items: AccordionItemInterface[];
+}
+export declare const Accordion: ({ items }: AccordionInterface) => import("react/jsx-runtime").JSX.Element;
+export default Accordion;

package/src/lib/alert-ribbon/alert-ribbon.d.ts

@@ -1,16 +1,16 @@
-import React, { AriaAttributes, ReactNode } from 'react';
-import { AlertRibbonType } from '@sebgroup/extract';
-export interface AlertRibbonProps {
-    children: ReactNode;
-    type?: AlertRibbonType;
-    header?: ReactNode;
-    footer?: ReactNode;
-    isCloseable?: boolean;
-    closeText?: string;
-    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    role?: 'alert';
-    ['aria-live']?: AriaAttributes['aria-live'];
-    closeAriaLabel?: string;
-}
-export declare function AlertRibbon({ type, header, footer, children, closeText, isCloseable, onClose, role, 'aria-live': ariaLive, closeAriaLabel, }: AlertRibbonProps): import("react/jsx-runtime").JSX.Element;
-export default AlertRibbon;
+import React, { AriaAttributes, ReactNode } from 'react';
+import { AlertRibbonType } from '@sebgroup/extract';
+export interface AlertRibbonProps {
+    children: ReactNode;
+    type?: AlertRibbonType;
+    header?: ReactNode;
+    footer?: ReactNode;
+    isCloseable?: boolean;
+    closeText?: string;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    role?: 'alert';
+    ['aria-live']?: AriaAttributes['aria-live'];
+    closeAriaLabel?: string;
+}
+export declare function AlertRibbon({ type, header, footer, children, closeText, isCloseable, onClose, role, 'aria-live': ariaLive, closeAriaLabel, }: AlertRibbonProps): import("react/jsx-runtime").JSX.Element;
+export default AlertRibbon;

package/src/lib/badge/badge.d.ts

@@ -1,23 +1,23 @@
-import { HTMLProps, ReactNode } from 'react';
-import { BadgeType } from '@sebgroup/extract';
-export interface BadgeProps extends HTMLProps<HTMLSpanElement> {
-    children?: ReactNode;
-    badgeType?: BadgeType;
-    isCloseable?: boolean;
-    closeText?: string;
-    customColor?: string;
-    customBackgroundColor?: string;
-}
-/**
- * Renders a badge component.
- *
- * @param {React.ReactNode} props.children - The content of the badge.
- * @param {string} props.badgeType - The type of the badge.
- * @param {boolean} props.isCloseable - Indicates if the badge is closeable.
- * @param {string} props.closeText - The text for the close button.
- * @param {string} props.customColor - The custom color for the badge.
- * @param {string} props.customBackgroundColor - The custom background color for the badge.
- * @returns {React.ReactNode} The rendered badge component.
- */
-export declare function Badge({ children, badgeType, isCloseable, closeText, customColor, customBackgroundColor, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element | null;
-export default Badge;
+import { HTMLProps, ReactNode } from 'react';
+import { BadgeType } from '@sebgroup/extract';
+export interface BadgeProps extends HTMLProps<HTMLSpanElement> {
+    children?: ReactNode;
+    badgeType?: BadgeType;
+    isCloseable?: boolean;
+    closeText?: string;
+    customColor?: string;
+    customBackgroundColor?: string;
+}
+/**
+ * Renders a badge component.
+ *
+ * @param {React.ReactNode} props.children - The content of the badge.
+ * @param {string} props.badgeType - The type of the badge.
+ * @param {boolean} props.isCloseable - Indicates if the badge is closeable.
+ * @param {string} props.closeText - The text for the close button.
+ * @param {string} props.customColor - The custom color for the badge.
+ * @param {string} props.customBackgroundColor - The custom background color for the badge.
+ * @returns {React.ReactNode} The rendered badge component.
+ */
+export declare function Badge({ children, badgeType, isCloseable, closeText, customColor, customBackgroundColor, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element | null;
+export default Badge;

package/src/lib/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,7 @@
+import React, { PropsWithChildren } from 'react';
+export type BreadcrumbProps = {
+    className?: string;
+};
+export type BreadcrumItembProps = JSX.IntrinsicElements['li'];
+export declare const Breadcrumb: React.FC<PropsWithChildren<BreadcrumbProps>>;
+export declare const BreadcrumbItem: React.FC<BreadcrumItembProps>;

package/src/lib/card/card.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
-export interface CardProps {
-    children?: ReactNode;
-    header?: ReactNode;
-    footer?: ReactNode;
-}
-export declare function Card({ children, header, footer }: CardProps): import("react/jsx-runtime").JSX.Element;
-export default Card;
+import { ReactNode } from 'react';
+export interface CardProps {
+    children?: ReactNode;
+    header?: ReactNode;
+    footer?: ReactNode;
+}
+export declare function Card({ children, header, footer }: CardProps): import("react/jsx-runtime").JSX.Element;
+export default Card;

package/src/lib/context-menu/context-menu.d.ts

@@ -1,9 +1,9 @@
-import { GdsContextMenu, GdsMenuItem, GdsMenuHeading } from '@sebgroup/green-core/components/context-menu/index.js';
-export declare const ContextMenu: import("@lit/react").ReactWebComponent<GdsContextMenu, {
-    onMenuItemClick: string;
-    onUiStateChange: string;
-}>;
-export declare const MenuItem: import("@lit/react").ReactWebComponent<GdsMenuItem, {
-    onMenuItemClick: string;
-}>;
-export declare const CoreMenuHeading: import("@lit/react").ReactWebComponent<GdsMenuHeading, {}>;
+import { GdsContextMenu, GdsMenuItem, GdsMenuHeading } from '@sebgroup/green-core/components/context-menu/index.js';
+export declare const ContextMenu: import("@lit/react").ReactWebComponent<GdsContextMenu, {
+    onMenuItemClick: string;
+    onUiStateChange: string;
+}>;
+export declare const MenuItem: import("@lit/react").ReactWebComponent<GdsMenuItem, {
+    onMenuItemClick: string;
+}>;
+export declare const CoreMenuHeading: import("@lit/react").ReactWebComponent<GdsMenuHeading, {}>;

package/src/lib/datepicker/datepicker.d.ts

@@ -1,22 +1,55 @@
-import { GdsDatepicker } from '@sebgroup/green-core/components/datepicker/index.js';
-export declare const CoreDatepicker: import("@lit/react").ReactWebComponent<GdsDatepicker, {
-    onchange: string;
-}>;
-export interface DatepickerOptions {
-    label?: string;
-    onChange?: (value: any) => void;
-    minDate?: Date;
-    maxDate?: Date;
-    value?: Date;
-    showWeeks?: boolean;
-    testId?: string;
-    size?: 'small' | 'medium';
-    hideLabel?: boolean;
-    disabledWeekends?: boolean;
-    disabledDates?: Date[];
-    /** @deprecated Use `value` instead */
-    selectedDate?: Date;
-    /** @deprecated Use `value` instead */
-    currentDate?: Date;
-}
-export declare const Datepicker: ({ label, onChange, minDate, maxDate, value, showWeeks, testId, selectedDate, currentDate, ...props }: DatepickerOptions) => import("react/jsx-runtime").JSX.Element;
+import { GdsDatepicker } from '@sebgroup/green-core/components/datepicker/index.js';
+export declare const CoreDatepicker: import("@lit/react").ReactWebComponent<GdsDatepicker, {
+    onchange: string;
+}>;
+export interface DatepickerOptions {
+    /**
+     * The label for the Datepicker.
+     */
+    label?: string;
+    /**
+     * Callback function that is called when the value of the Datepicker changes.
+     */
+    onChange?: (value: any) => void;
+    /**
+     * The minimum date that can be selected.
+     */
+    minDate?: Date;
+    /**
+     * The maximum date that can be selected.
+     */
+    maxDate?: Date;
+    /**
+     * The value of the Datepicker.
+     */
+    value?: Date;
+    /**
+     * Whether to show the week numbers.
+     */
+    showWeeks?: boolean;
+    /**
+     * The test ID used for testing.
+     */
+    testId?: string;
+    /**
+     * The size of the Datepicker.
+     */
+    size?: 'small' | 'medium';
+    /**
+     * Whether to hide the label.
+     */
+    hideLabel?: boolean;
+    /**
+     * Whether to disable weekends.
+     */
+    disabledWeekends?: boolean;
+    /**
+     * An array of disabled dates.
+     */
+    disabledDates?: Date[];
+    /** @deprecated Use `value` instead */
+    selectedDate?: Date;
+    /** @deprecated Use `value` instead */
+    currentDate?: Date;
+}
+export declare const Datepicker: ({ label, onChange, minDate, maxDate, value, showWeeks, testId, selectedDate, currentDate, ...props }: DatepickerOptions) => import("react/jsx-runtime").JSX.Element;

package/src/lib/dropdown/dropdown.d.ts

@@ -1,58 +1,58 @@
-import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown/index.js';
-export declare type CompareWith<T = any> = (o1: T, o2: T) => boolean;
-export declare type SearchFilter<T = any> = (search: string, value: T) => boolean;
-export declare type DropdownPlacements = 'bottom-start' | 'top-start';
-export declare type OnChange<T = any> = (value: T) => void;
-export declare type IndicatorType = 'success' | 'error' | 'info';
-export declare type ValidatorType = 'Required' | 'Email';
-export interface ValidatorRules {
-    type: ValidatorType;
-    custom?: () => string | undefined;
-}
-export interface IValidator {
-    message: string;
-    indicator: IndicatorType;
-    rules?: ValidatorRules;
-}
-export interface DropdownArgs {
-    compareWith?: CompareWith;
-    display?: string;
-    id?: string;
-    informationLabel?: string;
-    label?: string;
-    multiSelect?: boolean;
-    options: DropdownOption[];
-    searchFilter?: SearchFilter;
-    searchable?: boolean;
-    texts?: DropdownTexts;
-    useValue?: string;
-    validator?: IValidator;
-    value?: any;
-    /** Force width of the popover to match trigger */
-    syncPopoverWidth?: boolean;
-    /** Size of the dropdown trigger */
-    size?: 'small' | 'medium';
-    /** Hide the label */
-    hideLabel?: boolean;
-    /** Max height of the dropdown */
-    maxHeight?: number;
-}
-export interface DropdownTexts {
-    placeholder?: string;
-}
-export interface DropdownOption {
-    label?: string;
-    value?: any;
-    selected?: boolean;
-    heading?: boolean;
-    [key: string]: any;
-}
-export declare const CoreDropdown: import("@lit/react").ReactWebComponent<GdsDropdown<any>, {
-    onchange: string;
-}>;
-export declare const CoreOption: import("@lit/react").ReactWebComponent<GdsOption, {}>;
-export interface DropdownProps extends DropdownArgs {
-    onChange?: OnChange;
-}
-export declare const Dropdown: ({ compareWith, display, id, informationLabel, label, multiSelect, onChange, options, searchFilter, searchable, texts, useValue, validator, value, syncPopoverWidth, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
-export default Dropdown;
+import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown/index.js';
+export type CompareWith<T = any> = (o1: T, o2: T) => boolean;
+export type SearchFilter<T = any> = (search: string, value: T) => boolean;
+export type DropdownPlacements = 'bottom-start' | 'top-start';
+export type OnChange<T = any> = (value: T) => void;
+export type IndicatorType = 'success' | 'error' | 'info';
+export type ValidatorType = 'Required' | 'Email';
+export interface ValidatorRules {
+    type: ValidatorType;
+    custom?: () => string | undefined;
+}
+export interface IValidator {
+    message: string;
+    indicator: IndicatorType;
+    rules?: ValidatorRules;
+}
+export interface DropdownArgs {
+    compareWith?: CompareWith;
+    display?: string;
+    id?: string;
+    informationLabel?: string;
+    label?: string;
+    multiSelect?: boolean;
+    options: DropdownOption[];
+    searchFilter?: SearchFilter;
+    searchable?: boolean;
+    texts?: DropdownTexts;
+    useValue?: string;
+    validator?: IValidator;
+    value?: any;
+    /** Force width of the popover to match trigger */
+    syncPopoverWidth?: boolean;
+    /** Size of the dropdown trigger */
+    size?: 'small' | 'medium';
+    /** Hide the label */
+    hideLabel?: boolean;
+    /** Max height of the dropdown */
+    maxHeight?: number;
+}
+export interface DropdownTexts {
+    placeholder?: string;
+}
+export interface DropdownOption {
+    label?: string;
+    value?: any;
+    selected?: boolean;
+    heading?: boolean;
+    [key: string]: any;
+}
+export declare const CoreDropdown: import("@lit/react").ReactWebComponent<GdsDropdown<any>, {
+    onchange: string;
+}>;
+export declare const CoreOption: import("@lit/react").ReactWebComponent<GdsOption, {}>;
+export interface DropdownProps extends DropdownArgs {
+    onChange?: OnChange;
+}
+export declare const Dropdown: ({ compareWith, display, id, informationLabel, label, multiSelect, onChange, options, searchFilter, searchable, texts, useValue, validator, value, syncPopoverWidth, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default Dropdown;

package/src/lib/filter-chips/filter-chips.d.ts

@@ -0,0 +1,3 @@
+import { GdsFilterChips, GdsFilterChip } from '@sebgroup/green-core/components/filter-chips/index.js';
+export declare const FilterChips: import("@lit/react").ReactWebComponent<GdsFilterChips<any>, {}>;
+export declare const FilterChip: import("@lit/react").ReactWebComponent<GdsFilterChip<any>, {}>;

package/src/lib/form/button/button.d.ts

@@ -1,14 +1,14 @@
-import { ButtonHTMLAttributes, DetailedHTMLProps } from 'react';
-import { ButtonSize, ButtonVariant } from '@sebgroup/extract';
-export interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
-    /** Button styling. Available options: 'primary', 'secondary', 'ghost' and 'tertiary'. */
-    variant?: ButtonVariant;
-    /** Styling button as active or not */
-    active?: boolean;
-    /** Button size. Available options: 'small' and 'large'. */
-    size?: ButtonSize;
-    /** Renders as a `data-testid` attribute on the `<button>` element, useful in testing scenarios. */
-    testId?: string;
-}
-export declare function Button({ className, variant, active, type, size, testId, ...otherProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-export default Button;
+import { ButtonHTMLAttributes, DetailedHTMLProps } from 'react';
+import { ButtonSize, ButtonVariant } from '@sebgroup/extract';
+export interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    /** Button styling. Available options: 'primary', 'secondary', 'ghost' and 'tertiary'. */
+    variant?: ButtonVariant;
+    /** Styling button as active or not */
+    active?: boolean;
+    /** Button size. Available options: 'small' and 'large'. */
+    size?: ButtonSize;
+    /** Renders as a `data-testid` attribute on the `<button>` element, useful in testing scenarios. */
+    testId?: string;
+}
+export declare function Button({ className, variant, active, type, size, testId, ...otherProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export default Button;

package/src/lib/form/buttonGroup/buttonGroup.d.ts

@@ -1,13 +1,13 @@
-import { ReactElement } from 'react';
-import { ButtonVariant } from '@sebgroup/extract';
-import { ButtonProps } from '../button/button';
-interface ButtonGroupProps {
-    children: ReactElement<ButtonProps> | ReactElement<ButtonProps>[];
-    /** Class names passed to the child elements */
-    className?: string;
-    selectedIndex?: number;
-    variant?: ButtonVariant;
-    id?: string;
-}
-export declare const ButtonGroup: ({ children, className, selectedIndex, variant, id, }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
-export default ButtonGroup;
+import { ReactElement } from 'react';
+import { ButtonVariant } from '@sebgroup/extract';
+import { ButtonProps } from '../button/button';
+interface ButtonGroupProps {
+    children: ReactElement<ButtonProps> | ReactElement<ButtonProps>[];
+    /** Class names passed to the child elements */
+    className?: string;
+    selectedIndex?: number;
+    variant?: ButtonVariant;
+    id?: string;
+}
+export declare const ButtonGroup: ({ children, className, selectedIndex, variant, id, }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default ButtonGroup;

package/src/lib/form/checkbox/checkbox.d.ts

@@ -1,15 +1,15 @@
-import { IValidator } from '@sebgroup/extract';
-import { FormEventHandler, HTMLProps } from 'react';
-export interface CheckboxProps extends HTMLProps<HTMLInputElement> {
-    /** Use this prop to control the checked state of the checkbox */
-    checked?: boolean;
-    /** The label of the checkbox */
-    label?: string;
-    /** A test id that will be placed in the `data-testid` attribute on the input element */
-    testId?: string;
-    /** An object used to render the validation status for the component */
-    validator?: IValidator;
-    /** A handler function that takes the event and can act on it */
-    onChange?: FormEventHandler<HTMLInputElement>;
-}
-export declare const Checkbox: ({ "aria-describedby": ariaDescribedBy, id, label, validator, testId, required, className, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+import { IValidator } from '@sebgroup/extract';
+import { FormEventHandler, HTMLProps } from 'react';
+export interface CheckboxProps extends HTMLProps<HTMLInputElement> {
+    /** Use this prop to control the checked state of the checkbox */
+    checked?: boolean;
+    /** The label of the checkbox */
+    label?: string;
+    /** A test id that will be placed in the `data-testid` attribute on the input element */
+    testId?: string;
+    /** An object used to render the validation status for the component */
+    validator?: IValidator;
+    /** A handler function that takes the event and can act on it */
+    onChange?: FormEventHandler<HTMLInputElement>;
+}
+export declare const Checkbox: ({ "aria-describedby": ariaDescribedBy, id, label, validator, testId, required, className, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/form/form.d.ts

@@ -1,10 +1,10 @@
-import { FormDirection, Size } from '@sebgroup/extract';
-import { HTMLProps, ReactNode } from 'react';
-export interface FormProps extends HTMLProps<HTMLFormElement> {
-    children?: ReactNode;
-    direction?: FormDirection;
-    formSize?: Size;
-    onFormSubmit?: (values: any) => void;
-}
-export declare const Form: React.FC<FormProps>;
-export default Form;
+import { FormDirection, Size } from '@sebgroup/extract';
+import { HTMLProps, ReactNode } from 'react';
+export interface FormProps extends HTMLProps<HTMLFormElement> {
+    children?: ReactNode;
+    direction?: FormDirection;
+    formSize?: Size;
+    onFormSubmit?: (values: any) => void;
+}
+export declare const Form: React.FC<FormProps>;
+export default Form;

package/src/lib/form/formContext.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { FormProps } from './form';
-interface FormContextReturnType {
-    setValues: React.Dispatch<React.SetStateAction<Record<string, any>>>;
-    setErrors: React.Dispatch<React.SetStateAction<Record<string, any>>>;
-    setFields: React.Dispatch<React.SetStateAction<Record<string, any>>>;
-    errors?: Record<string, any>;
-    values?: Record<string, any>;
-}
-export declare const FormContext: React.Context<FormContextReturnType>;
-export declare const useFormContext: () => FormContextReturnType;
-export declare const FormProvider: ({ children, direction, formSize, onSubmit, onFormSubmit, ...props }: React.PropsWithChildren<FormProps>) => import("react/jsx-runtime").JSX.Element;
-export {};
+import React from 'react';
+import { FormProps } from './form';
+interface FormContextReturnType {
+    setValues: React.Dispatch<React.SetStateAction<Record<string, any>>>;
+    setErrors: React.Dispatch<React.SetStateAction<Record<string, any>>>;
+    setFields: React.Dispatch<React.SetStateAction<Record<string, any>>>;
+    errors?: Record<string, any>;
+    values?: Record<string, any>;
+}
+export declare const FormContext: React.Context<FormContextReturnType>;
+export declare const useFormContext: () => FormContextReturnType;
+export declare const FormProvider: ({ children, direction, formSize, onSubmit, onFormSubmit, ...props }: React.PropsWithChildren<FormProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/form/formItems.d.ts

@@ -1,10 +1,10 @@
-import { IValidator } from '@sebgroup/extract';
-import React from 'react';
-export interface FormItemsProps {
-    children: React.ReactNode;
-    name: string;
-    validate?: IValidator;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-}
-export declare const FormItems: React.FC<FormItemsProps>;
-export default FormItems;
+import { IValidator } from '@sebgroup/extract';
+import React from 'react';
+export interface FormItemsProps {
+    children: React.ReactNode;
+    name: string;
+    validate?: IValidator;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+}
+export declare const FormItems: React.FC<FormItemsProps>;
+export default FormItems;