@dbcdk/react-components 0.0.194 → 0.0.196

package/dist/client.d.ts

@@ -1,102 +1,176 @@
-export * from './components/stack/Stack';
-export * from './components/button/Button';
-export * from './components/button-select/ButtonSelect';
-export * from './components/nav-bar/NavBar';
-export * from './components/avatar/Avatar';
-export * from './components/popover/Popover';
-export * from './components/menu/Menu';
-export * from './components/icon/Icon';
-export * from './components/user-display/UserDisplay';
-export * from './components/tabs/Tabs';
-export * from './components/headline/Headline';
-export * from './components/headline/CollapsibleHeadline';
-export * from './components/page-layout/PageLayout';
-export * from './components/environment-banner/EnvironmentBanner';
-export * from './components/page-layout/components/footer/Footer';
-export * from './components/forms/input/Input';
-export * from './components/search-box/SearchBox';
-export * from './hooks/useColorScheme';
-export * from './hooks/useGetActiveTheme';
-export * from './hooks/useTheme';
-export * from './hooks/usePersistentState';
-export * from './hooks/useTreeViewSettings';
-export * from './components/chip/Chip';
-export * from './components/panel/Panel';
-export * from './components/card/Card';
-export * from './components/print-friendly/PrintFriendlyCard';
-export * from './components/print-friendly/PrintFriendlyMetaBar';
-export * from './components/print-friendly/PrintFriendlyTable';
-export * from './components/card-container/CardContainer';
-export * from './components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem';
-export * from './components/skeleton-loader/SkeletonLoader';
-export * from './components/page/Page';
-export * from './components/breadcrumbs/Breadcrumbs';
-export * from './components/circle/Circle';
-export * from './components/badge/Badge';
-export * from './components/forms/checkbox/Checkbox';
-export * from './components/forms/switch/Switch';
-export * from './components/table/Table';
-export * from './constants/chart-colors';
-export * from './constants/chart-colors.types';
-export * from './constants/severity.types';
-export * from './components/forms/text-area/Textarea';
-export * from './components/app-header/AppHeader';
-export * from './components/sidebar/Sidebar';
-export * from './components/tree-view/TreeView';
-export * from './utils/arrays/nested-filtering';
-export * from './components/forms/multi-select/MultiSelect';
-export * from './hooks/useViewportFill';
-export * from './hooks/useStickyLayout';
-export * from './utils/date/formatDate';
-export * from './components/filter-field/FilterField';
-export * from './components/forms/select/Select';
-export * from './components/split-button/SplitButton';
-export * from './components/segmented-progress-bar/SegmentedProgressBar';
-export * from './components/datetime-picker/DateTimePicker';
-export * from './components/overlay/modal/provider/ModalProvider';
-export * from './components/overlay/modal/Modal';
-export * from './components/toast/provider/ToastProvider';
-export * from './components/toast/Toast';
-export * from './components/attribute-chip/AttributeChip';
-export * from './components/split-pane/SplitPane';
-export * from './components/pagination/Pagination';
-export * from './components/meta-bar/MetaBar';
-export * from './components/code-block/CodeBlock';
-export * from './components/json-viewer/JsonViewer';
-export * from './components/xml-viewer/XmlViewer';
-export * from './components/line-viewer/LineViewer';
-export * from './hooks/useTimeDuration';
-export * from './hooks/useSorting';
-export * from './hooks/usePagination';
-export * from './hooks/useTableData';
-export * from './hooks/useTableSelection';
-export * from './components/filtering/chip-multi-toggle/ChipMultiToggle';
-export * from './components/forms/checkbox-group/CheckboxGroup';
-export * from './components/overlay/side-panel/SidePanel';
-export * from './components/overlay/side-panel/useSidePanel';
-export * from './components/overlay/fade-overlay/FadeOverlay';
-export * from './components/forms/input-container/InputContainer';
-export * from './components/hyperlink/Hyperlink';
-export * from './components/overlay/tooltip/Tooltip';
-export * from './components/overlay/tooltip/TooltipProvider';
-export * from './components/overlay/tooltip/useTooltipTrigger';
-export * from './components/forms/radio-buttons/RadioButton';
-export * from './components/forms/radio-buttons/RadioButtonGroup';
-export * from './components/interval-select/IntervalSelect';
-export * from './components/accordion/Accordion';
-export * from './components/timeline/Timeline';
-export * from './components/state-page/StatePage';
-export * from './components/sticky-footer-layout/StickyFooterLayout';
-export * from './components/forms/typeahead/Typeahead';
-export * from './hooks/useDeviceSize';
-export * from './components/color-scheme-button/ColorSchemeButton';
-export * from './components/theme-button/ThemeButton';
-export * from './components/copy-button/CopyButton';
-export * from './components/divider/Divider';
-export * from './components/grid/Grid';
-export * from './components/alert/Alert';
-export * from './components/inline-status/InlineStatus';
-export * from './components/media-card/MediaCard';
-export * from './components/lightbox/Lightbox';
-export * from './components/forms/file-upload/FileUpload';
-export * from './components/highlighted-text/HighlightedText';
+export { Stack } from './components/stack/Stack';
+export type { StackProps } from './components/stack/Stack';
+export { Button } from './components/button/Button';
+export type { ButtonVariant, ButtonSize, ButtonProps } from './components/button/Button';
+export { ButtonSelect } from './components/button-select/ButtonSelect';
+export type { ButtonSelectOption, ButtonSelectSingleProps, ButtonSelectMultipleProps, ButtonSelectProps, } from './components/button-select/ButtonSelect';
+export { NavBar } from './components/nav-bar/NavBar';
+export type { NavBarItem, NavBarLinkItem, NavBarExpandableItem, NavBarGroupItem, NavBarProps, } from './components/nav-bar/NavBar';
+export { Avatar } from './components/avatar/Avatar';
+export { Popover } from './components/popover/Popover';
+export type { PopoverProps, PopoverHandle } from './components/popover/Popover';
+export { Menu } from './components/menu/Menu';
+export type { MenuProps, MenuLabelProps, MenuSeparatorProps, MenuHeaderProps, MenuDescriptionProps, MenuItemProps, MenuCheckItemProps, MenuRadioItemProps, MenuSwitchItemProps, } from './components/menu/Menu';
+export { Icon, SeverityIcon } from './components/icon/Icon';
+export { UserDisplay } from './components/user-display/UserDisplay';
+export { Tabs } from './components/tabs/Tabs';
+export type { TabId, TabItem, TabsProps, TabsItemProps } from './components/tabs/Tabs';
+export { Headline } from './components/headline/Headline';
+export type { HeadlineProps } from './components/headline/Headline';
+export { CollapsibleHeadline } from './components/headline/CollapsibleHeadline';
+export type { CollapsibleHeadlineProps } from './components/headline/CollapsibleHeadline';
+export { PageLayout } from './components/page-layout/PageLayout';
+export type { PageLayoutMaxWidth, PageLayoutProps, PageLayoutHeaderProps, PageLayoutContentProps, PageLayoutFooterProps, PageLayoutBannerProps, PageLayoutSidebarProps, } from './components/page-layout/PageLayout';
+export { EnvironmentBanner } from './components/environment-banner/EnvironmentBanner';
+export type { Environment, EnvironmentBannerProps, } from './components/environment-banner/EnvironmentBanner';
+export { Footer } from './components/page-layout/components/footer/Footer';
+export type { FooterLink, FooterProps } from './components/page-layout/components/footer/Footer';
+export { Input } from './components/forms/input/Input';
+export type { InputVariant, InputProps } from './components/forms/input/Input';
+export { SearchBox } from './components/search-box/SearchBox';
+export type { SearchBoxProps } from './components/search-box/SearchBox';
+export { useColorScheme } from './hooks/useColorScheme';
+export type { ColorScheme, UseColorSchemeOptions } from './hooks/useColorScheme';
+export { useGetActiveTheme } from './hooks/useGetActiveTheme';
+export type { ThemeId, UseGetActiveThemeOptions, UseGetActiveThemeResult, } from './hooks/useGetActiveTheme';
+export { useTheme } from './hooks/useTheme';
+export type { UseThemeOptions } from './hooks/useTheme';
+export { usePersistentState } from './hooks/usePersistentState';
+export type { PersistentStateStorage, PersistentStateHydration, UsePersistentStateOptions, UsePersistentStateResult, } from './hooks/usePersistentState';
+export { useTreeViewSettings, localStorageTreeViewSettingsStorage, } from './hooks/useTreeViewSettings';
+export type { TreeViewSettingsStorage, UseTreeViewSettingsOptions, UseTreeViewSettingsResult, } from './hooks/useTreeViewSettings';
+export { Chip } from './components/chip/Chip';
+export { Panel } from './components/panel/Panel';
+export { Card } from './components/card/Card';
+export type { CardProps } from './components/card/Card';
+export { PrintFriendlyCard } from './components/print-friendly/PrintFriendlyCard';
+export type { PrintFriendlyCardRow } from './components/print-friendly/PrintFriendlyCard';
+export { PrintFriendlyMetaBar } from './components/print-friendly/PrintFriendlyMetaBar';
+export type { PrintFriendlyMetaItem } from './components/print-friendly/PrintFriendlyMetaBar';
+export { PrintFriendlyTable } from './components/print-friendly/PrintFriendlyTable';
+export type { PrintFriendlyTableCol, PrintFriendlyTableRow, } from './components/print-friendly/PrintFriendlyTable';
+export { CardContainer } from './components/card-container/CardContainer';
+export { SkeletonLoaderItem } from './components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem';
+export { SkeletonLoader } from './components/skeleton-loader/SkeletonLoader';
+export type { SkeletonLoaderProps } from './components/skeleton-loader/SkeletonLoader';
+export { Page } from './components/page/Page';
+export { Breadcrumbs } from './components/breadcrumbs/Breadcrumbs';
+export type { BreadcrumbItem, BreadcrumbsProps } from './components/breadcrumbs/Breadcrumbs';
+export { Circle } from './components/circle/Circle';
+export { formatBadgeCount, Badge } from './components/badge/Badge';
+export { Checkbox } from './components/forms/checkbox/Checkbox';
+export { Switch } from './components/forms/switch/Switch';
+export { Table } from './components/table/Table';
+export type { ColumnItem } from './components/table/Table';
+export { TableSettings, TableSettingsMenuSection, } from './components/table/components/table-settings/TableSettings';
+export type { TableSettingsProps, TableSettingsMenuSectionProps, } from './components/table/components/table-settings/TableSettings';
+export { useTableSettings, localStorageTableSettingsStorage } from './hooks/useTableSettings';
+export type { UseTableSettingsOptions, TableSettingsState, TableSettingsStorage, ViewMode, } from './hooks/useTableSettings';
+export type { TableSettingsColumn, TableSettingsController, TableSettingsMenuOptions, } from './components/table/Table.types';
+export { ChartSemanticColorVar } from './constants/chart-colors';
+export type { ChartSemanticSeverity, ChartSemanticColor } from './constants/chart-colors.types';
+export type { Severity } from './constants/severity.types';
+export { Textarea } from './components/forms/text-area/Textarea';
+export type { TextareaProps } from './components/forms/text-area/Textarea';
+export { AppHeader } from './components/app-header/AppHeader';
+export type { AppHeaderSize } from './components/app-header/AppHeader';
+export { Sidebar } from './components/sidebar/Sidebar';
+export { TreeView, collectExpandableIds, findAncestorIds } from './components/tree-view/TreeView';
+export type { LoadTreeChildren, TreeNode, TreeViewProps } from './components/tree-view/TreeView';
+export { nestedFiltering } from './utils/arrays/nested-filtering';
+export { MultiSelect } from './components/forms/multi-select/MultiSelect';
+export type { MultiselectOption } from './components/forms/multi-select/MultiSelect';
+export { useViewportFill } from './hooks/useViewportFill';
+export { useStickyLayout } from './hooks/useStickyLayout';
+export { formatDate } from './utils/date/formatDate';
+export type { FormatDateOptions } from './utils/date/formatDate';
+export { FilterField, NUMBER_OPERATORS } from './components/filter-field/FilterField';
+export type { Operator, FilterEvent, FilterFieldProps } from './components/filter-field/FilterField';
+export { Select } from './components/forms/select/Select';
+export type { SelectProps } from './components/forms/select/Select';
+export { SplitButton } from './components/split-button/SplitButton';
+export { SegmentedProgressBar } from './components/segmented-progress-bar/SegmentedProgressBar';
+export type { Segment, ProgressBarSize, SegmentedProgressBarProps, } from './components/segmented-progress-bar/SegmentedProgressBar';
+export { DateTimePicker } from './components/datetime-picker/DateTimePicker';
+export type { DateTimePickerProps } from './components/datetime-picker/DateTimePicker';
+export { ModalProvider, useModal } from './components/overlay/modal/provider/ModalProvider';
+export { Modal } from './components/overlay/modal/Modal';
+export type { ModalActionConfig, ModalProps } from './components/overlay/modal/Modal';
+export { ToastProvider, useToast, useOptionalToast, } from './components/toast/provider/ToastProvider';
+export type { ToastConfig } from './components/toast/provider/ToastProvider';
+export { Toast } from './components/toast/Toast';
+export type { ToastActionConfig, ToastProps } from './components/toast/Toast';
+export { AttributeChip } from './components/attribute-chip/AttributeChip';
+export { SplitPane, SplitPanePrimary, SplitPaneSecondary, SplitPaneGutter, } from './components/split-pane/SplitPane';
+export type { SplitPaneProps } from './components/split-pane/SplitPane';
+export { Pagination } from './components/pagination/Pagination';
+export type { PageChangeEvent } from './components/pagination/Pagination';
+export { MetaBar } from './components/meta-bar/MetaBar';
+export type { MetaItem } from './components/meta-bar/MetaBar';
+export { CodeBlock } from './components/code-block/CodeBlock';
+export type { CodeBlockProps } from './components/code-block/CodeBlock';
+export { JsonViewer } from './components/json-viewer/JsonViewer';
+export type { JsonViewerProps, JsonViewerViewMode } from './components/json-viewer/JsonViewer';
+export { XmlViewer } from './components/xml-viewer/XmlViewer';
+export type { XmlViewerAppearance, XmlViewerProps } from './components/xml-viewer/XmlViewer';
+export { LineViewer } from './components/line-viewer/LineViewer';
+export type { LineViewerAppearance, LineViewerViewMode, LineViewerProps, } from './components/line-viewer/LineViewer';
+export { useTimeDuration } from './hooks/useTimeDuration';
+export type { useTimeDurationReturn } from './hooks/useTimeDuration';
+export { defaultCompare, useSorting } from './hooks/useSorting';
+export type { SortDirection, SortState, SortEvent, ColumnComparators, UseSortingProps, UseSortingResult, } from './hooks/useSorting';
+export { usePagination } from './hooks/usePagination';
+export type { PaginationState, UsePaginationProps, UsePaginationResult, } from './hooks/usePagination';
+export { useTableSelection } from './hooks/useTableSelection';
+export { useTableData } from './hooks/useTableData';
+export type { UseTableDataColumn, UseTableDataProps, UseTableDataResult, } from './hooks/useTableData';
+export { ChipMultiToggle } from './components/filtering/chip-multi-toggle/ChipMultiToggle';
+export { CheckboxGroup } from './components/forms/checkbox-group/CheckboxGroup';
+export type { CheckboxGroupOption } from './components/forms/checkbox-group/CheckboxGroup';
+export { SidePanel } from './components/overlay/side-panel/SidePanel';
+export { useSidePanel } from './components/overlay/side-panel/useSidePanel';
+export { FadeOverlay } from './components/overlay/fade-overlay/FadeOverlay';
+export type { FadeOverlayProps } from './components/overlay/fade-overlay/FadeOverlay';
+export { InputContainer } from './components/forms/input-container/InputContainer';
+export type { InputContainerProps } from './components/forms/input-container/InputContainer';
+export { Hyperlink } from './components/hyperlink/Hyperlink';
+export { Tooltip } from './components/overlay/tooltip/Tooltip';
+export type { TooltipProps } from './components/overlay/tooltip/Tooltip';
+export { TooltipProvider, TooltipContext } from './components/overlay/tooltip/TooltipProvider';
+export type { TooltipPlacement, TooltipState, TooltipContextValue, } from './components/overlay/tooltip/TooltipProvider';
+export { useTooltipTrigger } from './components/overlay/tooltip/useTooltipTrigger';
+export { RadioButton } from './components/forms/radio-buttons/RadioButton';
+export type { RadioButtonProps } from './components/forms/radio-buttons/RadioButton';
+export { RadioButtonGroup } from './components/forms/radio-buttons/RadioButtonGroup';
+export type { RadioOption, RadioGroupProps, } from './components/forms/radio-buttons/RadioButtonGroup';
+export { IntervalSelect } from './components/interval-select/IntervalSelect';
+export type { IntervalOption, IntervalSelectValue, IntervalSelectProps, } from './components/interval-select/IntervalSelect';
+export { Accordion } from './components/accordion/Accordion';
+export type { AccordionItem, AccordionProps } from './components/accordion/Accordion';
+export { Timeline } from './components/timeline/Timeline';
+export type { TimelineContextMenuActionItem, TimelineContextMenuHeaderItem, TimelineContextMenuItem, TimelineItem, TimelineProps, } from './components/timeline/Timeline';
+export { StatePage } from './components/state-page/StatePage';
+export { StickyFooterLayout } from './components/sticky-footer-layout/StickyFooterLayout';
+export { Typeahead } from './components/forms/typeahead/Typeahead';
+export { useDeviceSize } from './hooks/useDeviceSize';
+export type { DeviceSize } from './hooks/useDeviceSize';
+export { ColorSchemeMenuSection, ColorSchemeButton, } from './components/color-scheme-button/ColorSchemeButton';
+export type { ColorSchemeMenuSectionProps, ColorSchemeButtonProps, } from './components/color-scheme-button/ColorSchemeButton';
+export { ThemeMenuSection, ThemeButton } from './components/theme-button/ThemeButton';
+export type { ThemeMenuSectionProps, ThemeButtonProps } from './components/theme-button/ThemeButton';
+export { CopyButton } from './components/copy-button/CopyButton';
+export { Divider } from './components/divider/Divider';
+export { Grid, GridItem } from './components/grid/Grid';
+export type { GridGap, GridMaxWidth, GridProps, GridItemProps } from './components/grid/Grid';
+export { Alert } from './components/alert/Alert';
+export type { AlertProps } from './components/alert/Alert';
+export { InlineStatus } from './components/inline-status/InlineStatus';
+export type { InlineStatusProps } from './components/inline-status/InlineStatus';
+export { MediaCard } from './components/media-card/MediaCard';
+export type { MediaCardProps } from './components/media-card/MediaCard';
+export { Lightbox } from './components/lightbox/Lightbox';
+export type { LightboxItem, LightboxContextMenuItem, LightboxProps, } from './components/lightbox/Lightbox';
+export { FileUpload } from './components/forms/file-upload/FileUpload';
+export type { FileUploadProps, FileUploadHandle } from './components/forms/file-upload/FileUpload';
+export { HighlightedText } from './components/highlighted-text/HighlightedText';
+export type { HighlightedTextProps } from './components/highlighted-text/HighlightedText';

