@norges-domstoler/dds-components 13.8.1 → 13.8.3

package/dist/components/Search/Search.tokens.js

@@ -1,82 +0,0 @@
-import { ddsBaseTokens, ddsReferenceTokens } from '@norges-domstoler/dds-design-tokens';
-
-var spacing = ddsBaseTokens.spacing,
-  iconSizes = ddsBaseTokens.iconSizes,
-  colors = ddsBaseTokens.colors;
-var textDefault = ddsReferenceTokens.textDefault;
-var typographyTypes = {
-  small: 'bodySans01',
-  medium: 'bodySans02',
-  large: 'bodySans04'
-};
-var paddingLeftSmall = "".concat(spacing.SizesDdsSpacingLocalX075NumberPx + iconSizes.DdsIconsizeSmallNumberPx + spacing.SizesDdsSpacingLocalX05NumberPx, "px");
-var paddingLeftMedium = "".concat(spacing.SizesDdsSpacingLocalX075NumberPx + iconSizes.DdsIconsizeMediumNumberPx + spacing.SizesDdsSpacingLocalX05NumberPx, "px");
-var paddingLeftLarge = "".concat(spacing.SizesDdsSpacingLocalX075NumberPx + iconSizes.DdsIconsizeMediumNumberPx + spacing.SizesDdsSpacingLocalX05NumberPx, "px");
-var input = {
-  base: {
-    paddingRight: spacing.SizesDdsSpacingLocalX25,
-    paddingLeft: spacing.SizesDdsSpacingLocalX3
-  },
-  sizes: {
-    small: {
-      paddingTop: spacing.SizesDdsSpacingLocalX05,
-      paddingBottom: spacing.SizesDdsSpacingLocalX05,
-      paddingLeft: paddingLeftSmall
-    },
-    medium: {
-      paddingTop: spacing.SizesDdsSpacingLocalX075,
-      paddingBottom: spacing.SizesDdsSpacingLocalX075,
-      paddingLeft: paddingLeftMedium
-    },
-    large: {
-      paddingTop: spacing.SizesDdsSpacingLocalX1,
-      paddingBottom: spacing.SizesDdsSpacingLocalX1,
-      paddingLeft: paddingLeftLarge
-    }
-  }
-};
-var horisontalContainer = {
-  gap: spacing.SizesDdsSpacingLocalX05
-};
-var outerContainer = {
-  gap: spacing.SizesDdsSpacingLocalX0125
-};
-var searchIcon = {
-  base: {
-    left: spacing.SizesDdsSpacingLocalX075,
-    color: textDefault.textColor
-  },
-  small: {
-    top: "calc(50% - ".concat(iconSizes.DdsIconsizeSmallNumberPx / 2, "px)")
-  },
-  medium: {
-    top: "calc(50% - ".concat(iconSizes.DdsIconsizeMediumNumberPx / 2, "px)")
-  },
-  large: {
-    top: "calc(50% - ".concat(iconSizes.DdsIconsizeMediumNumberPx / 2, "px)")
-  }
-};
-var clearButton = {
-  right: spacing.SizesDdsSpacingLocalX075,
-  top: "calc(50% - 14px)",
-  color: textDefault.textColor
-};
-var suggestionsContainer = {
-  marginTop: spacing.SizesDdsSpacingLocalX025,
-  border: "1px solid ".concat(colors.DdsColorInteractiveBase),
-  boxShadow: "0 0 0 1px ".concat(colors.DdsColorInteractiveBase)
-};
-var suggestionsHeader = {
-  paddingLeft: spacing.SizesDdsSpacingLocalX1
-};
-var searchTokens = {
-  input: input,
-  searchIcon: searchIcon,
-  clearButton: clearButton,
-  horisontalContainer: horisontalContainer,
-  outerContainer: outerContainer,
-  suggestionsContainer: suggestionsContainer,
-  suggestionsHeader: suggestionsHeader
-};
-
-export { searchTokens, typographyTypes };

package/dist/components/Search/Search.utils.d.ts

@@ -1,9 +0,0 @@
-import { ChangeEvent } from 'react';
-/**
- * Lager en change-event som kan resette verdien i et input-felt.
- * Dette vil resultere i en event som har: event.target.value = ''.
- *
- * @param inputElementId Id'en til et gitt input-felt
- * @returns En change-event som har en tom streng som target value
- */
-export declare function createEmptyChangeEvent(inputElementId: string): ChangeEvent<HTMLInputElement>;

package/dist/components/Search/Search.utils.js

