@digdir/designsystemet-react 1.0.0-next.35 → 1.0.0-next.37

package/dist/types/components/form/Select/index.d.ts

@@ -1,11 +1,290 @@
-import { Select as SelectParent } from './Select';
 import { SelectOptgroup } from './SelectOptgroup';
 import { SelectOption } from './SelectOption';
-type SelectComponent = typeof SelectParent & {
-    Option: typeof SelectOption;
-    Optgroup: typeof SelectOptgroup;
+declare const Select: React.ForwardRefExoticComponent<{
+    defaultValue?: string | number | readonly string[] | undefined;
+    onBlur?: React.FocusEventHandler<HTMLSelectElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLSelectElement> | undefined;
+    children?: React.ReactNode | undefined;
+    defaultChecked?: boolean | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: React.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    popovertarget?: string | undefined;
+    'data-size'?: "sm" | "md" | "lg" | undefined;
+    'data-color'?: (import("../../../colors").Color | (string & {})) | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLSelectElement> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLSelectElement> | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLSelectElement> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLSelectElement> | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLSelectElement> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLSelectElement> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLSelectElement> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLSelectElement> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLSelectElement> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLSelectElement> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLSelectElement> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLSelectElement> | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLSelectElement> | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLSelectElement> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLSelectElement> | undefined;
+    onChangeCapture?: React.FormEventHandler<HTMLSelectElement> | undefined;
+    onBeforeInput?: React.FormEventHandler<HTMLSelectElement> | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<HTMLSelectElement> | undefined;
+    onInput?: React.FormEventHandler<HTMLSelectElement> | undefined;
+    onInputCapture?: React.FormEventHandler<HTMLSelectElement> | undefined;
+    onReset?: React.FormEventHandler<HTMLSelectElement> | undefined;
+    onResetCapture?: React.FormEventHandler<HTMLSelectElement> | undefined;
+    onSubmit?: React.FormEventHandler<HTMLSelectElement> | undefined;
+    onSubmitCapture?: React.FormEventHandler<HTMLSelectElement> | undefined;
+    onInvalid?: React.FormEventHandler<HTMLSelectElement> | undefined;
+    onInvalidCapture?: React.FormEventHandler<HTMLSelectElement> | undefined;
+    onLoad?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onError?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLSelectElement> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLSelectElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLSelectElement> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLSelectElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLSelectElement> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLSelectElement> | undefined;
+    onAbort?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onEnded?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onPause?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onPlay?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onProgress?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onResize?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onResizeCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onStalled?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onDrag?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onDragEnd?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onDragExit?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onDragStart?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onDrop?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLSelectElement> | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLSelectElement> | undefined;
+    onSelect?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLSelectElement> | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLSelectElement> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLSelectElement> | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLSelectElement> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLSelectElement> | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLSelectElement> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLSelectElement> | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLSelectElement> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLSelectElement> | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLSelectElement> | undefined;
+    onScroll?: React.UIEventHandler<HTMLSelectElement> | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLSelectElement> | undefined;
+    onWheel?: React.WheelEventHandler<HTMLSelectElement> | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLSelectElement> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<HTMLSelectElement> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLSelectElement> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLSelectElement> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLSelectElement> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLSelectElement> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLSelectElement> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLSelectElement> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLSelectElement> | undefined;
+    value?: string | readonly string[] | number | undefined;
+    form?: string | undefined;
+    name?: string | undefined;
+    disabled?: boolean | undefined;
+    autoComplete?: string | undefined;
+    required?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    size?: number | undefined;
+} & React.RefAttributes<HTMLSelectElement>> & {
+    Option: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & React.OptionHTMLAttributes<HTMLOptionElement> & React.RefAttributes<HTMLOptionElement>>;
+    Optgroup: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & React.OptgroupHTMLAttributes<HTMLOptGroupElement> & React.RefAttributes<HTMLOptGroupElement>>;
 };
-declare const Select: SelectComponent;
 export type { SelectProps } from './Select';
 export type { SelectOptionProps } from './SelectOption';
 export type { SelectOptgroupProps } from './SelectOptgroup';

package/dist/types/components/form/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,KAAK,eAAe,GAAG,OAAO,YAAY,GAAG;IAC3C,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,QAAQ,EAAE,OAAO,cAAc,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,MAAM,EAAmB,eAAe,CAAC;AAQ/C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Select/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGV,CAAC;AAKH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/types/components/form/Switch/Switch.d.ts

@@ -1,23 +1,48 @@
 import type { InputHTMLAttributes, ReactNode } from 'react';
-import type { FormFieldProps } from '../useFormField';
-export type SwitchProps = {
-    /** Switch label */
-    children?: ReactNode;
+import type { Color } from '../../../colors';
+import type { DefaultProps } from '../../../types';
+import type { MergeRight } from '../../../utilities';
+import { type FieldProps } from '../Field';
+import { type InputProps } from '../Input';
+export type SwitchProps = MergeRight<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, {
+    /** Optional aria-label */
+    'aria-label'?: string;
+    /** Radio label */
+    label?: ReactNode;
+    /** Description for field */
+    description?: ReactNode;
     /** Value of the `input` element */
-    value?: string;
-    /** Position of switch around the label
-     * @default left
+    value?: InputProps['value'];
+    /** Position of switch
+     * @default start
      */
-    position?: 'left' | 'right';
-} & Omit<FormFieldProps, 'error' | 'errorId' | 'id'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value'>;
-export declare const Switch: React.ForwardRefExoticComponent<{
-    /** Switch label */
-    children?: ReactNode;
-    /** Value of the `input` element */
-    value?: string;
-    /** Position of switch around the label
-     * @default left
+    position?: FieldProps['position'];
+    /**
+     * Changes field size and paddings
+     */
+    'data-size'?: 'sm' | 'md' | 'lg';
+    /**
+     * Specify which color palette to use. If left unspecified, the color is inherited
+     * from the nearest ancestor with data-color.
      */
-    position?: "left" | "right";
-} & Omit<FormFieldProps, "id" | "error" | "errorId"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value"> & React.RefAttributes<HTMLInputElement>>;
+    'data-color'?: Color;
+} & ({
+    'aria-label': string;
+    'aria-labelledby'?: never;
+    label?: never;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+    label: ReactNode;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby': string;
+    label?: never;
+})>;
+/**
+ * Switch used to toggle options.
+ * @example
+ * <Switch label="I agree" value="agree" />
+ */
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Switch.d.ts.map

package/dist/types/components/form/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAItD,MAAM,MAAM,WAAW,GAAG;IACxB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC,GAClD,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;AAEhE,eAAO,MAAM,MAAM;IAXjB,mBAAmB;eACR,SAAS;IACpB,mCAAmC;YAC3B,MAAM;IACd;;OAEG;eACQ,MAAM,GAAG,OAAO;6JA0E5B,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAClE;IACE,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mCAAmC;IACnC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAClC;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,GAAG,CACA;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAClE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GACrE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CACrE,CACF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,MAAM,sFAyBjB,CAAC"}

package/dist/types/components/form/Switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/types/components/form/Textarea/Textarea.d.ts

@@ -1,51 +1,12 @@
-import type { ReactNode, TextareaHTMLAttributes } from 'react';
-import type { CharacterLimitProps } from '../CharacterCounter';
-import type { FormFieldProps } from '../useFormField';
-export type TextareaProps = {
-    /** Label */
-    label?: ReactNode;
-    /** Visually hides `label` and `description` (still available for screen readers)  */
-    hideLabel?: boolean;
-    /**
-     *  The characterLimit function calculates remaining characters based on `maxCount`
-     *
-     *  Provide a `label` function that takes count as parameter and returns a message.
-     *
-     *  Use `srLabel` to describe `maxCount` for screen readers.
-     *
-     *  Defaults to Norwegian if no labels are provided.
-     */
-    characterLimit?: CharacterLimitProps;
-} & FormFieldProps & TextareaHTMLAttributes<HTMLTextAreaElement>;
+import type { TextareaHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../../types';
+export type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & Omit<DefaultProps, 'data-color'>;
 /** Textarea field
  *
  * @example
  * ```tsx
- * <Textarea label="Textarea label">
+ * <Textarea />
  * ```
  */
-export declare const Textarea: React.ForwardRefExoticComponent<{
-    /** Label */
-    label?: ReactNode;
-    /** Visually hides `label` and `description` (still available for screen readers)  */
-    hideLabel?: boolean;
-    /**
-     *  The characterLimit function calculates remaining characters based on `maxCount`
-     *
-     *  Provide a `label` function that takes count as parameter and returns a message.
-     *
-     *  Use `srLabel` to describe `maxCount` for screen readers.
-     *
-     *  Defaults to Norwegian if no labels are provided.
-     */
-    characterLimit?: CharacterLimitProps;
-} & {
-    error?: ReactNode;
-    errorId?: string;
-    disabled?: boolean;
-    description?: ReactNode;
-    id?: string;
-    readOnly?: boolean;
-    size?: "sm" | "md" | "lg";
-} & Pick<React.HTMLAttributes<HTMLElement>, "aria-describedby"> & TextareaHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & Omit<DefaultProps, "data-color"> & React.RefAttributes<HTMLTextAreaElement>>;
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/types/components/form/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Textarea/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAO/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAItD,MAAM,MAAM,aAAa,GAAG;IAC1B,YAAY;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACtC,GAAG,cAAc,GAChB,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAE9C;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ;IAxBnB,YAAY;YACJ,SAAS;IACjB,qFAAqF;gBACzE,OAAO;IACnB;;;;;;;;OAQG;qBACc,mBAAmB;;;;;;;;;yJAqHrC,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Textarea/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GACrE,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAEnC;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,4JAMpB,CAAC"}

package/dist/types/components/form/Textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Textarea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Textarea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/types/components/form/Textarea/useTextarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTextarea.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Textarea/useTextarea.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAIpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG;IAC3E,aAAa,EAAE,IAAI,CACjB,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAC1D,GACC,SAAS,CAAC,YAAY,CAAC,CAAC;CAC3B,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,WAAW,EAAE,WAgCzB,CAAC"}
+{"version":3,"file":"useTextarea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Textarea/useTextarea.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAIpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG;IAC3E,aAAa,EAAE,IAAI,CACjB,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAC1D,GACC,SAAS,CAAC,YAAY,CAAC,CAAC;CAC3B,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,WAAW,EAAE,WAgCzB,CAAC"}

package/dist/types/components/form/Textfield/Textfield.d.ts

@@ -1,73 +1,50 @@
-import type { InputHTMLAttributes, ReactNode } from 'react';
-import type { CharacterLimitProps } from '../CharacterCounter';
-import type { FormFieldProps } from '../useFormField';
-export type TextfieldProps = {
+import { type ReactNode } from 'react';
+import type { DefaultProps } from '../../../types';
+import { type FieldCounterProps } from '../Field';
+import { type InputProps } from '../Input';
+import { type TextareaProps } from '../Textarea';
+type InputProps_ = Omit<InputProps, 'prefix' | 'className' | 'style' | 'data-color'>;
+type TextareaProps_ = Omit<TextareaProps, 'prefix' | 'className' | 'style'>;
+type SharedTextfieldProps = {
+    /** Classname on the wrapper element`Field` */
+    className?: InputProps['className'];
+    /** Style on the wrapper element `Field` */
+    style?: InputProps['style'];
     /** Label */
     label?: ReactNode;
-    /** Visually hides `label` and `description` (still available for screen readers)  */
-    hideLabel?: boolean;
-    /**
-     * Changes field size and paddings
-     * @default md
-     */
-    size?: 'sm' | 'md' | 'lg';
-    /** Prefix for field. */
+    /** Description */
+    description?: ReactNode;
+    /** Prefix */
     prefix?: string;
-    /** Suffix for field. */
+    /** Suffix */
     suffix?: string;
-    /** Supported `input` types */
-    type?: 'date' | 'datetime-local' | 'email' | 'file' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
-    /**
-     *  The characterLimit function calculates remaining characters based on `maxCount`
-     *
-     *  Provide a `label` function that takes count as parameter and returns a message.
-     *
-     *  Use `srLabel` to describe `maxCount` for screen readers.
-     *
-     *  Defaults to Norwegian if no labels are provided.
-     */
-    characterLimit?: CharacterLimitProps;
-    /** Exposes the HTML `size` attribute.
-     * @default 20
+    /** Error message for field */
+    error?: ReactNode;
+    /** Uses `Field.Counter` to display a character counter
+     * Pass a number to set a limit, or an object to configure the counter
      */
-    htmlSize?: number;
-} & Omit<FormFieldProps, 'size'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
-/** Text input field
+    counter?: FieldCounterProps | number;
+} & Omit<DefaultProps, 'data-color'>;
+type TextfieldTextareaProps = {
+    /** Use to render a `Textarea` instead of `Input` for multiline support  */
+    multiline: true;
+} & TextareaProps_;
+type TextfieldInputProps = {
+    /** Use to render a `Textarea` instead of `Input` for multiline support  */
+    multiline?: never | false;
+} & InputProps_;
+export type TextfieldProps = SharedTextfieldProps & (TextfieldTextareaProps | TextfieldInputProps);
+/**
+ *  Composed text input component using `Field`
+ *
+ * `classname` & `style` are passed to the wrapper elements.
  *
+ * Rest props are passed to the `Input` or `Textarea` component.
  * @example
  * ```tsx
  * <Textfield label="Textfield label">
  * ```
  */
-export declare const Textfield: React.ForwardRefExoticComponent<{
-    /** Label */
-    label?: ReactNode;
-    /** Visually hides `label` and `description` (still available for screen readers)  */
-    hideLabel?: boolean;
-    /**
-     * Changes field size and paddings
-     * @default md
-     */
-    size?: "sm" | "md" | "lg";
-    /** Prefix for field. */
-    prefix?: string;
-    /** Suffix for field. */
-    suffix?: string;
-    /** Supported `input` types */
-    type?: "date" | "datetime-local" | "email" | "file" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
-    /**
-     *  The characterLimit function calculates remaining characters based on `maxCount`
-     *
-     *  Provide a `label` function that takes count as parameter and returns a message.
-     *
-     *  Use `srLabel` to describe `maxCount` for screen readers.
-     *
-     *  Defaults to Norwegian if no labels are provided.
-     */
-    characterLimit?: CharacterLimitProps;
-    /** Exposes the HTML `size` attribute.
-     * @default 20
-     */
-    htmlSize?: number;
-} & Omit<FormFieldProps, "size"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
+export declare const Textfield: React.ForwardRefExoticComponent<TextfieldProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export {};
 //# sourceMappingURL=Textfield.d.ts.map

package/dist/types/components/form/Textfield/Textfield.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Textfield/Textfield.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAItD,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,IAAI,CAAC,EACD,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,CAAC;IACX;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAC9B,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAEtD;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;IApDpB,YAAY;YACJ,SAAS;IACjB,qFAAqF;gBACzE,OAAO;IACnB;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB,wBAAwB;aACf,MAAM;IACf,wBAAwB;aACf,MAAM;IACf,8BAA8B;WAE1B,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM;IACV;;;;;;;;OAQG;qBACc,mBAAmB;IACpC;;OAEG;eACQ,MAAM;+HA8JlB,CAAC"}
+{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Textfield/Textfield.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,OAAO,EAIL,KAAK,iBAAiB,EAEvB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAE3D,KAAK,WAAW,GAAG,IAAI,CACrB,UAAU,EACV,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAChD,CAAC;AACF,KAAK,cAAc,GAAG,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAE5E,KAAK,oBAAoB,GAAG;IAC1B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IACpC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,YAAY;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kBAAkB;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;CACtC,GAAG,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAErC,KAAK,sBAAsB,GAAG;IAC5B,2EAA2E;IAC3E,SAAS,EAAE,IAAI,CAAC;CACjB,GAAG,cAAc,CAAC;AAEnB,KAAK,mBAAmB,GAAG;IACzB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC3B,GAAG,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAC/C,CAAC,sBAAsB,GAAG,mBAAmB,CAAC,CAAC;AAEjD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,+GAgDpB,CAAC"}

package/dist/types/components/form/Textfield/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Textfield/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Textfield/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/types/components/form/useFormField.d.ts

@@ -1,4 +1,5 @@
 import type { HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
+import type { Size } from '../../types';
 export type FormFieldProps = {
     /** Error message for form field */
     error?: ReactNode;
@@ -18,7 +19,7 @@ export type FormFieldProps = {
      * Changes field size and paddings
      * @default md
      */
-    size?: 'sm' | 'md' | 'lg';
+    size?: Size;
 } & Pick<HTMLAttributes<HTMLElement>, 'aria-describedby'>;
 export type FormField = {
     hasError: boolean;

package/dist/types/components/form/useFormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/useFormField.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5E,MAAM,MAAM,cAAc,GAAG;IAC3B,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAC,CAAC;AAE1D,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE;QACV,EAAE,EAAE,MAAM,CAAC;KACZ,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,GAAG,cAAc,GAAG,kBAAkB,CACjD,CAAC;CACH,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,YAAY,UAChB,cAAc,UACb,MAAM,KACb,SAqCF,CAAC"}
+{"version":3,"file":"useFormField.d.ts","sourceRoot":"","sources":["../../../src/components/form/useFormField.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,MAAM,cAAc,GAAG;IAC3B,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAC,CAAC;AAE1D,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE;QACV,EAAE,EAAE,MAAM,CAAC;KACZ,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,GAAG,cAAc,GAAG,kBAAkB,CACjD,CAAC;CACH,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,YAAY,UAChB,cAAc,UACb,MAAM,KACb,SAkCF,CAAC"}

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

@@ -19,12 +19,14 @@ export * from './Chip';
 export * from './Pagination';
 export * from './SkipLink';
 export * from './Tooltip';
+export * from './form/Field';
 export * from './form/Checkbox';
 export * from './form/Radio';
 export * from './form/Fieldset';
 export * from './form/Switch';
 export * from './form/Textfield';
 export * from './form/Textarea';
+export * from './form/Input';
 export * from './Tabs';
 export * from './ToggleGroup';
 export * from './Popover';