package/dist/client.js

@@ -1,103 +1,103 @@
 'use client';
-export * from './components/stack/Stack';
-export * from './components/button/Button';
-export * from './components/button-select/ButtonSelect';
-export * from './components/nav-bar/NavBar';
-export * from './components/avatar/Avatar';
-export * from './components/popover/Popover';
-export * from './components/menu/Menu';
-export * from './components/icon/Icon';
-export * from './components/user-display/UserDisplay';
-export * from './components/tabs/Tabs';
-export * from './components/headline/Headline';
-export * from './components/headline/CollapsibleHeadline';
-export * from './components/page-layout/PageLayout';
-export * from './components/environment-banner/EnvironmentBanner';
-export * from './components/page-layout/components/footer/Footer';
-export * from './components/forms/input/Input';
-export * from './components/search-box/SearchBox';
-export * from './hooks/useColorScheme';
-export * from './hooks/useGetActiveTheme';
-export * from './hooks/useTheme';
-export * from './hooks/usePersistentState';
-export * from './hooks/useTreeViewSettings';
-export * from './components/chip/Chip';
-export * from './components/panel/Panel';
-export * from './components/card/Card';
-export * from './components/print-friendly/PrintFriendlyCard';
-export * from './components/print-friendly/PrintFriendlyMetaBar';
-export * from './components/print-friendly/PrintFriendlyTable';
-export * from './components/card-container/CardContainer';
-export * from './components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem';
-export * from './components/skeleton-loader/SkeletonLoader';
-export * from './components/page/Page';
-export * from './components/breadcrumbs/Breadcrumbs';
-export * from './components/circle/Circle';
-export * from './components/badge/Badge';
-export * from './components/forms/checkbox/Checkbox';
-export * from './components/forms/switch/Switch';
-export * from './components/table/Table';
-export * from './constants/chart-colors';
-export * from './constants/chart-colors.types';
-export * from './constants/severity.types';
-export * from './components/forms/text-area/Textarea';
-export * from './components/app-header/AppHeader';
-export * from './components/sidebar/Sidebar';
-export * from './components/tree-view/TreeView';
-export * from './utils/arrays/nested-filtering';
-export * from './components/forms/multi-select/MultiSelect';
-export * from './hooks/useViewportFill';
-export * from './hooks/useStickyLayout';
-export * from './utils/date/formatDate';
-export * from './components/filter-field/FilterField';
-export * from './components/forms/select/Select';
-export * from './components/split-button/SplitButton';
-export * from './components/segmented-progress-bar/SegmentedProgressBar';
-export * from './components/datetime-picker/DateTimePicker';
-export * from './components/overlay/modal/provider/ModalProvider';
-export * from './components/overlay/modal/Modal';
-export * from './components/toast/provider/ToastProvider';
-export * from './components/toast/Toast';
-export * from './components/attribute-chip/AttributeChip';
-export * from './components/split-pane/SplitPane';
-export * from './components/pagination/Pagination';
-export * from './components/meta-bar/MetaBar';
-export * from './components/code-block/CodeBlock';
-export * from './components/json-viewer/JsonViewer';
-export * from './components/xml-viewer/XmlViewer';
-export * from './components/line-viewer/LineViewer';
-export * from './hooks/useTimeDuration';
-export * from './hooks/useSorting';
-export * from './hooks/usePagination';
-export * from './hooks/useTableData';
-export * from './hooks/useTableSelection';
-export * from './components/filtering/chip-multi-toggle/ChipMultiToggle';
-export * from './components/forms/checkbox-group/CheckboxGroup';
-export * from './components/overlay/side-panel/SidePanel';
-export * from './components/overlay/side-panel/useSidePanel';
-export * from './components/overlay/fade-overlay/FadeOverlay';
-export * from './components/forms/input-container/InputContainer';
-export * from './components/hyperlink/Hyperlink';
-export * from './components/overlay/tooltip/Tooltip';
-export * from './components/overlay/tooltip/TooltipProvider';
-export * from './components/overlay/tooltip/useTooltipTrigger';
-export * from './components/forms/radio-buttons/RadioButton';
-export * from './components/forms/radio-buttons/RadioButtonGroup';
-export * from './components/interval-select/IntervalSelect';
-export * from './components/accordion/Accordion';
-export * from './components/timeline/Timeline';
-export * from './components/state-page/StatePage';
-export * from './components/sticky-footer-layout/StickyFooterLayout';
-export * from './components/forms/typeahead/Typeahead';
-export * from './hooks/useDeviceSize';
-export * from './components/color-scheme-button/ColorSchemeButton';
-export * from './components/theme-button/ThemeButton';
-export * from './components/copy-button/CopyButton';
-export * from './components/divider/Divider';
-export * from './components/grid/Grid';
-export * from './components/alert/Alert';
-export * from './components/inline-status/InlineStatus';
-export * from './components/media-card/MediaCard';
-export * from './components/lightbox/Lightbox';
-export * from './components/forms/file-upload/FileUpload';
-export * from './components/highlighted-text/HighlightedText';
+export { Stack } from './components/stack/Stack';
+export { Button } from './components/button/Button';
+export { ButtonSelect } from './components/button-select/ButtonSelect';
+export { NavBar } from './components/nav-bar/NavBar';
+export { Avatar } from './components/avatar/Avatar';
+export { Popover } from './components/popover/Popover';
+export { Menu } from './components/menu/Menu';
+export { Icon, SeverityIcon } from './components/icon/Icon';
+export { UserDisplay } from './components/user-display/UserDisplay';
+export { Tabs } from './components/tabs/Tabs';
+export { Headline } from './components/headline/Headline';
+export { CollapsibleHeadline } from './components/headline/CollapsibleHeadline';
+export { PageLayout } from './components/page-layout/PageLayout';
+export { EnvironmentBanner } from './components/environment-banner/EnvironmentBanner';
+export { Footer } from './components/page-layout/components/footer/Footer';
+export { Input } from './components/forms/input/Input';
+export { SearchBox } from './components/search-box/SearchBox';
+export { useColorScheme } from './hooks/useColorScheme';
+export { useGetActiveTheme } from './hooks/useGetActiveTheme';
+export { useTheme } from './hooks/useTheme';
+export { usePersistentState } from './hooks/usePersistentState';
+export { localStorageTreeViewSettingsStorage, useTreeViewSettings } from './hooks/useTreeViewSettings';
+export { Chip } from './components/chip/Chip';
+export { Panel } from './components/panel/Panel';
+export { Card } from './components/card/Card';
+export { PrintFriendlyCard } from './components/print-friendly/PrintFriendlyCard';
+export { PrintFriendlyMetaBar } from './components/print-friendly/PrintFriendlyMetaBar';
+export { PrintFriendlyTable } from './components/print-friendly/PrintFriendlyTable';
+export { CardContainer } from './components/card-container/CardContainer';
+export { SkeletonLoaderItem } from './components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem';
+export { SkeletonLoader } from './components/skeleton-loader/SkeletonLoader';
+export { Page } from './components/page/Page';
+export { Breadcrumbs } from './components/breadcrumbs/Breadcrumbs';
+export { Circle } from './components/circle/Circle';
+export { Badge, formatBadgeCount } from './components/badge/Badge';
+export { Checkbox } from './components/forms/checkbox/Checkbox';
+export { Switch } from './components/forms/switch/Switch';
+export { Table } from './components/table/Table';
+export { TableSettings, TableSettingsMenuSection } from './components/table/components/table-settings/TableSettings';
+export { localStorageTableSettingsStorage, useTableSettings } from './hooks/useTableSettings';
+export { ChartSemanticColorVar } from './constants/chart-colors';
+export { Textarea } from './components/forms/text-area/Textarea';
+export { AppHeader } from './components/app-header/AppHeader';
+export { Sidebar } from './components/sidebar/Sidebar';
+export { TreeView, collectExpandableIds, findAncestorIds } from './components/tree-view/TreeView';
+export { nestedFiltering } from './utils/arrays/nested-filtering';
+export { MultiSelect } from './components/forms/multi-select/MultiSelect';
+export { useViewportFill } from './hooks/useViewportFill';
+export { useStickyLayout } from './hooks/useStickyLayout';
+export { formatDate } from './utils/date/formatDate';
+export { FilterField, NUMBER_OPERATORS } from './components/filter-field/FilterField';
+export { Select } from './components/forms/select/Select';
+export { SplitButton } from './components/split-button/SplitButton';
+export { SegmentedProgressBar } from './components/segmented-progress-bar/SegmentedProgressBar';
+export { DateTimePicker } from './components/datetime-picker/DateTimePicker';
+export { ModalProvider, useModal } from './components/overlay/modal/provider/ModalProvider';
+export { Modal } from './components/overlay/modal/Modal';
+export { ToastProvider, useOptionalToast, useToast } from './components/toast/provider/ToastProvider';
+export { Toast } from './components/toast/Toast';
+export { AttributeChip } from './components/attribute-chip/AttributeChip';
+export { SplitPane, SplitPaneGutter, SplitPanePrimary, SplitPaneSecondary } from './components/split-pane/SplitPane';
+export { Pagination } from './components/pagination/Pagination';
+export { MetaBar } from './components/meta-bar/MetaBar';
+export { CodeBlock } from './components/code-block/CodeBlock';
+export { JsonViewer } from './components/json-viewer/JsonViewer';
+export { XmlViewer } from './components/xml-viewer/XmlViewer';
+export { LineViewer } from './components/line-viewer/LineViewer';
+export { useTimeDuration } from './hooks/useTimeDuration';
+export { defaultCompare, useSorting } from './hooks/useSorting';
+export { usePagination } from './hooks/usePagination';
+export { useTableSelection } from './hooks/useTableSelection';
+export { useTableData } from './hooks/useTableData';
+export { ChipMultiToggle } from './components/filtering/chip-multi-toggle/ChipMultiToggle';
+export { CheckboxGroup } from './components/forms/checkbox-group/CheckboxGroup';
+export { SidePanel } from './components/overlay/side-panel/SidePanel';
+export { useSidePanel } from './components/overlay/side-panel/useSidePanel';
+export { FadeOverlay } from './components/overlay/fade-overlay/FadeOverlay';
+export { InputContainer } from './components/forms/input-container/InputContainer';
+export { Hyperlink } from './components/hyperlink/Hyperlink';
+export { Tooltip } from './components/overlay/tooltip/Tooltip';
+export { TooltipContext, TooltipProvider } from './components/overlay/tooltip/TooltipProvider';
+export { useTooltipTrigger } from './components/overlay/tooltip/useTooltipTrigger';
+export { RadioButton } from './components/forms/radio-buttons/RadioButton';
+export { RadioButtonGroup } from './components/forms/radio-buttons/RadioButtonGroup';
+export { IntervalSelect } from './components/interval-select/IntervalSelect';
+export { Accordion } from './components/accordion/Accordion';
+export { Timeline } from './components/timeline/Timeline';
+export { StatePage } from './components/state-page/StatePage';
+export { StickyFooterLayout } from './components/sticky-footer-layout/StickyFooterLayout';
+export { Typeahead } from './components/forms/typeahead/Typeahead';
+export { useDeviceSize } from './hooks/useDeviceSize';
+export { ColorSchemeButton, ColorSchemeMenuSection } from './components/color-scheme-button/ColorSchemeButton';
+export { ThemeButton, ThemeMenuSection } from './components/theme-button/ThemeButton';
+export { CopyButton } from './components/copy-button/CopyButton';
+export { Divider } from './components/divider/Divider';
+export { Grid, GridItem } from './components/grid/Grid';
+export { Alert } from './components/alert/Alert';
+export { InlineStatus } from './components/inline-status/InlineStatus';
+export { MediaCard } from './components/media-card/MediaCard';
+export { Lightbox } from './components/lightbox/Lightbox';
+export { FileUpload } from './components/forms/file-upload/FileUpload';
+export { HighlightedText } from './components/highlighted-text/HighlightedText';