@@ -1,35 +0,0 @@
-/**
- * Lager en change-event som kan resette verdien i et input-felt.
- * Dette vil resultere i en event som har: event.target.value = ''.
- *
- * @param inputElementId Id'en til et gitt input-felt
- * @returns En change-event som har en tom streng som target value
- */
-function createEmptyChangeEvent(inputElementId) {
-  var inputElement = document.getElementById(inputElementId);
-  inputElement.value = '';
-  var emptyChangeEvent = {
-    target: inputElement,
-    currentTarget: inputElement,
-    bubbles: true,
-    cancelable: false,
-    defaultPrevented: false,
-    eventPhase: 0,
-    isTrusted: false,
-    preventDefault: function preventDefault() {},
-    stopPropagation: function stopPropagation() {},
-    nativeEvent: new Event('input'),
-    persist: function persist() {},
-    type: 'change',
-    timeStamp: Date.now(),
-    isDefaultPrevented: function isDefaultPrevented() {
-      return false;
-    },
-    isPropagationStopped: function isPropagationStopped() {
-      return false;
-    }
-  };
-  return emptyChangeEvent;
-}
-
-export { createEmptyChangeEvent };

package/dist/components/Search/SearchAutocompleteWrapper.d.ts

@@ -1,34 +0,0 @@
-import { ChangeEvent, ReactNode } from 'react';
-type WeightedValue = {
-    text: string;
-    relevance: number;
-};
-export type WeightedSearchData = {
-    array: WeightedValue[];
-    sortFunction?: (a: WeightedValue, b: WeightedValue) => number;
-};
-export type SearchData = {
-    array: string[];
-    sortFunction?: (a: string, b: string) => number;
-};
-export type SearchAutocompleteWrapperProps = {
-    /**Array med data som kan søkes på og eventuelt tilhørende sorteringsfunksjon. Array kan bestå av elementer av typen `string`  eller objekter med vekt og tekst.*/
-    data?: SearchData | WeightedSearchData;
-    /** Ekstra callback ved `onChange` i `<Search>`. */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
-    onSuggestionSelection?: () => void;
-    /** Custom filter for forslag. */
-    filter?: (sugestion: string, query: string) => boolean;
-    /**Minst lengde på query når forslag skal vises. */
-    queryLength?: number;
-    /** Barnet til komponenten (`<Search />`). */
-    children?: ReactNode;
-    /**Initielle `value` i `<Search>`. */
-    value?: string;
-};
-export declare const SearchAutocompleteWrapper: {
-    (props: SearchAutocompleteWrapperProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/components/Search/SearchAutocompleteWrapper.js

@@ -1,111 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect, useRef } from 'react';
-import { useOnClickOutside, useOnKeyDown, searchFilter } from '@norges-domstoler/dds-core';
-import { AutocompleteSearchContext } from './AutocompleteSearch.context.js';
-
-var SearchAutocompleteWrapper = function SearchAutocompleteWrapper(props) {
-  var value = props.value,
-    data = props.data,
-    filter = props.filter,
-    _props$queryLength = props.queryLength,
-    queryLength = _props$queryLength === void 0 ? 2 : _props$queryLength,
-    onChange = props.onChange,
-    onSuggestionSelection = props.onSuggestionSelection,
-    children = props.children;
-  var _useState = useState(value || ''),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputValue = _useState2[0],
-    setInputValue = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    suggestions = _useState4[0],
-    setSuggestions = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showSuggestions = _useState6[0],
-    setShowSuggestions = _useState6[1];
-  var closeSuggestions = function closeSuggestions() {
-    return showSuggestions === true && setShowSuggestions(false);
-  };
-  var openSuggestions = function openSuggestions() {
-    return showSuggestions === false && setShowSuggestions(true);
-  };
-  useEffect(function () {
-    if (suggestions.length > 0) {
-      openSuggestions();
-    } else {
-      closeSuggestions();
-    }
-  }, [suggestions]);
-  var isWeightedValueData = function isWeightedValueData(data) {
-    return data.array[0].relevance !== undefined;
-  };
-  var handleChange = function handleChange(e) {
-    var query = e.target.value;
-    handleSetInputValue(query);
-    var finalSuggestions = [];
-    if (query.length >= queryLength) {
-      if (data) {
-        if (isWeightedValueData(data)) {
-          var sortFunction = data.sortFunction,
-            array = data.array;
-          var filteredSuggestions = array.filter(function (suggestion) {
-            return filter ? filter(suggestion.text, query) : searchFilter(suggestion.text, query);
-          });
-          finalSuggestions = filteredSuggestions.sort(sortFunction ? function (a, b) {
-            return sortFunction(a, b);
-          } : undefined).map(function (item) {
-            return item.text;
-          });
-        } else {
-          var _sortFunction = data.sortFunction,
-            _array = data.array;
-          var _filteredSuggestions = _array.filter(function (suggestion) {
-            return filter ? filter(suggestion, query) : searchFilter(suggestion, query);
-          });
-          finalSuggestions = _filteredSuggestions.sort(_sortFunction ? function (a, b) {
-            return _sortFunction(a, b);
-          } : undefined);
-        }
-      }
-      setSuggestions(finalSuggestions);
-    } else {
-      setSuggestions([]);
-    }
-    onChange && onChange(e);
-  };
-  var handleSuggestionClick = function handleSuggestionClick(e) {
-    setSuggestions([]);
-    handleSetInputValue(e.target.innerText);
-    onSuggestionSelection && onSuggestionSelection();
-    closeSuggestions();
-  };
-  var handleSetInputValue = function handleSetInputValue(value) {
-    setInputValue(value || '');
-  };
-  var inputRef = useRef(null);
-  var suggestionsRef = useRef(null);
-  useOnClickOutside([inputRef.current, suggestionsRef.current], function () {
-    closeSuggestions();
-  });
-  useOnKeyDown('Tab', function () {
-    return closeSuggestions();
-  });
-  var contextProps = {
-    showSuggestions: showSuggestions,
-    inputRef: inputRef,
-    suggestionsRef: suggestionsRef,
-    suggestions: suggestions,
-    onValueChange: handleChange,
-    inputValue: inputValue,
-    onSugggestionClick: handleSuggestionClick
-  };
-  return jsx(AutocompleteSearchContext.Provider, {
-    value: contextProps,
-    children: children
-  });
-};
-SearchAutocompleteWrapper.displayName = 'SearchAutocompleteWrapper';
-
-export { SearchAutocompleteWrapper };

package/dist/components/Search/SearchSuggestions.d.ts

@@ -1,29 +0,0 @@
-import { SearchProps } from './Search';
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-import { MouseEvent } from 'react';
-export type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProps, 'componentSize'> & {
-    /**Forslag som vises i listen. */
-    suggestions?: string[];
-    /** Om listen skal vises. */
-    showSuggestions?: boolean;
-    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
-    onSuggestionClick?: (e: MouseEvent<HTMLButtonElement>) => void;
-    /** Maks antall forslag vist i listen. */
-    maxSuggestions?: number;
-    /**Id til `<Search>`. */
-    searchId: string;
-}>;
-export declare const SearchSuggestions: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & Pick<SearchProps, "componentSize"> & {
-    /**Forslag som vises i listen. */
-    suggestions?: string[] | undefined;
-    /** Om listen skal vises. */
-    showSuggestions?: boolean | undefined;
-    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
-    onSuggestionClick?: ((e: MouseEvent<HTMLButtonElement>) => void) | undefined;
-    /** Maks antall forslag vist i listen. */
-    maxSuggestions?: number | undefined;
-    /**Id til `<Search>`. */
-    searchId: string;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Search/SearchSuggestions.js

@@ -1,91 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { Paper, visibilityTransition, removeListStyling, derivativeIdGenerator, useRoveFocus, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { OverflowMenuItem } from '../OverflowMenu/OverflowMenuItem.js';
-import { typographyTypes, searchTokens } from './Search.tokens.js';
-import { getFontStyling, Typography } from '@norges-domstoler/dds-typography';
-import { forwardRef } from 'react';
-import '../ScrollableContainer/Scrollbar.js';
-import '../ScrollableContainer/ScrollableContainer.js';
-import { scrollbarStyling } from '../ScrollableContainer/scrollbarStyling.js';
-
-var suggestionsContainer = searchTokens.suggestionsContainer,
-  suggestionsHeader = searchTokens.suggestionsHeader;
-var SuggestionsContainer = styled(Paper).withConfig({
-  displayName: "SearchSuggestions__SuggestionsContainer",
-  componentId: "sc-nlwf4s-0"
-})(["", ";position:absolute;top:100%;width:100%;max-height:300px;margin-top:", ";border:", ";box-shadow:", ";z-index:80;overflow-y:scroll;", " ", ""], function (_ref) {
-  var isHidden = _ref.isHidden;
-  return visibilityTransition(!isHidden);
-}, suggestionsContainer.marginTop, suggestionsContainer.border, suggestionsContainer.boxShadow, scrollbarStyling.firefox, scrollbarStyling.webkit);
-var MenuItem = styled(OverflowMenuItem).withConfig({
-  displayName: "SearchSuggestions__MenuItem",
-  componentId: "sc-nlwf4s-1"
-})(["", ""], function (_ref2) {
-  var size = _ref2.size;
-  return getFontStyling(typographyTypes[size]);
-});
-var SuggestionsList = styled.ul.withConfig({
-  displayName: "SearchSuggestions__SuggestionsList",
-  componentId: "sc-nlwf4s-2"
-})(["", ""], removeListStyling);
-var SuggestionsHeader = styled(Typography).withConfig({
-  displayName: "SearchSuggestions__SuggestionsHeader",
-  componentId: "sc-nlwf4s-3"
-})(["padding-left:", ";"], suggestionsHeader.paddingLeft);
-var SearchSuggestions = /*#__PURE__*/forwardRef(function (props, ref) {
-  var id = props.id,
-    searchId = props.searchId,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    _props$suggestions = props.suggestions,
-    suggestions = _props$suggestions === void 0 ? [] : _props$suggestions,
-    showSuggestions = props.showSuggestions,
-    componentSize = props.componentSize,
-    onSuggestionClick = props.onSuggestionClick,
-    maxSuggestions = props.maxSuggestions,
-    rest = __rest(props, ["id", "searchId", "className", "htmlProps", "suggestions", "showSuggestions", "componentSize", "onSuggestionClick", "maxSuggestions"]);
-  var suggestionsHeaderId = derivativeIdGenerator(searchId, 'suggestions-header');
-  var _useRoveFocus = useRoveFocus(suggestions && suggestions.length, !showSuggestions),
-    _useRoveFocus2 = _slicedToArray(_useRoveFocus, 2),
-    focus = _useRoveFocus2[0],
-    setFocus = _useRoveFocus2[1];
-  var suggestionsToRender = maxSuggestions ? suggestions === null || suggestions === void 0 ? void 0 : suggestions.slice(maxSuggestions) : suggestions;
-  var renderedSuggestions = jsx(SuggestionsList, {
-    role: "listbox",
-    "aria-labelledby": suggestionsHeaderId,
-    children: suggestionsToRender.map(function (suggestion, index) {
-      return jsx("li", {
-        role: "option",
-        children: jsx(MenuItem, {
-          index: index,
-          focus: focus === index && showSuggestions,
-          setFocus: setFocus,
-          "aria-label": "s\xF8k p\xE5 ".concat(suggestion),
-          onClick: onSuggestionClick,
-          title: suggestion,
-          "aria-setsize": suggestionsToRender.length,
-          "aria-posinset": index,
-          size: componentSize
-        })
-      }, index);
-    })
-  });
-  var isHidden = !showSuggestions;
-  return jsxs(SuggestionsContainer, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-    ref: ref,
-    isHidden: isHidden,
-    "aria-hidden": isHidden,
-    children: [jsx(SuggestionsHeader, {
-      typographyType: "supportingStyleTiny01",
-      forwardedAs: "span",
-      id: suggestionsHeaderId,
-      children: "S\xF8keforslag"
-    }), renderedSuggestions]
-  }));
-});
-SearchSuggestions.displayName = 'SearchSuggestions';
-
-export { SearchSuggestions };

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

@@ -1,10 +0,0 @@
-import { Search as BaseSearch, SearchProps, SearchSize } from './Search';
-import { SearchAutocompleteWrapper, SearchAutocompleteWrapperProps, SearchData, WeightedSearchData } from './SearchAutocompleteWrapper';
-import { SearchSuggestions, SearchSuggestionsProps } from './SearchSuggestions';
-type SearchCompoundProps = typeof BaseSearch & {
-    AutocompleteWrapper: typeof SearchAutocompleteWrapper;
-    Suggestions: typeof SearchSuggestions;
-};
-declare const Search: SearchCompoundProps;
-export { Search };
-export type { SearchProps, SearchSize, SearchData, WeightedSearchData, SearchAutocompleteWrapperProps, SearchSuggestionsProps, };

package/dist/components/Search/index.js

@@ -1,9 +0,0 @@
-import { Search as Search$1 } from './Search.js';
-import { SearchAutocompleteWrapper } from './SearchAutocompleteWrapper.js';
-import { SearchSuggestions } from './SearchSuggestions.js';
-
-var Search = Search$1;
-Search.AutocompleteWrapper = SearchAutocompleteWrapper;
-Search.Suggestions = SearchSuggestions;
-
-export { Search };

package/dist/components/Select/CustomSelect.stories.d.ts

@@ -1,66 +0,0 @@
-import React from 'react';
-import { SelectOption, SelectProps } from '.';
-declare const _default: {
-    title: string;
-    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>(props: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | React.MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => import("react/jsx-runtime").JSX.Element;
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        tip: {
-            control: {
-                type: string;
-            };
-        };
-        errorMessage: {
-            control: {
-                type: string;
-            };
-        };
-        width: {
-            control: {
-                type: string;
-            };
-        };
-        placeholder: {
-            control: {
-                type: string;
-            };
-        };
-        isDisabled: {
-            control: {
-                type: string;
-            };
-        };
-        isClearable: {
-            control: {
-                type: string;
-            };
-        };
-        required: {
-            control: {
-                type: string;
-            };
-        };
-        readOnly: {
-            control: {
-                type: string;
-            };
-        };
-        isLoading: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-type SingleSelectProps = SelectProps<SelectOption, false>;
-export declare const Example: (args: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/MultiSelect.stories.d.ts

@@ -1,75 +0,0 @@
-/// <reference types="react" />
-import { SelectProps } from './Select';
-declare const _default: {
-    title: string;
-    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>(props: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | import("react").MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => import("react/jsx-runtime").JSX.Element;
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        tip: {
-            control: {
-                type: string;
-            };
-        };
-        errorMessage: {
-            control: {
-                type: string;
-            };
-        };
-        width: {
-            control: {
-                type: string;
-            };
-        };
-        placeholder: {
-            control: {
-                type: string;
-            };
-        };
-        isDisabled: {
-            control: {
-                type: string;
-            };
-        };
-        isClearable: {
-            control: {
-                type: string;
-            };
-        };
-        required: {
-            control: {
-                type: string;
-            };
-        };
-        readOnly: {
-            control: {
-                type: string;
-            };
-        };
-        isLoading: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-type Option = {
-    label: string;
-    value: string;
-};
-type MultiSelectProps = SelectProps<Option, true>;
-export declare const Overview: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewSizes: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithLabel: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithDefaultValue: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithFitContent: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/Select.d.ts

@@ -1,37 +0,0 @@
-import { Property } from 'csstype';
-import React, { HTMLAttributes } from 'react';
-import { GroupBase, OptionProps, Props as ReactSelectProps, SelectInstance, SingleValueProps } from 'react-select';
-import { WithRequiredIf } from '@norges-domstoler/dds-core';
-import { SvgIcon } from '@norges-domstoler/dds-icons';
-import { InputSize } from '@norges-domstoler/dds-form';
-export type SelectOption<TValue = unknown> = {
-    label: string | number;
-    value: TValue;
-};
-export declare const createSelectOptions: <TValue extends string | number>(...args: TValue[]) => SelectOption<TValue>[];
-type WrappedReactSelectProps<TOption extends Record<string, unknown>, IsMulti extends boolean, Group extends GroupBase<TOption>> = WithRequiredIf<TOption extends SelectOption ? false : true, ReactSelectProps<TOption, IsMulti, Group>, 'getOptionLabel' | 'getOptionValue'>;
-export type SelectProps<TOption extends Record<string, unknown>, IsMulti extends boolean> = {
-    /**Ledetekst for nedtrekkslisten. */
-    label?: string;
-    /**Størrelsen på komponenten. */
-    componentSize?: InputSize;
-    /**Ikonet som vises i komponenten. */
-    icon?: SvgIcon;
-    /**Nedtrekkslisten blir disabled og får readOnly styling. */
-    readOnly?: boolean;
-    /**Meldingen som vises ved valideringsfeil. */
-    errorMessage?: string;
-    /**Hjelpetekst. */
-    tip?: string;
-    /**Custom bredde ved behov. */
-    width?: Property.Width<string>;
-    /** CSS klassenavn. */
-    className?: string;
-    /** Inline styling. */
-    style?: React.CSSProperties;
-    customOptionElement?: (props: OptionProps<TOption, IsMulti, GroupBase<TOption>>) => JSX.Element;
-    customSingleValueElement?: (props: SingleValueProps<TOption, IsMulti, GroupBase<TOption>>) => JSX.Element;
-} & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<TOption, IsMulti, GroupBase<TOption>>;
-type ForwardRefType<TOption, IsMulti extends boolean> = React.ForwardedRef<SelectInstance<TOption, IsMulti, GroupBase<TOption>>>;
-export declare const Select: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>(props: SelectProps<TOption, IsMulti>, ref: ForwardRefType<TOption, IsMulti>) => import("react/jsx-runtime").JSX.Element;
-export {};