@digdir/designsystemet-react 1.20.0 → 1.20.1

package/dist/types/components/dropdown/index.d.ts

@@ -1,126 +0,0 @@
-import { Dropdown as DropdownRoot } from './dropdown';
-import { DropdownButton } from './dropdown-button';
-import { DropdownHeading } from './dropdown-heading';
-import { DropdownItem } from './dropdown-item';
-import { DropdownList } from './dropdown-list';
-import { DropdownTrigger } from './dropdown-trigger';
-import { DropdownTriggerContext } from './dropdown-trigger-context';
-type Dropdown = typeof DropdownRoot & {
-    /**
-     * Dropdown.TriggerContext enables use of the `.Trigger` for the Dropdown component.
-     *
-     * @example
-     * <Dropdown.TriggerContext>
-     *  <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
-     *  <Dropdown>
-     *   <Dropdown.Heading>Heading</Dropdown.Heading>
-     *    <Dropdown.List>
-     *      <Dropdown.Item>
-     *        <Dropdown.Button>Button</Dropdown.Button>
-     *      </Dropdown.Item>
-     *    </Dropdown.List>
-     *  </Dropdown>
-     * </Dropdown.TriggerContext>
-     */
-    TriggerContext: typeof DropdownTriggerContext;
-    /**
-     * Dropdown.Trigger component, used within a Dropdown.TriggerContext to open a Dropdown.
-     *
-     * @example
-     * <Dropdown.TriggerContext>
-     *  <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
-     *  <Dropdown>
-     *   <Dropdown.Heading>Heading</Dropdown.Heading>
-     *    <Dropdown.List>
-     *      <Dropdown.Item>
-     *        <Dropdown.Button>Button</Dropdown.Button>
-     *      </Dropdown.Item>
-     *    </Dropdown.List>
-     *  </Dropdown>
-     * </Dropdown.TriggerContext>
-     */
-    Trigger: typeof DropdownTrigger;
-    /**
-     * Dropdown.Heading component, used to display a heading in the Dropdown.
-     *
-     * @example
-     * <Dropdown>
-     *  <Dropdown.Heading>Heading</Dropdown.Heading>
-     * </Dropdown>
-     */
-    Heading: typeof DropdownHeading;
-    /**
-     * Dropdown.List component, used to display a list of items in the Dropdown.
-     *
-     * @example
-     * <Dropdown>
-     *  <Dropdown.List>
-     *    <Dropdown.Item>
-     *      <Dropdown.Button>Button</Dropdown.Button>
-     *    </Dropdown.Item>
-     *  </Dropdown.List>
-     * </Dropdown>
-     */
-    List: typeof DropdownList;
-    /**
-     * Dropdown.Item component, used to display an item in the Dropdown. Used within a Dropdown.List.
-     *
-     * @example
-     * <Dropdown>
-     *  <Dropdown.List>
-     *    <Dropdown.Item>
-     *      <Dropdown.Button>Button</Dropdown.Button>
-     *    </Dropdown.Item>
-     *  </Dropdown.List>
-     * </Dropdown>
-     */
-    Item: typeof DropdownItem;
-    /**
-     * Dropdown.Button component, used to display a button in the Dropdown.Item.
-     *
-     * @example
-     * <Dropdown>
-     *  <Dropdown.List>
-     *    <Dropdown.Item>
-     *      <Dropdown.Button>Button</Dropdown.Button>
-     *    </Dropdown.Item>
-     *  </Dropdown.List>
-     * </Dropdown>
-     */
-    Button: typeof DropdownButton;
-};
-/**
- * Dropdown component, used to display a list of options.
- *
- * @example with TriggerContext
- * <Dropdown.TriggerContext>
- *   <Dropdown.Trigger>Dropdown trigger</Dropdown.Trigger>
- *   <Dropdown placement='bottom-end'>
- *     <Dropdown.Heading>Dropdown</Dropdown.Heading>
- *     <Dropdown.List>
- *       <Dropdown.Item>
- *         <Dropdown.Button>Option</Dropdown.Button>
- *       </Dropdown.Item>
- *     </Dropdown.List>
- *   </Dropdown>
- * </Dropdown.TriggerContext>
- *
- * @example without TriggerContext
- * <Button popovertarget="my-dropdown">Trigger</Button>
- * <Dropdown id="my-dropdown">
- *   <Dropdown.Heading>Heading</Dropdown.Heading>
- *   <Dropdown.List>
- *     <Dropdown.Item>
- *       <Dropdown.Button>Item</Dropdown.Button>
- *     </Dropdown.Item>
- *   </Dropdown.List>
- * </Dropdown>
- */
-declare const DropdownComponent: Dropdown;
-export type { DropdownProps } from './dropdown';
-export type { DropdownButtonProps } from './dropdown-button';
-export type { DropdownHeadingProps } from './dropdown-heading';
-export type { DropdownItemProps } from './dropdown-item';
-export type { DropdownListProps } from './dropdown-list';
-export type { DropdownTriggerContextProps } from './dropdown-trigger-context';
-export { DropdownButton, DropdownComponent as Dropdown, DropdownHeading, DropdownItem, DropdownList, DropdownTrigger, DropdownTriggerContext, };

