@utrecht/component-library-react 1.0.0-alpha.34 → 1.0.0-alpha.340

package/dist/Accordion.d.ts

@@ -0,0 +1,49 @@
+import { ForwardedRef, HTMLAttributes, RefObject } from 'react';
+export interface AccordionSectionProps extends HTMLAttributes<HTMLDivElement> {
+    headingLevel?: number;
+    label: string;
+    body: any;
+    expanded?: boolean;
+    disabled?: boolean;
+    section?: boolean;
+    onActivate?: Function;
+    onButtonFocus?: Function;
+    onButtonBlur?: Function;
+    buttonRef?: RefObject<HTMLButtonElement>;
+}
+export declare const AccordionSection: import("react").ForwardRefExoticComponent<AccordionSectionProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
+    headingLevel?: number;
+    heading?: string;
+    group?: false;
+}
+export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const useAccordion: <T>(sections: T[], ref: RefObject<HTMLDivElement | undefined>) => {
+    ref: RefObject<HTMLDivElement | undefined>;
+    refs: RefObject<HTMLDivElement>[];
+    buttonRefs: RefObject<HTMLButtonElement>[];
+    activeElement: null;
+    sections: T[];
+    focusNextSection: (activeElement: RefObject<HTMLDivElement>) => void;
+    focusFirstSection: () => void;
+    focusPreviousSection: (activeElement: RefObject<HTMLDivElement>) => void;
+    focusLastSection: () => void;
+};
+interface AccordionSectionProviderProps {
+    defaultExpanded?: boolean;
+    expanded?: boolean;
+}
+export declare const useAccordionSection: ({ defaultExpanded, expanded }: AccordionSectionProviderProps, ref: ForwardedRef<HTMLDivElement>) => {
+    ref: ForwardedRef<HTMLDivElement>;
+    expanded: boolean;
+};
+interface AccordionProviderProps {
+    sections: AccordionSectionProps[];
+}
+export declare const AccordionProvider: {
+    ({ sections }: AccordionProviderProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/Alert.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes, ReactNode } from 'react';
+export type AlertType = 'info' | 'ok' | 'warning' | 'error';
+export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
+    icon?: ReactNode;
+    type?: string | AlertType;
+}
+export declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & {
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/AlertDialog.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { DialogHTMLAttributes, ReactNode } from 'react';
+export type AlertDialogType = 'error' | 'info' | 'warning';
+export interface AlertDialogProps extends DialogHTMLAttributes<HTMLDialogElement> {
+    icon?: ReactNode;
+    type?: string | AlertDialogType;
+}
+export declare const AlertDialog: import("react").ForwardRefExoticComponent<AlertDialogProps & {
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDialogElement>>;

package/dist/Article.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export type ArticleProps = HTMLAttributes<HTMLElement>;
+export declare const Article: import("react").ForwardRefExoticComponent<ArticleProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/Backdrop.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export type BackdropProps = HTMLAttributes<HTMLDivElement>;
+export declare const Backdrop: import("react").ForwardRefExoticComponent<BackdropProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/BadgeCounter.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2023 Gemeente Utrecht
+ * Copyright (c) 2023 Frameless B.V.
+ */
+import { HTMLAttributes } from 'react';
+export interface BadgeCounterProps extends HTMLAttributes<HTMLElement> {
+    value?: string;
+}
+export declare const BadgeCounter: import("react").ForwardRefExoticComponent<BadgeCounterProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement | HTMLDataElement>>;

package/dist/BadgeList.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export type BadgeListProps = HTMLAttributes<HTMLDivElement>;
+export declare const BadgeList: import("react").ForwardRefExoticComponent<BadgeListProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/BreadcrumbNav.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes, ReactNode } from 'react';
+interface BreadcrumbNavProps extends HTMLAttributes<HTMLElement> {
+    appearance?: string;
+    headingLevel?: number;
+    label?: ReactNode | ReactNode[];
+}
+export declare const BreadcrumbNav: import("react").ForwardRefExoticComponent<BreadcrumbNavProps & {
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLOListElement>>;
+export interface BreadcrumbLinkProps extends HTMLAttributes<HTMLElement> {
+    current?: boolean;
+    href: string;
+    rel?: string;
+    index?: number;
+}
+export declare const BreadcrumbLink: import("react").ForwardRefExoticComponent<BreadcrumbLinkProps & {
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/{cjs/Button.d.ts → Button.d.ts}

@@ -1,24 +1,28 @@
-import { ButtonHTMLAttributes } from 'react';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    appearance?: string;
-    busy?: boolean;
-}
-export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const PrimaryActionButton: {
-    ({ ...args }: {
-        [x: string]: any;
-    }): JSX.Element;
-    displayName: string;
-};
-export declare const SecondaryActionButton: {
-    ({ ...args }: {
-        [x: string]: any;
-    }): JSX.Element;
-    displayName: string;
-};
-export declare const SubtleButton: {
-    ({ ...args }: {
-        [x: string]: any;
-    }): JSX.Element;
-    displayName: string;
-};
+import { ButtonHTMLAttributes } from 'react';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    appearance?: string;
+    busy?: boolean;
+    hint?: string;
+    pressed?: boolean;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PrimaryActionButton: {
+    ({ ...args }: {
+        [x: string]: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export declare const SecondaryActionButton: {
+    ({ ...args }: {
+        [x: string]: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export declare const SubtleButton: {
+    ({ ...args }: {
+        [x: string]: any;
+    }): JSX.Element;
+    displayName: string;
+};

package/dist/ButtonGroup.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+type ButtonGroupProps = HTMLAttributes<HTMLParagraphElement>;
+export declare const ButtonGroup: import("react").ForwardRefExoticComponent<ButtonGroupProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLParagraphElement>>;
+export {};

package/dist/ButtonLink.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { AnchorHTMLAttributes } from 'react';
+export interface ButtonLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'placeholder'> {
+    appearance?: string;
+    external?: boolean;
+    placeholder?: boolean;
+}
+export declare const ButtonLink: import("react").ForwardRefExoticComponent<ButtonLinkProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/Calendar/CalendarButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ButtonProps } from '../Button';
+export interface CalendarButtonProps extends ButtonProps {
+}
+export declare const CalendarButton: React.FC<CalendarButtonProps>;

package/dist/Calendar/CalendarIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface CalendarIconProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export declare const CalendarIcon: React.FC<CalendarIconProps>;

package/dist/Calendar/CalendarNavigation.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface CalendarNavigationProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export declare const CalendarNavigation: React.FC<CalendarNavigationProps>;

package/dist/Calendar/CalendarNavigationButtons.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CalendarButtonProps } from './CalendarButton';
+interface CalendarNavigationButtonsProps extends CalendarButtonProps {
+    onPreviousClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onNextClick?: React.MouseEventHandler<HTMLButtonElement>;
+    previousIcon?: any;
+    nextIcon?: any;
+    previousTitle?: string;
+    nextTitle?: string;
+    children?: React.ReactNode;
+}
+export declare const CalendarNavigationButtons: React.FC<CalendarNavigationButtonsProps>;
+export {};

package/dist/Calendar/CalendarNavigationLabel.d.ts

@@ -0,0 +1,4 @@
+import { FC, TimeHTMLAttributes } from 'react';
+type CalendarNavigationLabelProps = TimeHTMLAttributes<HTMLTimeElement>;
+export declare const CalendarNavigationLabel: FC<CalendarNavigationLabelProps>;
+export {};

package/dist/Calendar/CalendarTableDaysContainer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface CalendarTableDaysContainerProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement> {
+    children?: React.ReactNode;
+}
+export declare const CalendarTableDaysContainer: React.FC<CalendarTableDaysContainerProps>;

package/dist/Calendar/CalendarTableDaysItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface CalendarTableDaysItemProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> {
+    children?: React.ReactNode;
+}
+export declare const CalendarTableDaysItem: React.FC<CalendarTableDaysItemProps>;

package/dist/Calendar/CalendarTableDaysItemDay.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { CalendarButtonProps } from './CalendarButton';
+export interface CalendarTableDaysItemDayProps extends CalendarButtonProps {
+    day: string;
+    dayOutOfTheMonth?: boolean;
+    isToday: boolean;
+    emphasis?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+}
+export declare const CalendarTableDaysItemDay: React.FC<CalendarTableDaysItemDayProps>;

package/dist/Calendar/CalendarTableWeeksContainer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CalendarTableWeeksContainer: React.FC<{
+    children?: React.ReactNode;
+}>;

package/dist/Calendar/CalendarTableWeeksItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface CalendarTableWeeksItemProps extends React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement> {
+    children?: React.ReactNode;
+}
+export declare const CalendarTableWeeksItem: React.FC<CalendarTableWeeksItemProps>;

package/dist/Calendar/IconArrowLeft.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+export declare const IconArrowLeft: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
+export {};

package/dist/Calendar/IconArrowLeftDouble.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+export declare const IconArrowLeftDouble: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
+export {};

package/dist/Calendar/IconArrowRight.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+export declare const IconArrowRight: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
+export {};

package/dist/Calendar/IconArrowRightDouble.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+export declare const IconArrowRightDouble: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
+export {};

package/dist/Calendar/index.d.ts

@@ -0,0 +1,43 @@
+import { Locale } from 'date-fns';
+import { FC } from 'react';
+export type Events = {
+    date: string;
+    emphasis?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+};
+interface CalendarProps {
+    /**
+     * `onCalendarClick` It's a callback function that returns the selected date, triggered when you click on the day
+     *
+     * */
+    onCalendarClick: (date: string) => void;
+    /**
+     * `events` An array of event objects that contain some properties that allow you to change the calendar day style base on your value
+     * `{date?: Date; emphasis?: boolean; selected?: boolean; disabled?: boolean;}`
+     *
+     * */
+    events?: Events[];
+    /**
+     * `currentDate` The default value is `new Date()`, but you can provide a different date
+     *   https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date
+     * */
+    currentDate?: Date;
+    /**
+     * `locale` to change the calendar language by using 'date-fns/locale'
+     *  `import { nl, enUS } from 'date-fns/locale';`
+     * */
+    locale?: Locale;
+    previousYearButtonTitle?: string;
+    nextYearButtonTitle?: string;
+    previousMonthButtonTitle?: string;
+    nextMonthButtonTitle?: string;
+    minDate?: Date;
+    maxDate?: Date;
+}
+/**
+ * Calendar Component
+ * powered by date-fns, so that make it easy to use the `date-fns` date functions & locale
+ * */
+export declare const Calendar: FC<CalendarProps>;
+export {};

package/dist/{cjs/Checkbox.d.ts → Checkbox.d.ts}

@@ -1,5 +1,6 @@
-import { InputHTMLAttributes } from 'react';
-export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'> {
-    invalid?: boolean;
-}
-export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+import { InputHTMLAttributes } from 'react';
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'> {
+    appearance?: string;
+    invalid?: boolean;
+}
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Code.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export type CodeProps = HTMLAttributes<HTMLElement>;
+export declare const Code: import("react").ForwardRefExoticComponent<CodeProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/CodeBlock.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export type CodeBlockProps = HTMLAttributes<HTMLPreElement>;
+export declare const CodeBlock: import("react").ForwardRefExoticComponent<CodeBlockProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLPreElement>>;

package/dist/ColorSample.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export interface ColorSampleProps extends HTMLAttributes<HTMLDataElement> {
+    color?: string;
+}
+export declare const ColorSample: import("react").ForwardRefExoticComponent<ColorSampleProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDataElement>>;

package/dist/CurrencyData.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export interface CurrencyDataProps extends HTMLAttributes<HTMLDataElement> {
+    currency?: string;
+    amount: string | number;
+    locale?: string;
+}
+export declare const formatLabel: (locale: string, currency: string, amount: number) => string;
+export declare const formatVisually: (locale: string, currency: string, amount: number) => string;
+export declare const CurrencyData: import("react").ForwardRefExoticComponent<CurrencyDataProps & import("react").RefAttributes<HTMLDataElement>>;

package/dist/DataBadge.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export interface DataBadgeProps extends HTMLAttributes<HTMLElement> {
+    dateTime?: string;
+    value?: string;
+}
+export declare const DataBadge: import("react").ForwardRefExoticComponent<DataBadgeProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement | HTMLDataElement>>;

package/dist/DataList.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes } from 'react';
+export interface DataListProps extends HTMLAttributes<HTMLElement> {
+    appearance?: string;
+}
+export declare const DataList: import("react").ForwardRefExoticComponent<DataListProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDListElement>>;
+export type DataListItemProps = HTMLAttributes<HTMLDivElement>;
+export declare const DataListItem: import("react").ForwardRefExoticComponent<DataListItemProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export type DataListKeyProps = HTMLAttributes<HTMLElement>;
+export declare const DataListKey: import("react").ForwardRefExoticComponent<DataListKeyProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;
+export interface DataListValueProps extends HTMLAttributes<HTMLElement> {
+    value?: number | string;
+    emptyDescription?: string;
+    multiline?: boolean;
+    notranslate?: boolean;
+}
+export declare const DataListValue: import("react").ForwardRefExoticComponent<DataListValueProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;
+export type DataListActionsProps = HTMLAttributes<HTMLElement>;
+export declare const DataListActions: import("react").ForwardRefExoticComponent<DataListActionsProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/Document.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export type DocumentProps = HTMLAttributes<HTMLDivElement>;
+export declare const Document: import("react").ForwardRefExoticComponent<DocumentProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Emphasis.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export type EmphasisProps = HTMLAttributes<HTMLElement>;
+export declare const Emphasis: import("react").ForwardRefExoticComponent<EmphasisProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/Fieldset.d.ts

@@ -0,0 +1,19 @@
+import { FieldsetHTMLAttributes, HTMLAttributes } from 'react';
+export interface FieldsetProps extends HTMLAttributes<HTMLDivElement> {
+    'aria-describedby'?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    disabled?: boolean;
+    form?: string;
+    invalid?: boolean;
+    name?: string;
+}
+export declare const Fieldset: import("react").ForwardRefExoticComponent<FieldsetProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export interface FieldsetOnlyProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
+    invalid?: boolean;
+}
+export declare const FieldsetOnly: import("react").ForwardRefExoticComponent<FieldsetOnlyProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLFieldSetElement>>;

package/dist/FieldsetLegend.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+export type FieldsetLegendProps = HTMLAttributes<HTMLLegendElement>;
+export declare const FieldsetLegend: import("react").ForwardRefExoticComponent<FieldsetLegendProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLLegendElement>>;

package/dist/Figure.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+export type FigureProps = HTMLAttributes<HTMLElement>;
+export declare const Figure: import("react").ForwardRefExoticComponent<FigureProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/FigureCaption.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+export type FigureCaptionProps = HTMLAttributes<HTMLElement>;
+export declare const FigureCaption: import("react").ForwardRefExoticComponent<FigureCaptionProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/FormField.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
+    invalid?: boolean;
+    type?: string;
+}
+export declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/{cjs/FormFieldDescription.d.ts → FormFieldDescription.d.ts}

@@ -1,7 +1,9 @@
-import { HTMLAttributes } from 'react';
-export interface FormFieldDescriptionProps extends HTMLAttributes<HTMLDivElement> {
-    invalid?: boolean;
-    valid?: boolean;
-    warning?: boolean;
-}
-export declare const FormFieldDescription: import("react").ForwardRefExoticComponent<FormFieldDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
+import { HTMLAttributes } from 'react';
+export interface FormFieldDescriptionProps extends HTMLAttributes<HTMLDivElement> {
+    invalid?: boolean;
+    valid?: boolean;
+    warning?: boolean;
+}
+export declare const FormFieldDescription: import("react").ForwardRefExoticComponent<FormFieldDescriptionProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/{cjs/FormLabel.d.ts → FormLabel.d.ts}

@@ -1,8 +1,9 @@
-import { LabelHTMLAttributes } from 'react';
-export interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
-    htmlFor: string;
-    type?: 'checkbox' | 'radio';
-    disabled?: boolean;
-    checked?: boolean;
-}
-export declare const FormLabel: import("react").ForwardRefExoticComponent<FormLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+import { LabelHTMLAttributes } from 'react';
+export interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    type?: 'checkbox' | 'radio';
+    disabled?: boolean;
+    checked?: boolean;
+}
+export declare const FormLabel: import("react").ForwardRefExoticComponent<FormLabelProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/HTMLContent.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export type HTMLContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const HTMLContent: import("react").ForwardRefExoticComponent<HTMLContentProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Heading.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
+    appearance?: string;
+    level: number;
+}
+export declare const Heading: import("react").ForwardRefExoticComponent<HeadingProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLHeadingElement>>;