package/dist/components/color-scheme-button/ColorSchemeButton.cjs

@@ -13,8 +13,10 @@ const COLOR_SCHEME_OPTIONS = [
   { value: "light", label: "Lyst", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { size: 16 }) },
   { value: "dark", label: "M\xF8rkt", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Moon, { size: 16 }) }
 ];
-function ColorSchemeMenuSection() {
-  const { colorScheme, switchColorScheme } = useColorScheme.useColorScheme();
+function ColorSchemeMenuSection({
+  storageKey
+} = {}) {
+  const { colorScheme, switchColorScheme } = useColorScheme.useColorScheme("system", { storageKey });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(Menu.Menu.Header, { children: "Udseende" }),
     COLOR_SCHEME_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -32,9 +34,10 @@ function ColorSchemeMenuSection() {
 }
 function ColorSchemeButton({
   size,
-  variant = "outlined"
+  variant = "outlined",
+  storageKey
 }) {
-  const { colorScheme, switchColorScheme } = useColorScheme.useColorScheme();
+  const { colorScheme, switchColorScheme } = useColorScheme.useColorScheme("system", { storageKey });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Popover.Popover,
     {

package/dist/components/color-scheme-button/ColorSchemeButton.d.ts

@@ -1,8 +1,12 @@
 import type { JSX } from 'react';
 import type { ButtonSize, ButtonVariant } from '../../components/button/Button';
-export interface ColorSchemeButtonProps {
+export interface ColorSchemeMenuSectionProps {
+    /** Passed through to `useColorScheme` — see its docs for when to set this. */
+    storageKey?: string;
+}
+export interface ColorSchemeButtonProps extends ColorSchemeMenuSectionProps {
     size?: ButtonSize;
     variant?: ButtonVariant;
 }
-export declare function ColorSchemeMenuSection(): JSX.Element;
-export declare function ColorSchemeButton({ size, variant, }: ColorSchemeButtonProps): JSX.Element;
+export declare function ColorSchemeMenuSection({ storageKey, }?: ColorSchemeMenuSectionProps): JSX.Element;
+export declare function ColorSchemeButton({ size, variant, storageKey, }: ColorSchemeButtonProps): JSX.Element;

package/dist/components/color-scheme-button/ColorSchemeButton.js

@@ -11,8 +11,10 @@ const COLOR_SCHEME_OPTIONS = [
   { value: "light", label: "Lyst", icon: /* @__PURE__ */ jsx(Sun, { size: 16 }) },
   { value: "dark", label: "M\xF8rkt", icon: /* @__PURE__ */ jsx(Moon, { size: 16 }) }
 ];
-function ColorSchemeMenuSection() {
-  const { colorScheme, switchColorScheme } = useColorScheme();
+function ColorSchemeMenuSection({
+  storageKey
+} = {}) {
+  const { colorScheme, switchColorScheme } = useColorScheme("system", { storageKey });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Menu.Header, { children: "Udseende" }),
     COLOR_SCHEME_OPTIONS.map((option) => /* @__PURE__ */ jsx(
@@ -30,9 +32,10 @@ function ColorSchemeMenuSection() {
 }
 function ColorSchemeButton({
   size,
-  variant = "outlined"
+  variant = "outlined",
+  storageKey
 }) {
-  const { colorScheme, switchColorScheme } = useColorScheme();
+  const { colorScheme, switchColorScheme } = useColorScheme("system", { storageKey });
   return /* @__PURE__ */ jsx(
     Popover,
     {

package/dist/components/forms/text-area/Textarea.cjs

@@ -19,6 +19,7 @@ const Textarea = function Textarea2({
   showCount,
   tooltip,
   tooltipPlacement = "right",
+  tooltipOpenOnFocus = true,
   showTooltip,
   placeholder,
   adjustHeight,
@@ -87,7 +88,7 @@ const Textarea = function Textarea2({
     placement: tooltipPlacement,
     offset: 8,
     delayOpenMs: 0,
-    focusOpenMode: "any",
+    focusOpenMode: tooltipOpenOnFocus ? "any" : "focus-visible",
     closeOnPointerDown: false
   });
   return /* @__PURE__ */ jsxRuntime.jsx(