package/dist/types/components/error-summary/error-summary-heading.d.ts

@@ -1,15 +0,0 @@
-import { type HeadingProps } from '../heading/heading';
-export type ErrorSummaryHeadingProps = HeadingProps;
-/**
- * ErrorSummary heading component, used to display a heading for the error summary.
- *
- * @example
- * <ErrorSummary>
- *   <ErrorSummaryHeading>Heading</ErrorSummaryHeading>
- * </ErrorSummary>
- */
-export declare const ErrorSummaryHeading: import("react").ForwardRefExoticComponent<{
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-    asChild?: boolean;
-} & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/types/components/error-summary/error-summary-item.d.ts

@@ -1,15 +0,0 @@
-import { type ListItemProps } from '../list';
-export type ErrorSummaryItemProps = ListItemProps;
-/**
- * ErrorSummaryItem component, used to display an error link in the ErrorSummary.
- *
- * @example
- * <ErrorSummaryItem>
- *  <ErrorSummaryLink href="#">
- *    Link to error
- *  </ErrorSummaryLink>
- * </ErrorSummaryItem>
- */
-export declare const ErrorSummaryItem: import("react").ForwardRefExoticComponent<{
-    asChild?: boolean;
-} & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;

package/dist/types/components/error-summary/error-summary-link.d.ts

@@ -1,16 +0,0 @@
-import { type LinkProps } from '../link/link';
-export type ErrorSummaryLinkProps = LinkProps;
-/**
- * ErrorSummary link component, used to link to a specific error. Used within an ErrorSummary.Item.
- *
- * @example
- * <ErrorSummary>
- *   <ErrorSummaryItem>
- *     <ErrorSummaryLink href='#'>Error 1</ErrorSummaryLink>
- *   </ErrorSummaryItem>
- * </ErrorSummary>
- */
-export declare const ErrorSummaryLink: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
-    children: import("react").ReactNode;
-    asChild?: boolean;
-} & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/types/components/error-summary/error-summary-list.d.ts

@@ -1,20 +0,0 @@
-import { type ListUnorderedProps } from '../list';
-export type ErrorSummaryListProps = ListUnorderedProps;
-/**
- * ErrorSummary list component, used to display a list of errors.
- *
- * @example
- * <ErrorSummary>
- *   <ErrorSummary.List>
- *     <ErrorSummary.Item>
- *       <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
- *     </ErrorSummary.Item>
- *     <ErrorSummary.Item>
- *       <ErrorSummary.Link href='#'>Error 2</ErrorSummary.Link>
- *     </ErrorSummary.Item>
- *   </ErrorSummary.List>
- * </ErrorSummary>
- */
-export declare const ErrorSummaryList: import("react").ForwardRefExoticComponent<{
-    asChild?: boolean;
-} & import("../..").DefaultProps & Omit<import("react").HTMLAttributes<HTMLUListElement>, "size"> & import("react").RefAttributes<HTMLOListElement>>;

