@digdir/designsystemet-react 0.0.0-test-20250717083941 → 0.0.0-use-tsdown-react-package-20260818104628

package/dist/esm/components/tooltip/tooltip.js

@@ -1,150 +1,36 @@
 'use client';
-import { jsxs, Fragment as Fragment$1, jsx } from 'react/jsx-runtime';
-import { autoUpdate, computePosition, offset, flip, shift } from '@floating-ui/dom';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef, useId, useState, useRef, useEffect, Fragment, version } from 'react';
-import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-refs.js';
-
+import "@digdir/designsystemet-web";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+//#region src/components/tooltip/tooltip.tsx
 /**
- * Tooltip component that displays a small piece of information when hovering or focusing on an element.
- *
- * @example
- * <Tooltip content='This is a tooltip'>
- *  <button>Hover me</button>
- * </Tooltip>
- *
- * @example
- * <Tooltip content='This is a tooltip'>
- *  Hover me
- * </Tooltip>
- */
-const Tooltip = forwardRef(function Tooltip({ id, children, content, placement = 'top', autoPlacement = true, open, className, ...rest }, ref) {
-    const randomTooltipId = useId();
-    const [internalOpen, setInternalOpen] = useState(false);
-    const triggerRef = useRef(null);
-    const tooltipRef = useRef(null);
-    const mergedRefs = useMergeRefs([tooltipRef, ref]);
-    const controlledOpen = open ?? internalOpen;
-    const setOpen = () => {
-        setInternalOpen(true);
-    };
-    const setClose = () => {
-        setInternalOpen(false);
-    };
-    // Position with floating-ui
-    useEffect(() => {
-        const tooltip = tooltipRef.current;
-        const trigger = triggerRef.current;
-        tooltip?.togglePopover?.(controlledOpen);
-        if (tooltip)
-            tooltip.style.opacity = controlledOpen ? '1' : '0';
-        if (tooltip && trigger && controlledOpen) {
-            return autoUpdate(trigger, tooltip, () => {
-                computePosition(trigger, tooltip, {
-                    placement,
-                    strategy: 'fixed',
-                    middleware: [
-                        offset((data) => {
-                            // get pseudo element arrow size
-                            const styles = getComputedStyle(data.elements.floating, '::before');
-                            return parseFloat(styles.height);
-                        }),
-                        ...(autoPlacement
-                            ? [flip({ fallbackAxisSideDirection: 'start' }), shift()]
-                            : []),
-                        shift(),
-                        arrowPseudoElement,
-                        safeAreaElement,
-                    ],
-                }).then(({ x, y }) => {
-                    tooltip.style.translate = `${x}px ${y}px`;
-                });
-            });
-        }
-    }, [controlledOpen, placement]);
-    /* Add listener for ESC to dismiss */
-    useEffect(() => {
-        const handleKeyDown = (event) => {
-            if (event.key === 'Escape') {
-                setInternalOpen(false);
-            }
-        };
-        window.addEventListener('keydown', handleKeyDown);
-        return () => {
-            window.removeEventListener('keydown', handleKeyDown);
-        };
-    }, []);
-    /* If children is only a string, make a span */
-    const ChildContainer = typeof children === 'string' ? 'span' : Slot;
-    /* Make sure it is valid */
-    if (typeof children !== 'string' && children.type === Fragment) {
-        console.error('<Tooltip> children needs to be a single ReactElement that can receive a ref and not: <Fragment/> | <></>');
-        return null;
-    }
-    const popoverProps = {
-        [version.startsWith('19') ? 'popoverTarget' : 'popovertarget']: id ?? randomTooltipId,
-        [version.startsWith('19')
-            ? 'popoverTargetAction'
-            : 'popovertargetaction']: 'show',
-    };
-    return (jsxs(Fragment$1, { children: [jsx(ChildContainer, { ref: triggerRef, ...popoverProps, onMouseEnter: setOpen, onMouseLeave: setClose, onFocus: setOpen, onBlur: setClose, children: children }), jsx("span", { onMouseEnter: setOpen, onMouseLeave: setClose, ref: mergedRefs, role: 'tooltip', className: cl('ds-tooltip', className), id: id ?? randomTooltipId, popover: 'manual', ...rest, children: content })] }));
+* Tooltip component that displays a small piece of information when hovering or focusing on an element.
+*
+* @example
+* <Tooltip content='This is a tooltip'>
+*  <button>Hover me</button>
+* </Tooltip>
+*
+* @example
+* <Tooltip content='This is a tooltip'>
+*  Hover me
+* </Tooltip>
+*/
+const Tooltip = forwardRef(function Tooltip({ content, placement = "top", autoPlacement = true, ...rest }, ref) {
+	const isString = typeof rest.children === "string";
+	return /* @__PURE__ */ jsx(Slot, {
+		"data-tooltip": content,
+		"data-placement": placement,
+		"data-autoplacement": autoPlacement,
+		suppressHydrationWarning: true,
+		ref,
+		...rest,
+		children: isString ? /* @__PURE__ */ jsx("span", {
+			tabIndex: 0,
+			children: rest.children
+		}) : rest.children
+	});
 });
-const arrowPseudoElement = {
-    name: 'ArrowPseudoElement',
-    fn(data) {
-        const { elements, rects, placement } = data;
-        let arrowX = `${Math.round(rects.reference.width / 2 + rects.reference.x - data.x)}px`;
-        let arrowY = `${Math.round(rects.reference.height / 2 + rects.reference.y - data.y)}px`;
-        switch (placement) {
-            case 'top':
-                arrowY = '100%';
-                break;
-            case 'right':
-                arrowX = '0';
-                break;
-            case 'bottom':
-                arrowY = '0';
-                break;
-            case 'left':
-                arrowX = '100%';
-                break;
-        }
-        elements.floating.style.setProperty('--dsc-tooltip-arrow-x', arrowX);
-        elements.floating.style.setProperty('--dsc-tooltip-arrow-y', arrowY);
-        return data;
-    },
-};
-const safeAreaElement = {
-    name: 'SafeAreaElement',
-    fn(data) {
-        const { elements, placement } = data;
-        let width = '100%';
-        let height = 'var(--dsc-tooltip-arrow-size)';
-        let translate = '0px';
-        switch (placement) {
-            case 'top':
-                translate = `-50% 0%`;
-                break;
-            case 'right':
-                height = '100%';
-                width = 'var(--dsc-tooltip-arrow-size)';
-                translate = '-100% -50%';
-                break;
-            case 'bottom':
-                translate = '-50% -100%';
-                break;
-            case 'left':
-                height = '100%';
-                width = 'var(--dsc-tooltip-arrow-size)';
-                translate = '0 -50%';
-                break;
-        }
-        elements.floating.style.setProperty('--_dsc-tooltip-safearea-height', height);
-        elements.floating.style.setProperty('--_dsc-tooltip-safearea-width', width);
-        elements.floating.style.setProperty('--_dsc-tooltip-safearea-translate', translate);
-        return data;
-    },
-};
-
+//#endregion
 export { Tooltip };

package/dist/esm/components/validation-message/validation-message.d.ts

@@ -0,0 +1,28 @@
+'use client';
+import { DefaultProps } from "../../types.js";
+import { MergeRight } from "../../utilities/types.js";
+import "../../utilities/index.js";
+import { HTMLAttributes } from "react";
+//#region src/components/validation-message/validation-message.d.ts
+type ValidationMessageProps = MergeRight<DefaultProps & HTMLAttributes<HTMLParagraphElement>, {
+  /**
+   * Change the default rendered element for the one passed as a child, merging their props and behavior.
+   * @default false
+   */
+  asChild?: boolean;
+}>;
+/**
+ * Use `ValidationMessage` to display validation text
+ *
+ * @example
+ * <ValidationMessage>This is a danger validation message</ValidationMessage>
+ */
+declare const ValidationMessage: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLParagraphElement>, "asChild"> & {
+  /**
+   * Change the default rendered element for the one passed as a child, merging their props and behavior.
+   * @default false
+   */
+  asChild?: boolean;
+} & import("react").RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { ValidationMessage, ValidationMessageProps };

package/dist/esm/components/validation-message/validation-message.js

@@ -1,18 +1,23 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef } from 'react';
-
+import cl from "clsx/lite";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+//#region src/components/validation-message/validation-message.tsx
 /**
- * Use `ValidationMessage` to display validation text
- *
- * @example
- * <ValidationMessage>This is a danger validation message</ValidationMessage>
- */
+* Use `ValidationMessage` to display validation text
+*
+* @example
+* <ValidationMessage>This is a danger validation message</ValidationMessage>
+*/
 const ValidationMessage = forwardRef(function ValidationMessage({ className, asChild, ...rest }, ref) {
-    const Component = asChild ? Slot : 'p';
-    return (jsx(Component, { className: cl('ds-validation-message', className), "data-field": 'validation', ref: ref, ...rest }));
+	return /* @__PURE__ */ jsx(asChild ? Slot : "p", {
+		className: cl("ds-validation-message", className),
+		"data-field": "validation",
+		ref,
+		suppressHydrationWarning: true,
+		...rest
+	});
 });
-
+//#endregion
 export { ValidationMessage };

package/dist/esm/index.d.ts

@@ -0,0 +1,134 @@
+'use client';
+import { DefaultProps, LabelRequired, Placement } from "./types.js";
+import { Alert, AlertProps } from "./components/alert/alert.js";
+import { useDebounceCallback } from "./utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js";
+import { useIsomorphicLayoutEffect } from "./utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.js";
+import { useMediaQuery } from "./utilities/hooks/deprecated/use-media-query/use-media-query.js";
+import { UseCheckboxGroupProps, useCheckboxGroup } from "./utilities/hooks/use-checkbox-group/use-checkbox-group.js";
+import { UsePaginationProps, usePagination } from "./utilities/hooks/use-pagination/use-pagination.js";
+import { UseRadioGroupProps, useRadioGroup } from "./utilities/hooks/use-radio-group/use-radio-group.js";
+import { useSynchronizedAnimation } from "./utilities/hooks/use-synchronized-animation/use-synchronized-animation.js";
+import { RovingFocusRoot } from "./utilities/roving-focus/roving-focus-root.js";
+import { RovingFocusItem } from "./utilities/roving-focus/roving-focus-item.js";
+import { MergeRight } from "./utilities/types.js";
+import "./utilities/index.js";
+import { Avatar, AvatarProps } from "./components/avatar/avatar.js";
+import { AvatarStackProps, EXPERIMENTAL_AvatarStack } from "./components/avatar-stack/avatar-stack.js";
+import { BadgePosition, BadgePositionProps } from "./components/badge/badge-position.js";
+import { BadgeProps } from "./components/badge/badge.js";
+import { Badge } from "./components/badge/index.js";
+import { BreadcrumbsProps } from "./components/breadcrumbs/breadcrumbs.js";
+import { BreadcrumbsItem, BreadcrumbsItemProps } from "./components/breadcrumbs/breadcrumbs-item.js";
+import { Link, LinkProps } from "./components/link/link.js";
+import { BreadcrumbsLink, BreadcrumbsLinkProps } from "./components/breadcrumbs/breadcrumbs-link.js";
+import { BreadcrumbsList, BreadcrumbsListProps } from "./components/breadcrumbs/breadcrumbs-list.js";
+import { Breadcrumbs as BreadcrumbsComponent } from "./components/breadcrumbs/index.js";
+import { Button, ButtonProps } from "./components/button/button.js";
+import { ComboboxOption, ComboboxOptionProps } from "./components/Combobox/Option/Option.js";
+import { ComboboxProps } from "./components/Combobox/Combobox.js";
+import { ComboboxEmpty, ComboboxEmptyProps } from "./components/Combobox/Empty.js";
+import { Combobox } from "./components/Combobox/index.js";
+import { CardProps } from "./components/card/card.js";
+import { CardBlock, CardBlockProps } from "./components/card/card-block.js";
+import { Card as CardComponent } from "./components/card/index.js";
+import { FieldProps } from "./components/field/field.js";
+import { FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps } from "./components/field/field-affix.js";
+import { ValidationMessage, ValidationMessageProps } from "./components/validation-message/validation-message.js";
+import { FieldCounter, FieldCounterProps } from "./components/field/field-counter.js";
+import { FieldDescription, FieldDescriptionProps } from "./components/field/field-description.js";
+import { Field as FieldComponent } from "./components/field/index.js";
+import { Input, InputProps } from "./components/input/input.js";
+import { Checkbox, CheckboxProps } from "./components/checkbox/checkbox.js";
+import { ChipButton, ChipButtonProps, ChipCheckbox, ChipCheckboxProps, ChipRadio, ChipRadioProps, ChipRemovable, ChipRemovableProps } from "./components/chip/chips.js";
+import { Chip as ChipComponent } from "./components/chip/index.js";
+import { DetailsProps } from "./components/details/details.js";
+import { DetailsContent, DetailsContentProps } from "./components/details/details-content.js";
+import { DetailsSummary, DetailsSummaryProps } from "./components/details/details-summary.js";
+import { Details as DetailsComponent } from "./components/details/index.js";
+import { DialogProps } from "./components/dialog/dialog.js";
+import { DialogBlock, DialogBlockProps } from "./components/dialog/dialog-block.js";
+import { DialogTrigger, DialogTriggerProps } from "./components/dialog/dialog-trigger.js";
+import { DialogTriggerContext, DialogTriggerContextProps } from "./components/dialog/dialog-trigger-context.js";
+import { Dialog as DialogComponent } from "./components/dialog/index.js";
+import { Divider, DividerProps } from "./components/divider/divider.js";
+import { PopoverProps } from "./components/popover/popover.js";
+import { DropdownProps } from "./components/dropdown/dropdown.js";
+import { DropdownButton, DropdownButtonProps } from "./components/dropdown/dropdown-button.js";
+import { Heading, HeadingProps } from "./components/heading/heading.js";
+import { DropdownHeading, DropdownHeadingProps } from "./components/dropdown/dropdown-heading.js";
+import { DropdownItem, DropdownItemProps } from "./components/dropdown/dropdown-item.js";
+import { DropdownList, DropdownListProps } from "./components/dropdown/dropdown-list.js";
+import { PopoverTrigger, PopoverTriggerProps } from "./components/popover/popover-trigger.js";
+import { DropdownTrigger } from "./components/dropdown/dropdown-trigger.js";
+import { DropdownTriggerContext, DropdownTriggerContextProps } from "./components/dropdown/dropdown-trigger-context.js";
+import { Dropdown as DropdownComponent } from "./components/dropdown/index.js";
+import { ErrorSummaryProps } from "./components/error-summary/error-summary.js";
+import { ErrorSummaryHeading, ErrorSummaryHeadingProps } from "./components/error-summary/error-summary-heading.js";
+import { ListItem, ListItemProps } from "./components/list/list-item.js";
+import { ListOrdered, ListOrderedProps, ListUnordered, ListUnorderedProps } from "./components/list/lists.js";
+import { List as ListComponent } from "./components/list/index.js";
+import { ErrorSummaryItem, ErrorSummaryItemProps } from "./components/error-summary/error-summary-item.js";
+import { ErrorSummaryLink, ErrorSummaryLinkProps } from "./components/error-summary/error-summary-link.js";
+import { ErrorSummaryList, ErrorSummaryListProps } from "./components/error-summary/error-summary-list.js";
+import { ErrorSummary as ErrorSummaryComponent } from "./components/error-summary/index.js";
+import { FieldsetProps } from "./components/fieldset/fieldset.js";
+import { Paragraph, ParagraphProps } from "./components/paragraph/paragraph.js";
+import { FieldsetDescription, FieldsetDescriptionProps } from "./components/fieldset/fieldset-description.js";
+import { FieldsetLegend, FieldsetLegendProps } from "./components/fieldset/fieldset-legend.js";
+import { Fieldset as FieldsetComponent } from "./components/fieldset/index.js";
+import { FileUploadProps } from "./components/file-upload/file-upload.js";
+import { EXPERIMENTAL_FileUpload } from "./components/file-upload/index.js";
+import { Label, LabelProps } from "./components/label/label.js";
+import { PaginationProps } from "./components/pagination/pagination.js";
+import { PaginationButton, PaginationButtonProps } from "./components/pagination/pagination-button.js";
+import { PaginationItem, PaginationItemProps } from "./components/pagination/pagination-item.js";
+import { PaginationList, PaginationListProps } from "./components/pagination/pagination-list.js";
+import { Pagination as PaginationComponent } from "./components/pagination/index.js";
+import { PopoverTriggerContext, PopoverTriggerContextProps } from "./components/popover/popover-trigger-context.js";
+import { Popover as PopoverComponent } from "./components/popover/index.js";
+import { Radio, RadioProps } from "./components/radio/radio.js";
+import { SearchProps } from "./components/search/search.js";
+import { SearchButton, SearchButtonProps } from "./components/search/search-button.js";
+import { SearchClear, SearchClearProps } from "./components/search/search-clear.js";
+import { SearchInput, SearchInputProps } from "./components/search/search-input.js";
+import { Search as SearchComponent } from "./components/search/index.js";
+import { SelectProps } from "./components/select/select.js";
+import { SelectOptgroup, SelectOptgroupProps } from "./components/select/select-optgroup.js";
+import { SelectOption, SelectOptionProps } from "./components/select/select-option.js";
+import { Select as SelectComponent } from "./components/select/index.js";
+import { Skeleton, SkeletonProps } from "./components/skeleton/skeleton.js";
+import { SkipLink, SkipLinkProps } from "./components/skip-link/skip-link.js";
+import { Spinner, SpinnerProps } from "./components/spinner/spinner.js";
+import { SuggestionItem, SuggestionMultipleProps, SuggestionProps, SuggestionSingleProps } from "./components/suggestion/suggestion.js";
+import { SuggestionClear, SuggestionClearProps } from "./components/suggestion/suggestion-clear.js";
+import { SuggestionEmpty, SuggestionEmptyProps } from "./components/suggestion/suggestion-empty.js";
+import { SuggestionInput, SuggestionInputProps } from "./components/suggestion/suggestion-input.js";
+import { SuggestionList, SuggestionListProps } from "./components/suggestion/suggestion-list.js";
+import { SuggestionOption, SuggestionOptionProps } from "./components/suggestion/suggestion-option.js";
+import { SuggestionToggle, SuggestionToggleProps } from "./components/suggestion/suggestion-toggle.js";
+import { EXPERIMENTAL_Suggestion } from "./components/suggestion/index.js";
+import { Switch, SwitchProps } from "./components/switch/switch.js";
+import { TableProps } from "./components/table/table.js";
+import { TableBody, TableBodyProps } from "./components/table/table-body.js";
+import { TableCell, TableCellProps } from "./components/table/table-cell.js";
+import { TableFoot, TableFootProps } from "./components/table/table-foot.js";
+import { TableHead, TableHeadProps } from "./components/table/table-head.js";
+import { TableHeaderCell, TableHeaderCellProps } from "./components/table/table-header-cell.js";
+import { TableRow, TableRowProps } from "./components/table/table-row.js";
+import { Table as TableComponent } from "./components/table/index.js";
+import { TabsProps } from "./components/tabs/tabs.js";
+import { TabsList, TabsListProps } from "./components/tabs/tabs-list.js";
+import { TabsPanel, TabsPanelProps } from "./components/tabs/tabs-panel.js";
+import { TabsTab, TabsTabProps } from "./components/tabs/tabs-tab.js";
+import { Tabs as TabsComponent } from "./components/tabs/index.js";
+import { Tag, TagProps } from "./components/tag/tag.js";
+import { Textarea, TextareaProps } from "./components/textarea/textarea.js";
+import { Textfield, TextfieldProps } from "./components/textfield/textfield.js";
+import { ToggleGroupProps } from "./components/toggle-group/toggle-group.js";
+import { ToggleGroupItem, ToggleGroupItemProps } from "./components/toggle-group/toggle-group-item.js";
+import { ToggleGroup as ToggleGroupComponent } from "./components/toggle-group/index.js";
+import { Tooltip, TooltipProps } from "./components/tooltip/tooltip.js";
+import "./components/index.js";
+import { omit } from "./components/Combobox/omit/omit.js";
+import { Size } from "@digdir/designsystemet-types";
+export { Alert, type AlertProps, Avatar, type AvatarProps, type AvatarStackProps, Badge, BadgePosition, type BadgePositionProps, type BadgeProps, BreadcrumbsComponent as Breadcrumbs, BreadcrumbsItem, type BreadcrumbsItemProps, BreadcrumbsLink, type BreadcrumbsLinkProps, BreadcrumbsList, type BreadcrumbsListProps, type BreadcrumbsProps, Button, type ButtonProps, CardComponent as Card, CardBlock, type CardBlockProps, type CardProps, Checkbox, type CheckboxProps, ChipComponent as Chip, ChipButton, type ChipButtonProps, ChipCheckbox, type ChipCheckboxProps, ChipRadio, type ChipRadioProps, ChipRemovable, type ChipRemovableProps, Combobox, ComboboxEmpty, type ComboboxEmptyProps, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, type DefaultProps, DetailsComponent as Details, DetailsContent, type DetailsContentProps, type DetailsProps, DetailsSummary, type DetailsSummaryProps, DialogComponent as Dialog, DialogBlock, type DialogBlockProps, type DialogProps, DialogTrigger, DialogTriggerContext, type DialogTriggerContextProps, type DialogTriggerProps, Divider, type DividerProps, DropdownComponent as Dropdown, DropdownButton, type DropdownButtonProps, DropdownHeading, type DropdownHeadingProps, DropdownItem, type DropdownItemProps, DropdownList, type DropdownListProps, type DropdownProps, DropdownTrigger, DropdownTriggerContext, type DropdownTriggerContextProps, EXPERIMENTAL_AvatarStack, EXPERIMENTAL_FileUpload, EXPERIMENTAL_Suggestion, SuggestionClear as EXPERIMENTAL_SuggestionClear, SuggestionEmpty as EXPERIMENTAL_SuggestionEmpty, SuggestionInput as EXPERIMENTAL_SuggestionInput, SuggestionList as EXPERIMENTAL_SuggestionList, SuggestionOption as EXPERIMENTAL_SuggestionOption, SuggestionToggle as EXPERIMENTAL_SuggestionToggle, ErrorSummaryComponent as ErrorSummary, ErrorSummaryHeading, type ErrorSummaryHeadingProps, ErrorSummaryItem, type ErrorSummaryItemProps, ErrorSummaryLink, type ErrorSummaryLinkProps, ErrorSummaryList, type ErrorSummaryListProps, type ErrorSummaryProps, FieldComponent as Field, FieldAffix, type FieldAffixProps, FieldAffixes, type FieldAffixesProps, FieldCounter, type FieldCounterProps, FieldDescription, type FieldDescriptionProps, type FieldProps, FieldsetComponent as Fieldset, FieldsetDescription, type FieldsetDescriptionProps, FieldsetLegend, type FieldsetLegendProps, type FieldsetProps, type FileUploadProps, Heading, type HeadingProps, Input, type InputProps, Label, type LabelProps, type LabelRequired, Link, type LinkProps, ListComponent as List, ListItem, type ListItemProps, ListOrdered, type ListOrderedProps, ListUnordered, type ListUnorderedProps, type MergeRight, PaginationComponent as Pagination, PaginationButton, type PaginationButtonProps, PaginationItem, type PaginationItemProps, PaginationList, type PaginationListProps, type PaginationProps, Paragraph, type ParagraphProps, type Placement, PopoverComponent as Popover, type PopoverProps, PopoverTrigger, PopoverTriggerContext, type PopoverTriggerContextProps, type PopoverTriggerProps, Radio, type RadioProps, RovingFocusItem, RovingFocusRoot, SearchComponent as Search, SearchButton, type SearchButtonProps, SearchClear, type SearchClearProps, SearchInput, type SearchInputProps, type SearchProps, SelectComponent as Select, SelectOptgroup, type SelectOptgroupProps, SelectOption, type SelectOptionProps, type SelectProps, type Size, Skeleton, type SkeletonProps, SkipLink, type SkipLinkProps, Spinner, type SpinnerProps, type SuggestionClearProps, type SuggestionEmptyProps, type SuggestionInputProps, type SuggestionItem, type SuggestionListProps, type SuggestionMultipleProps, type SuggestionOptionProps, type SuggestionProps, type SuggestionSingleProps, type SuggestionToggleProps, Switch, type SwitchProps, TableComponent as Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, TableHeaderCell, type TableHeaderCellProps, type TableProps, TableRow, type TableRowProps, TabsComponent as Tabs, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, TabsTab, type TabsTabProps, Tag, type TagProps, Textarea, type TextareaProps, Textfield, type TextfieldProps, ToggleGroupComponent as ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, Tooltip, type TooltipProps, type UseCheckboxGroupProps, type UsePaginationProps, type UseRadioGroupProps, ValidationMessage, type ValidationMessageProps, omit, useCheckboxGroup, useDebounceCallback, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useRadioGroup, useSynchronizedAnimation };