package/dist/types/components/error-summary/index.d.ts

@@ -1,77 +0,0 @@
-import { ErrorSummary as ErrorSummaryParent } from './error-summary';
-import { ErrorSummaryHeading } from './error-summary-heading';
-import { ErrorSummaryItem } from './error-summary-item';
-import { ErrorSummaryLink } from './error-summary-link';
-import { ErrorSummaryList } from './error-summary-list';
-type ErrorSummary = typeof ErrorSummaryParent & {
-    /**
-     * ErrorSummary heading component, used to display a heading for the error summary.
-     *
-     * @example
-     * <ErrorSummary>
-     *   <ErrorSummary.Heading>Heading</ErrorSummary.Heading>
-     * </ErrorSummary>
-     */
-    Heading: typeof ErrorSummaryHeading;
-    /**
-     * ErrorSummary.Item component, used to display an error link in the ErrorSummary.
-     *
-     * @example
-     * <ErrorSummary.Item>
-     *  <ErrorSummary.Link href="#">
-     *    Link to error
-     *  </ErrorSummary.Link>
-     * </ErrorSummary.Item>
-     */
-    Item: typeof ErrorSummaryItem;
-    /**
-     * ErrorSummary link component, used to link to a specific error. Used within an ErrorSummary.Item.
-     *
-     * @example
-     * <ErrorSummary>
-     *   <ErrorSummary.Item>
-     *     <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
-     *   </ErrorSummary.Item>
-     * </ErrorSummary>
-     */
-    Link: typeof ErrorSummaryLink;
-    /**
-     * ErrorSummary list component, used to display a list of errors.
-     *
-     * @example
-     * <ErrorSummary>
-     *   <ErrorSummary.List>
-     *     <ErrorSummary.Item>
-     *       <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
-     *     </ErrorSummary.Item>
-     *     <ErrorSummary.Item>
-     *       <ErrorSummary.Link href='#'>Error 2</ErrorSummary.Link>
-     *     </ErrorSummary.Item>
-     *   </ErrorSummary.List>
-     * </ErrorSummary>
-     */
-    List: typeof ErrorSummaryList;
-};
-/**
- * ErrorSummary component, used to display a list of errors.
- *
- * @example
- * <ErrorSummary>
- *   <ErrorSummary.Heading>Heading</ErrorSummary.Heading>
- *   <ErrorSummary.List>
- *     <ErrorSummary.Item>
- *       <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
- *     </ErrorSummary.Item>
- *     <ErrorSummary.Item>
- *       <ErrorSummary.Link href='#'>Error 2</ErrorSummary.Link>
- *     </ErrorSummary.Item>
- *   </ErrorSummary.List>
- * </ErrorSummary>
- */
-declare const ErrorSummaryComponent: ErrorSummary;
-export type { ErrorSummaryProps } from './error-summary';
-export type { ErrorSummaryHeadingProps } from './error-summary-heading';
-export type { ErrorSummaryItemProps } from './error-summary-item';
-export type { ErrorSummaryLinkProps } from './error-summary-link';
-export type { ErrorSummaryListProps } from './error-summary-list';
-export { ErrorSummaryComponent as ErrorSummary, ErrorSummaryHeading, ErrorSummaryItem, ErrorSummaryLink, ErrorSummaryList, };

package/dist/types/components/field/field-affix.d.ts

@@ -1,26 +0,0 @@
-import type { HTMLAttributes } from 'react';
-export type FieldAffixesProps = Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>;
-/**
- * FieldAffixes component, used to wrap a form field.
- *
- * @example
- * <Field.Affixes>
- *   <Field.Affix>NOK</Field.Affix>
- *   <Input />
- *   <Field.Affix>pr. mnd.</Field.Affix>
- * </Field.Affixes>
- */
-export declare const FieldAffixes: import("react").ForwardRefExoticComponent<FieldAffixesProps & import("react").RefAttributes<HTMLDivElement>>;
-export type FieldAffixProps = Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>;
-/**
- * FieldAffix component, used to wrap a form field.
- * Use together with Field.Affixes.
- *
- * @example
- * <Field.Affixes>
- *   <Field.Affix>NOK</Field.Affix>
- *   <Input />
- *   <Field.Affix>pr. mnd.</Field.Affix>
- * </Field.Affixes>
- */
-export declare const FieldAffix: import("react").ForwardRefExoticComponent<FieldAffixProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/types/components/field/field-counter.d.ts

@@ -1,64 +0,0 @@
-import { type ValidationMessageProps } from '../validation-message/validation-message';
-export type FieldCounterProps = {
-    /**
-     * Label template for when `maxCount` is exceeded.
-     * Use `%d` to insert the number of characters.
-     *
-     * @default '%d tegn for mye'
-     */
-    over?: string;
-    /**
-     * Label template for count.
-     * Use `%d` to insert the number of characters.
-     *
-     * @default '%d tegn igjen'
-     */
-    under?: string;
-    /**
-     * @deprecated The hint attribute is deprecated.
-     */
-    hint?: string;
-    /**
-     * The maximum allowed characters.
-     *
-     * @default undefined
-     **/
-    limit: number;
-} & ValidationMessageProps;
-/**
- * FieldCounter component, used to display a counter for a form field.
- *
- * @example
- * <Field>
- *   <Input />
- *   <Field.Counter limit={100} under='%d tegn igjen' over='%d tegn for mye' />
- * </Field>
- */
-export declare const FieldCounter: import("react").ForwardRefExoticComponent<{
-    /**
-     * Label template for when `maxCount` is exceeded.
-     * Use `%d` to insert the number of characters.
-     *
-     * @default '%d tegn for mye'
-     */
-    over?: string;
-    /**
-     * Label template for count.
-     * Use `%d` to insert the number of characters.
-     *
-     * @default '%d tegn igjen'
-     */
-    under?: string;
-    /**
-     * @deprecated The hint attribute is deprecated.
-     */
-    hint?: string;
-    /**
-     * The maximum allowed characters.
-     *
-     * @default undefined
-     **/
-    limit: number;
-} & Omit<import("../..").DefaultProps & import("react").HTMLAttributes<HTMLParagraphElement>, "asChild"> & {
-    asChild?: boolean;
-} & import("react").RefAttributes<HTMLParagraphElement>>;

package/dist/types/components/field/field-description.d.ts

@@ -1,9 +0,0 @@
-import type { HTMLAttributes } from 'react';
-export type FieldDescriptionProps = HTMLAttributes<HTMLDivElement>;
-/**
- * Field description component, used to provide additional information below the input.
- *
- * @example
- * <FieldDescription>Additional information</FieldDescription>
- */
-export declare const FieldDescription: import("react").ForwardRefExoticComponent<FieldDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/field/field.d.ts

@@ -1,41 +0,0 @@
-import type { DSFieldElement } from '@digdir/designsystemet-web';
-import '@digdir/designsystemet-web';
-import type { HTMLAttributes } from 'react';
-import type { DefaultProps } from '../../types';
-export type FieldProps = {
-    /**
-     * Position of toggle inputs (radio, checkbox, switch) in field
-     * @default start
-     */
-    position?: 'start' | 'end';
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     * @deprecated This is not supported anymore, as the element needs to be `ds-field`
-     */
-    asChild?: boolean;
-} & HTMLAttributes<DSFieldElement> & DefaultProps;
-/**
- * Field component, used to wrap a form field.
- *
- * @example
- * <Field>
- *   <Label>Kort beskrivelse</Label>
- *   <Field.Description>Beskrivelse</Field.Description>
- *   <Input />
- *   <ValidationMessage>Feilmelding</ValidationMessage>
- * </Field>
- */
-export declare const Field: import("react").ForwardRefExoticComponent<{
-    /**
-     * Position of toggle inputs (radio, checkbox, switch) in field
-     * @default start
-     */
-    position?: "start" | "end";
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     * @deprecated This is not supported anymore, as the element needs to be `ds-field`
-     */
-    asChild?: boolean;
-} & HTMLAttributes<DSFieldElement> & DefaultProps & import("react").RefAttributes<DSFieldElement>>;

package/dist/types/components/field/index.d.ts

@@ -1,63 +0,0 @@
-import { Field as FieldParent } from './field';
-import { FieldAffix, FieldAffixes } from './field-affix';
-import { FieldCounter } from './field-counter';
-import { FieldDescription } from './field-description';
-type Field = typeof FieldParent & {
-    /**
-     * Field description component, used to provide additional information below the input.
-     *
-     * @example
-     * <Field.Description>Additional information</Field.Description>
-     */
-    Description: typeof FieldDescription;
-    /**
-     * Field affixes component, used to display affixes like currency or unit.
-     *
-     * @example
-     * <Field.Affixes>
-     *   <Field.Affix>NOK</Field.Affix>
-     *   <Input />
-     *   <Field.Affix>pr. mnd.</Field.Affix>
-     * </Field.Affixes>
-     */
-    Affixes: typeof FieldAffixes;
-    /**
-     * Field Affix component, used to wrap a form field.
-     * Used within Field.Affixes.
-     *
-     * @example
-     * <Field.Affixes>
-     *   <Field.Affix>NOK</Field.Affix>
-     *   <Input />
-     *   <Field.Affix>pr. mnd.</Field.Affix>
-     * </Field.Affixes>
-     */
-    Affix: typeof FieldAffix;
-    /**
-     * Field counter component, used to display a character counter for the field.
-     *
-     * @example
-     * <Field>
-     *   <Input />
-     *   <Field.Counter limit={100} under='%d tegn igjen' over='%d tegn for mye' />
-     * </Field>
-     */
-    Counter: typeof FieldCounter;
-};
-/**
- * Field component, used to wrap a form field.
- *
- * @example
- * <Field>
- *   <Label>Kort beskrivelse</Label>
- *   <Field.Description>Beskrivelse</Field.Description>
- *   <Input />
- *   <ValidationMessage>Feilmelding</ValidationMessage>
- * </Field>
- */
-declare const FieldComponent: Field;
-export type { FieldProps } from './field';
-export type { FieldAffixesProps, FieldAffixProps, } from './field-affix';
-export type { FieldCounterProps } from './field-counter';
-export type { FieldDescriptionProps } from './field-description';
-export { FieldAffix, FieldAffixes, FieldComponent as Field, FieldCounter, FieldDescription, };

package/dist/types/components/fieldset/fieldset-description.d.ts

@@ -1,15 +0,0 @@
-import { type ParagraphProps } from '../paragraph/paragraph';
-export type FieldsetDescriptionProps = ParagraphProps;
-/**
- * FieldsetDescription component, used to display a description for a fieldset.
- *
- * @example
- * <FieldsetDescription>
- *   Gi en kort beskrivelse i begge feltene
- * </FieldsetDescription>
- */
-export declare const FieldsetDescription: import("react").ForwardRefExoticComponent<{
-    'data-size'?: "xs" | "sm" | "md" | "lg" | "xl";
-    variant?: "long" | "default" | "short";
-    asChild?: boolean;
-} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLLegendElement>>;

package/dist/types/components/fieldset/fieldset-legend.d.ts

@@ -1,10 +0,0 @@
-import { type HTMLAttributes } from 'react';
-import type { DefaultProps } from '../../types';
-export type FieldsetLegendProps = HTMLAttributes<HTMLLegendElement> & DefaultProps;
-/**
- * FieldsetLegend component, used to display a legend for a fieldset.
- *
- * @example
- * <FieldsetLegend>Skriv inn dine svar</FieldsetLegend>
- */
-export declare const FieldsetLegend: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLegendElement> & DefaultProps & import("react").RefAttributes<HTMLLegendElement>>;

package/dist/types/components/fieldset/fieldset.d.ts

@@ -1,19 +0,0 @@
-import type { FieldsetHTMLAttributes } from 'react';
-import type { DefaultProps } from '../../types';
-export type FieldsetProps = DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement>;
-/**
- * Fieldset component, used to wrap a form field. Uses native `fieldset` element.
- *
- * @example
- * <Fieldset>
- *   <Fieldset.Legend>Skriv inn dine svar</Fieldset.Legend>
- *   <Fieldset.Description>
- *     Gi en kort beskrivelse i begge feltene
- *   </Fieldset.Description>
- *   <Field>
- *     <Label>Kort beskrivelse</Label>
- *     <Input />
- *   </Field>
- * </Fieldset>
- */
-export declare const Fieldset: import("react").ForwardRefExoticComponent<DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement> & import("react").RefAttributes<HTMLFieldSetElement>>;

package/dist/types/components/fieldset/index.d.ts

@@ -1,41 +0,0 @@
-import { Fieldset as FieldsetParent } from './fieldset';
-import { FieldsetDescription } from './fieldset-description';
-import { FieldsetLegend } from './fieldset-legend';
-type Fieldset = typeof FieldsetParent & {
-    /**
-     * Fieldset.Legend component, used to display a legend for a fieldset.
-     *
-     * @example
-     * <Fieldset.Legend>Skriv inn dine svar</Fieldset.Legend>
-     */
-    Legend: typeof FieldsetLegend;
-    /**
-     * Fieldset.Description component, used to display a description for a fieldset.
-     *
-     * @example
-     * <Fieldset.Description>
-     *   Gi en kort beskrivelse i begge feltene
-     * </Fieldset.Description>
-     */
-    Description: typeof FieldsetDescription;
-};
-/**
- * Fieldset component, used to wrap a form field.
- *
- * @example
- * <Fieldset>
- *   <Fieldset.Legend>Skriv inn dine svar</Fieldset.Legend>
- *   <Fieldset.Description>
- *     Gi en kort beskrivelse i begge feltene
- *   </Fieldset.Description>
- *   <Field>
- *     <Label>Kort beskrivelse</Label>
- *     <Input />
- *   </Field>
- * </Fieldset>
- */
-declare const FieldsetComponent: Fieldset;
-export type { FieldsetProps } from './fieldset';
-export type { FieldsetDescriptionProps } from './fieldset-description';
-export type { FieldsetLegendProps } from './fieldset-legend';
-export { FieldsetComponent as Fieldset, FieldsetDescription, FieldsetLegend };

package/dist/types/components/heading/heading.d.ts

@@ -1,39 +0,0 @@
-import type { HTMLAttributes } from 'react';
-export type HeadingProps = {
-    /**
-     * Heading level. This will translate into any h1-6 level unless `asChild` is `true`
-     * @default 2
-     */
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    /**
-     * Changes text sizing
-     */
-    'data-size'?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     */
-    asChild?: boolean;
-} & HTMLAttributes<HTMLHeadingElement>;
-/**
- * Use `Heading` to render h1-6 elements with heading text styles.
- *
- * @example
- * <Heading data-size='lg' level={2}>Heading</Heading>
- */
-export declare const Heading: import("react").ForwardRefExoticComponent<{
-    /**
-     * Heading level. This will translate into any h1-6 level unless `asChild` is `true`
-     * @default 2
-     */
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    /**
-     * Changes text sizing
-     */
-    'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     */
-    asChild?: boolean;
-} & HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;