@equinor/amplify-component-lib 9.14.1 → 9.15.0

package/dist/molecules/Select/Select.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as o,useMemo as n}from"react";import{Label as l,Icon as r}from"@equinor/eds-core-react";import{arrow_drop_up as a,arrow_drop_down as i,clear as s}from"@equinor/eds-icons";import{useSelect as m}from"../../atoms/hooks/useSelect.js";import{colors as c}from"../../atoms/style/colors.js";import{getVariantIcon as d}from"../../atoms/utils/forms.js";import{GroupedSelectMenu as u}from"./GroupedSelectMenu.js";import{ListSelectMenu as h}from"./ListSelectMenu.js";import{ValueText as p,ComboBoxChip as g,Wrapper as f,Container as b,Section as v,PlaceholderText as C,ClearButton as S,HelperWrapper as x,StyledMenu as y}from"./Select.styles.js";import{SkeletonField as I}from"../Skeleton/SkeletonField.js";import{useOutsideClick as w}from"../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";const $=$=>{const{clearable:k=!0,loading:O=!1,disabled:A=!1,lightBackground:T=!1,underlineHighlight:j=!1,sortValues:V=!0,placeholder:D="Select...",label:M,helperText:R,showHelperIcon:F=!0,meta:_,id:B=`amplify-combobox-${M}`,variant:K,inDialog:q=!1,onSearchFilter:H,"data-testid":W,CustomMenuItemComponent:z}=$,{handleOnAddItem:E,handleOnClear:G,handleOnItemKeyDown:L,handleOnItemSelect:N,handleOnSearchChange:Y,handleOnSearchKeyDown:J,handleToggleOpen:P,itemRefs:Q,search:U,selectedValues:X,handleOnClose:Z,handleOnOpen:ee,handleOnRemoveItem:te,open:oe,searchRef:ne,tryingToRemoveItem:le}=m({...$,clearable:k,loading:O,disabled:A,lightBackground:T,underlineHighlight:j,sortValues:V,placeholder:D}),re=o(`${Math.max(40,80*Math.random())}%`),ae=o(null),ie=o(null),se=n((()=>!!M||!!_),[M,_]),me=n((()=>!!R),[R]),ce=n((()=>{if(F)return d(K)}),[F,K]);w(ie.current,(e=>{q&&oe&&e.target&&ae.current&&ie.current&&!ae.current.contains(e.target)&&!ie.current?.contains(e.target)&&Z()}));const de=n((()=>{if("value"in $&&$.value&&"customValueComponent"in $&&$.customValueComponent)return e($.customValueComponent,{item:$.value});if("value"in $&&$.value)return e(p,{children:$.value.label});if("showSelectedAsText"in $&&$.showSelectedAsText){const t=$.items?$.items.length:$.groups.flatMap((e=>e.items)).length,o="function"==typeof $.showSelectedAsText?$.showSelectedAsText({selectedAmount:X.length,totalAmount:t}):`${X.length}/${t} Selected`;return e(p,{children:o})}return X.map((t=>"customValueComponent"in $&&$.customValueComponent?e($.customValueComponent,{item:t,onDelete:()=>te(t),tryingToRemove:void 0!==le&&le.value===t.value},t.value):e(g,{"data-testid":"amplify-combobox-chip",className:"amplify-combo-box-chip",onDelete:()=>te(t),$tryingToRemove:le?.value===t.value,$lightBackground:T,children:t.label},t.value)))}),[X,le,T,$,te]);return t("div",{children:[se&&e(l,{label:M,meta:_,htmlFor:B,disabled:A}),t(f,{children:[t(b,{"data-testid":W||"combobox-container",ref:ae,onClick:ee,"aria-expanded":oe,$variant:K,$loading:O,$lightBackground:T,children:[t(v,{children:[""===U&&0===X.length&&e(C,{children:D}),(""===U&&"value"in $||"values"in $&&X.length>0&&(!$.showSelectedAsText||$.showSelectedAsText&&""===U))&&de,e("input",{id:B,disabled:A||O,ref:ne,type:"search",role:"combobox",value:U,autoComplete:"off",onChange:Y,onKeyDownCapture:J}),O&&e(I,{role:"progressbar",style:{width:re.current,left:0,top:"50%",transform:"translateY(-50%)"}})]}),e(r,{onClick:P,data:oe?a:i,color:O?c.interactive.disabled__fill.rgba:c.interactive.primary__resting.rgba}),k&&X.length>0&&!O&&e(S,{id:"clear",variant:"ghost_icon",onClick:G,"data-testid":"clearBtn",children:e(r,{data:s,size:18})})]}),me&&t(x,{$variant:A?"disabled":K,children:[ce&&e(r,{data:ce,size:16}),e(l,{label:R,htmlFor:B})]})]}),oe&&e(y,{ref:ie,open:!0,id:"combobox-menu",anchorEl:ae.current,onClose:Z,placement:"bottom",style:{width:`${ae.current?.clientWidth}px`,maxWidth:`${ae.current?.clientWidth}px`},children:"groups"in $&&$.groups?e(u,{...$,search:U,itemRefs:Q,onItemSelect:N,onItemKeyDown:L,onSearchFilter:H,CustomMenuItemComponent:z}):e(h,{...$,search:U,itemRefs:Q,onAddItem:$.onAddItem?E:void 0,onItemSelect:N,onItemKeyDown:L,onSearchFilter:H,CustomMenuItemComponent:z})},`select-menu-${U}`)]})};export{$ as Select};

package/dist/molecules/Select/Select.styles.d.ts

@@ -1,119 +0,0 @@
-import { Button } from '@equinor/eds-core-react';
-import { Variants } from '../../atoms/types/variants';
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-interface HelperWrapperProps {
-    $variant?: Variants | 'disabled';
-}
-export declare const HelperWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, HelperWrapperProps>> & string;
-interface ContainerProps {
-    $lightBackground?: boolean;
-    $variant?: Variants;
-    $loading?: boolean;
-}
-declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
-declare const Section: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-declare const ClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
-    as?: import("react").ElementType | undefined;
-} & {
-    color?: "primary" | "danger" | "secondary";
-    variant?: "contained" | "contained_icon" | "outlined" | "ghost" | "ghost_icon";
-    href?: string;
-    disabled?: boolean;
-    type?: string;
-    fullWidth?: boolean;
-} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Omit<any, "variant" | "href" | "fullWidth" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, never>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("@equinor/eds-core-react").ButtonProps, HTMLButtonElement> & {
-    Group: typeof import("@equinor/eds-core-react").ButtonGroup;
-    Toggle: typeof import("@equinor/eds-core-react").ToggleButton;
-}, keyof import("react").Component<any, {}, any>>;
-interface ComboBoxChipProps {
-    $tryingToRemove: boolean;
-    $lightBackground?: boolean;
-    className: string;
-}
-declare const ComboBoxChip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<((Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & (import("../Chip/Chip").ClickableChipProps | import("../Chip/Chip").DeletableChipProps | (import("../Chip/Chip").BaseChipProps & {
-    onClick?: undefined;
-    onDelete?: undefined;
-}))) & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>) & import("styled-components/dist/types").BaseObject, ComboBoxChipProps>> & string & Omit<import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & (import("../Chip/Chip").ClickableChipProps | import("../Chip/Chip").DeletableChipProps | (import("../Chip/Chip").BaseChipProps & {
-    onClick?: undefined;
-    onDelete?: undefined;
-}))) & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
-interface CustomMenuItemProps {
-    $paddedLeft?: boolean;
-    $selected?: boolean;
-}
-declare const StyledMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
-    as?: import("react").ElementType | undefined;
-} & {
-    index?: number;
-    active?: boolean;
-    disabled?: boolean;
-    onClick?: (e: React.MouseEvent) => void;
-    closeMenuOnClick?: boolean;
-    as?: import("react").ElementType;
-} & import("react").HTMLAttributes<HTMLButtonElement> & Omit<any, "active" | "disabled" | "as" | keyof import("react").HTMLAttributes<HTMLButtonElement> | "index" | "closeMenuOnClick">, CustomMenuItemProps>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("@equinor/eds-core-react").MenuItemProps, HTMLButtonElement> & {
-    displayName?: string;
-}, keyof import("react").Component<any, {}, any>>;
-declare const MenuItemSpacer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>> & string;
-declare const PlaceholderText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<({
-    as?: import("react").ElementType | undefined;
-} & (import("@equinor/eds-core-react").TypographyProps & Omit<any, "nonce" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "italic" | "bold" | "variant" | "link" | "group" | "token" | "lines">)) & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("@equinor/eds-core-react").TypographyProps, HTMLElement>, keyof import("react").Component<any, {}, any>>;
-declare const ValueText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<{
-    as?: import("react").ElementType | undefined;
-} & {
-    variant?: import("@equinor/eds-core-react/dist/types/components/Typography/Typography.tokens").TypographyVariants;
-    group?: import("@equinor/eds-core-react/dist/types/components/Typography/Typography.tokens").TypographyGroups;
-    bold?: boolean;
-    italic?: boolean;
-    link?: boolean;
-    color?: import("@equinor/eds-core-react/dist/types/components/Typography/Typography.tokens").ColorVariants | string;
-    token?: Partial<import("@equinor/eds-tokens").Typography>;
-    lines?: number;
-} & import("react").HTMLAttributes<HTMLElement> & Omit<any, "nonce" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "italic" | "bold" | "variant" | "link" | "group" | "token" | "lines">, never> | import("styled-components").FastOmit<{
-    as?: import("react").ElementType | undefined;
-} & {
-    variant?: import("@equinor/eds-core-react/dist/types/components/Typography/Typography.tokens").TypographyVariants;
-    group?: import("@equinor/eds-core-react/dist/types/components/Typography/Typography.tokens").TypographyGroups;
-    bold?: boolean;
-    italic?: boolean;
-    link?: boolean;
-    color?: import("@equinor/eds-core-react/dist/types/components/Typography/Typography.tokens").ColorVariants | string;
-    token?: Partial<import("@equinor/eds-tokens").Typography>;
-    lines?: number;
-} & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & Omit<any, "nonce" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "italic" | "bold" | "variant" | "link" | "group" | "token" | "lines">, never>, import("styled-components/dist/types").BaseObject>> & string;
-declare const NoTagFoundText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<({
-    as?: import("react").ElementType | undefined;
-} & (import("@equinor/eds-core-react").TypographyProps & Omit<any, "nonce" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "italic" | "bold" | "variant" | "link" | "group" | "token" | "lines">)) & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("@equinor/eds-core-react").TypographyProps, HTMLElement>, keyof import("react").Component<any, {}, any>>;
-declare const NoItemsFoundText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<({
-    as?: import("react").ElementType | undefined;
-} & (import("@equinor/eds-core-react").TypographyProps & Omit<any, "nonce" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "italic" | "bold" | "variant" | "link" | "group" | "token" | "lines">)) & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("@equinor/eds-core-react").TypographyProps, HTMLElement>, keyof import("react").Component<any, {}, any>>;
-declare const StyledMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
-    anchorEl?: HTMLElement | null;
-    open: boolean;
-    onClose?: () => void;
-    placement?: import("@floating-ui/utils").Placement;
-    matchAnchorWidth?: boolean;
-} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<{
-    anchorEl?: HTMLElement | null;
-    open: boolean;
-    onClose?: () => void;
-    placement?: import("@floating-ui/utils").Placement;
-    matchAnchorWidth?: boolean;
-} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
-    Item: typeof import("@equinor/eds-core-react").MenuItem;
-    Section: typeof import("@equinor/eds-core-react").MenuSection;
-}, keyof import("react").Component<any, {}, any>>;
-declare const MenuItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const SmallButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
-    as?: import("react").ElementType | undefined;
-} & {
-    color?: "primary" | "danger" | "secondary";
-    variant?: "contained" | "contained_icon" | "outlined" | "ghost" | "ghost_icon";
-    href?: string;
-    disabled?: boolean;
-    type?: string;
-    fullWidth?: boolean;
-} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Omit<any, "variant" | "href" | "fullWidth" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, never>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("@equinor/eds-core-react").ButtonProps, HTMLButtonElement> & {
-    Group: typeof import("@equinor/eds-core-react").ButtonGroup;
-    Toggle: typeof import("@equinor/eds-core-react").ToggleButton;
-}, keyof import("react").Component<any, {}, any>>;
-export { Button, ClearButton, Container, MenuItemSpacer, StyledMenu, NoTagFoundText, NoItemsFoundText, PlaceholderText, ComboBoxChip, Section, MenuItemWrapper, SmallButton, StyledMenuItem, ValueText, };

package/dist/molecules/Select/Select.styles.js

@@ -1,213 +0,0 @@
-import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";export{Button}from"@equinor/eds-core-react";import{animation as i}from"../../atoms/style/animation.js";import{colors as a,VARIANT_HELPER_TEXT_COLORS as o,VARIANT_COLORS as n}from"../../atoms/style/colors.js";import{spacings as s}from"../../atoms/style/spacings.js";import{Chip as l}from"../Chip/Chip.js";import d,{css as c}from"styled-components";const p=d.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${s.small};
-`,g=d.span`
-  display: flex;
-  gap: ${s.small};
-  align-items: center;
-  margin-left: ${s.small};
-  width: calc(100% - ${s.small});
-  > label {
-    margin: 0;
-  }
-  ${({$variant:t})=>t?c`
-      > label {
-        color: ${"disabled"===t?a.interactive.disabled__text.rgba:o[t]};
-      }
-      > svg {
-        flex-shrink: 0;
-        fill: ${"disabled"===t?a.interactive.disabled__text.rgba:o[t]};
-      }
-    `:""}
-`,b=d.div`
-  position: relative;
-  display: grid;
-  grid-template-columns: 1fr auto;
-  align-items: center;
-  padding: 6px 8px;
-  transition:
-    background ${i.transitionMS},
-    box-shadow ${i.transitionMS};
-  &:hover:not(:has(input:disabled)) {
-    cursor: pointer;
-    background: ${a.ui.background__light_medium.rgba};
-  }
-
-  ${({$variant:t})=>t?"dirty"===t?c`
-        box-shadow: inset 0 -2px 0 0 ${n[t]};
-        &:hover {
-          box-shadow: inset 0 -2px 0 0 ${n[t]};
-        }
-      `:c`
-      outline: 1px solid ${n[t]};
-      &:hover {
-        box-shadow: inset 0 -1px 0 0 ${n[t]};
-      }
-    `:c`
-        box-shadow: inset 0 -1px 0 0 ${a.text.static_icons__tertiary.rgba};
-        &:hover {
-          box-shadow: inset 0 -2px 0 0
-            ${a.text.static_icons__tertiary.rgba};
-        }
-      `}
-
-  ${({$lightBackground:t})=>t?`background-color: ${a.ui.background__default.rgba}`:`background-color: ${a.ui.background__light.rgba}`};
-
-  &[aria-expanded='true'] {
-    box-shadow: inset 0 -2px 0 0 ${a.interactive.primary__resting.rgba};
-  }
-
-  > svg[role='progressbar'] {
-    overflow: unset;
-  }
-  > svg:not([role='progressbar']) {
-    cursor: pointer;
-    &:hover {
-      background: ${a.interactive.primary__hover_alt.rgba};
-      border-radius: 50%;
-    }
-  }
-
-  &:has(input:disabled) {
-    outline: none;
-    cursor: not-allowed;
-    box-shadow: inset 0 -1px 0 0 ${a.interactive.disabled__text.rgba} !important;
-    > svg:not([role='progressbar']) {
-      cursor: not-allowed;
-      fill: ${a.interactive.disabled__text.rgba};
-      &:hover {
-        background: transparent;
-      }
-    }
-    > label {
-      color: ${a.interactive.disabled__text.rgba};
-    }
-  }
-
-  &:has(button#clear) {
-    > section {
-      width: calc(100% - 24px);
-    }
-  }
-`,h=d.section`
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  gap: ${s.x_small};
-  min-height: 24px;
-  input[type='search'] {
-    background: transparent;
-    width: 0;
-    flex-grow: 1;
-    padding: 0;
-    font-family: 'Equinor', sans-serif;
-    color: ${a.text.static_icons__default.rgba};
-    outline: none;
-    border: none;
-  }
-  input[type='search']:disabled {
-    cursor: not-allowed;
-  }
-  input[type='search']::-webkit-search-decoration,
-  input[type='search']::-webkit-search-cancel-button,
-  input[type='search']::-webkit-search-results-button,
-  input[type='search']::-webkit-search-results-decoration {
-    appearance: none;
-  }
-  &:has(input:disabled) {
-    > p {
-      color: ${a.interactive.disabled__text.rgba};
-    }
-    > .amplify-combo-box-chip {
-      cursor: not-allowed;
-      background: ${a.interactive.disabled__fill.rgba};
-      color: ${a.interactive.disabled__text.rgba};
-      > svg {
-        fill: ${a.interactive.disabled__text.rgba};
-        &:hover {
-          cursor: not-allowed;
-          background: none;
-        }
-      }
-    }
-  }
-`,u=d(t)`
-  position: absolute;
-  top: 50%;
-  transform: translate(0, -50%);
-  right: 32px;
-  width: 24px;
-  height: 24px;
-  svg {
-    fill: ${a.text.static_icons__secondary.rgba};
-  }
-  &:after {
-    width: 24px;
-    height: 24px;
-    left: 0;
-  }
-`,_=d(l)`
-  background: ${({$tryingToRemove:t,$lightBackground:e})=>t?a.interactive.primary__hover_alt.rgba:e?a.ui.background__light.rgba:a.ui.background__default.rgba} !important;
-`,m=d(e.Item)`
-  flex-grow: 1;
-  ${({$paddedLeft:t})=>t&&"margin-left: 36px"};
-  padding-left: 10px;
-  
-  > div {
-    grid-auto-columns: auto;
-    justify-content: flex-start;
-  }
-
-  &:hover {
-    background: ${a.interactive.primary__hover_alt.rgba};
-  }
-
-  &:focus-visible {
-    outline: 2px dashed ${a.interactive.primary__resting.rgba};
-  }
-
-    ${({$selected:t})=>t?c`
-            background: ${a.interactive.primary__selected_highlight.rgba};
-
-            &:hover {
-              background: ${a.interactive.primary__selected_hover.rgba};
-            }
-          `:""}}
-`,x=d.hr`
-  height: calc(100% + ${s.medium} * 2);
-  justify-self: center;
-  width: ${s.x_large};
-  min-width: ${s.x_large};
-`,$=d(r)`
-  user-select: none;
-  pointer-events: none;
-  position: absolute;
-  color: ${a.text.static_icons__tertiary.rgba};
-  top: calc(50%);
-  transform: translate(0, -50%);
-`,v=d($)`
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: ${a.text.static_icons__default.rgba};
-  max-width: 100%;
-`,f=d(r)`
-  margin: ${s.medium};
-`,w=d(r)`
-  margin-left: ${s.medium};
-`,y=d(e)`
-  max-height: 20rem;
-  max-width: inherit;
-  overflow-y: auto;
-  > div {
-    width: inherit;
-    max-width: inherit;
-  }
-`,k=d.div`
-  display: flex;
-  align-items: center;
-`,j=d(t)`
-  width: 36px;
-  height: 36px;
-`;export{u as ClearButton,_ as ComboBoxChip,b as Container,g as HelperWrapper,x as MenuItemSpacer,k as MenuItemWrapper,w as NoItemsFoundText,f as NoTagFoundText,$ as PlaceholderText,h as Section,j as SmallButton,y as StyledMenu,m as StyledMenuItem,v as ValueText,p as Wrapper};

package/dist/molecules/Select/Select.utils.js

@@ -1 +0,0 @@
-function e(n,r){return n.length+n.slice(0,r).map((n=>e(n.children??[],0))).reduce(((e,n)=>e+n),0)}const n=e=>{const n=e=>{if(!e?.length)return[];const r=e.flatMap((({children:e,value:n})=>e?.map((e=>({...e,parent:n})))??[]));return[...r,...n(r)]};return[...e,...n(e)]},r=e=>{const n=new Array(e.length).fill(0);for(let r=1;r<e.length;r++)n[r]=n[r-1]+e[r-1];return n};export{n as flattenOptions,e as getChildOffset,r as getCumulativeArrayFromNumberedArray};

package/dist/molecules/Select/SelectMenuItem.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{useState as n,useRef as l,useMemo as o}from"react";import{Icon as i}from"@equinor/eds-core-react";import{checkbox_outline as c,chevron_down as a,chevron_right as s,checkbox as u}from"@equinor/eds-icons";import{tokens as d}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{getChildOffset as m}from"./Select.utils.js";import{getParentIcon as p,getParentState as h}from"./SelectMenuItem.utils.js";import{spacings as v}from"../../atoms/style/spacings.js";import{MenuItemSpacer as f,MenuItemWrapper as y,SmallButton as g,StyledMenuItem as w}from"./Select.styles.js";const{colors:k}=d,C=d=>{const{index:I,childOffset:b,depth:x=0,item:D,itemRefs:$,onItemKeyDown:A,onItemSelect:S,parentHasNestedItems:_=!1,CustomMenuItemComponent:j}=d,[K,M]=n(!1),O=l(-1),q=l([]),L=("values"in d?d.values.map((({value:e})=>e)):[]).includes(D.value),R=o((()=>"value"in d?c:p(D,d.values)),[D,d]),H=o((()=>"value"in d?"none":h(D,d.values)),[D,d]),N=o((()=>new Array(x).fill(0).map(((r,t)=>e(f,{},`spacer-${r+t}`)))),[x]),U=e=>{e.preventDefault(),S(D)},P=e=>{e.stopPropagation(),M((e=>!e))},z=e=>{"ArrowDown"===e.key?O.current+=1:"ArrowUp"===e.key&&(O.current-=1),O.current<=-1?($.current[I]?.focus(),O.current=-1):O.current+b===q.current.length?(O.current=-1,A(e),M(!1)):O.current>=0&&O.current<q.current.length-b&&q.current[O.current+b]?.focus()},B=e=>{!K&&"ArrowDown"===e.key||"ArrowUp"===e.key?A(e):"ArrowRight"===e.key||"ArrowLeft"===e.key?M((e=>!e)):K&&"ArrowDown"===e.key&&-1===O.current&&(O.current=0,q.current[O.current+b]?.focus())};return D.children&&D.children.length>0&&"values"in d?r(t,{children:[r(y,{style:{paddingLeft:0===x?v.small:0},children:[N,e(g,{variant:"ghost_icon",onClick:P,"data-testid":"toggle-button",children:e(i,{color:k.interactive.primary__resting.rgba,data:K?a:s})}),e(w,{$depth:x,ref:e=>{$.current[I]=e},index:I,closeMenuOnClick:!1,onKeyDownCapture:B,onClick:U,children:j?e(j,{item:D,selectedState:H}):r(t,{children:[e(i,{color:k.interactive.primary__resting.rgba,data:R}),e("span",{children:D.label})]})})]}),K&&D.children.map(((r,t)=>e(C,{index:b+t,childOffset:b+m(D.children,t),depth:x+1,item:r,itemRefs:q,values:d.values,onItemKeyDown:z,onItemSelect:S,parentHasNestedItems:!0,CustomMenuItemComponent:j},`child-${t}-${r.value}-${D.value}`)))]}):"values"in d?r(y,{children:[N,e(w,{$depth:x,$paddedLeft:_,ref:e=>{$.current[I]=e},index:I,tabIndex:x,closeMenuOnClick:!1,onKeyDownCapture:A,onClick:U,children:j?e(j,{item:D,selectedState:L?"selected":"none"}):r(t,{children:[e(i,{color:k.interactive.primary__resting.rgba,data:L?u:c}),e("span",{children:D.label})]})})]}):e(y,{children:e(w,{$depth:x,$selected:d.value&&D.value===d.value.value,ref:e=>{$.current[I]=e},index:I,onKeyDownCapture:A,onClick:U,children:j?e(j,{item:D,selectedState:d.value&&D.value===d.value.value?"selected":"none"}):e("span",{children:D.label})})})};export{C as SelectMenuItem};

package/dist/molecules/Select/SelectMenuItem.utils.js

@@ -1 +0,0 @@
-import{checkbox_outline as e,checkbox_indeterminate as n,checkbox as t}from"@equinor/eds-icons";import{flattenOptions as o}from"./Select.utils.js";const r={selected:t,indeterminate:n,none:e};function i(e,n){const t=c(e,n);return r[t]}function c(e,n){if(!e.children||0===e.children.length)return"none";const t=n.some((n=>n.value===e.value)),r=n.map((({value:e})=>e)),i=o([e])?.map((({value:e})=>e));return t?"selected":i.some((e=>r.includes(e)))?"indeterminate":"none"}export{i as getParentIcon,c as getParentState};

package/dist/molecules/Select/SingleSelect/SingleSelect.js

@@ -1 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{Select as t}from"../Select.js";function e(e){return r(t,{...e})}export{e as SingleSelect};

package/dist/molecules/SelectionControls/Checkbox/Checkbox.js

@@ -1 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Checkbox as e}from"@equinor/eds-core-react";import{Wrapper as t}from"../SelectionControls.styles.js";const i=o(((o,i)=>{const{outlined:c,error:m,...n}=o;return r(t,{$outlined:c||!1,$error:m,children:r(e,{ref:i,...n})})}));i.displayName="Checkbox";export{i as Checkbox};

package/dist/molecules/SelectionControls/Radio/Radio.js

@@ -1 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Radio as o}from"@equinor/eds-core-react";import{Wrapper as t}from"../SelectionControls.styles.js";const i=e(((e,i)=>{const{outlined:c,error:d,...m}=e;return r(t,{$outlined:c||!1,$error:d,children:r(o,{ref:i,...m,checked:!!m.checked||void 0})})}));i.displayName="Radio";export{i as Radio};

package/dist/molecules/SelectionControls/SelectionControls.styles.js

@@ -1,108 +0,0 @@
-import{tokens as t}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{animation as a}from"../../atoms/style/animation.js";import"../../atoms/style/colors.js";import{spacings as i}from"../../atoms/style/spacings.js";import e,{css as r}from"styled-components";const{colors:s,shape:n}=t,l=e.span`
-  > label {
-    padding: ${i.x_small} ${i.medium_small};
-    border-radius: ${n.button.borderRadius};
-    transition: background ${a.transitionMS};
-    gap: ${i.small};
-    min-height: 36px;
-    > span:first-child {
-      padding: 0;
-      height: 24px;
-      aspect-ratio: 1;
-    }
-    > span[class*='Switch']:last-child {
-      padding: 0 ${i.medium_small} 0 0;
-    }
-  }
-
-  &.switch > label {
-    padding: 0 ${i.x_small} 0 ${i.medium_small};
-    gap: ${i.small};
-
-    > span:first-child {
-      height: 36px;
-    }
-
-    input {
-      width: 0;
-      ~ span {
-        height: 36px;
-      }
-    }
-  }
-
-  /* Radio / Checkbox hover state override */
-  > label > span:before {
-    background-color: transparent !important;
-    height: 36px;
-  }
-  /* Switch hover state override */
-  > label > span > input[type='checkbox'] + span {
-    background: transparent !important;
-  }
-  svg {
-    transition: fill ${a.transitionMS};
-  }
-  input:not(:checked) {
-    ~ svg {
-      fill: ${({$error:t})=>t?s.interactive.danger__resting.rgba:s.text.static_icons__tertiary.rgba};
-      &:hover {
-        fill: ${({$error:t})=>t?s.interactive.danger__hover.rgba:s.text.static_icons__default.rgba};
-      }
-    }
-  }
-  ${({$error:t})=>t?r`
-        input ~ svg {
-          fill: ${s.interactive.danger__resting.rgba};
-          &:hover {
-            fill: ${s.interactive.danger__hover.rgba};
-          }
-        }
-      `:""}
-
-  /* Switch dot override */
-  > label:has(input:checked)
-    > span
-    > span
-    > span:last-child:not([class*='SwitchSmall']) {
-    background: ${s.interactive.primary__resting.rgba};
-  }
-  > label:has(input)
-    > span
-    > span
-    > span:last-child:not([class*='SwitchSmall']) {
-    background: ${s.text.static_icons__tertiary.rgba};
-  }
-
-  > label:hover:not(:has(input:disabled)) {
-    background: ${({$error:t})=>t?s.interactive.danger__highlight.rgba:s.interactive.primary__hover_alt.rgba};
-    svg {
-      fill: ${({$error:t})=>t?s.interactive.danger__hover.rgba:s.text.static_icons__default.rgba};
-    }
-  }
-
-  > label:focus:not(:hover):not(:has(input:disabled)) {
-    outline: 1px dashed ${s.interactive.primary__resting.rgba};
-    outline-offset: -1px;
-  }
-
-  &:has(input:disabled) {
-    span:last-child {
-      color: ${s.interactive.disabled__text.rgba};
-    }
-    svg {
-      fill: ${s.interactive.disabled__text.rgba};
-    }
-  }
-
-  ${({$outlined:t})=>{if(t)return r`
-        > label {
-          outline: 1px solid ${s.ui.background__medium.rgba};
-        }
-        &:has(input:disabled) {
-          svg {
-            fill: ${s.interactive.disabled__border.rgba};
-          }
-        }
-      `}}
-`;export{l as Wrapper};

package/dist/molecules/SelectionControls/Switch/Switch.js

@@ -1 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Switch as e}from"@equinor/eds-core-react";import{Wrapper as o}from"../SelectionControls.styles.js";const i=t(((t,i)=>{const{outlined:s,...c}=t;return r(o,{$outlined:s||!1,className:"switch",children:r(e,{ref:i,...c})})}));i.displayName="Switch";export{i as Switch};

package/dist/molecules/Sieve/Filter.js

@@ -1 +0,0 @@
-import{jsxs as e,Fragment as t,jsx as l}from"react/jsx-runtime";import{useRef as r,useState as n}from"react";import{Icon as i,Menu as o}from"@equinor/eds-core-react";import{filter_list as a,arrow_drop_right as c,checkbox as s,checkbox_outline as u}from"@equinor/eds-icons";import{tokens as m}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Chip as d,MenuItem as p}from"./Sieve.styles.js";import{useOutsideClick as f}from"../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";const{colors:h}=m,b=({options:m,filterValues:b,setFilterValues:g})=>{const v=r(null),[k,_]=n(null),y=r(null),j=r(null),[x,q]=n(-1),[C,F]=n(!1);f(v.current,(e=>{null===k&&C&&y.current&&!y.current.contains(e.target)?F(!1):C&&null!==k&&y.current&&!y.current.contains(e.target)&&j.current&&!j.current.contains(e.target)&&(F(!1),q(-1),_(null))}));return 0===m.length?null:e(t,{children:[e(d,{ref:v,onClick:()=>{F(!C),q(-1),_(null)},children:["Filter by ",l(i,{data:a})]}),C&&l(o,{open:!0,ref:y,anchorEl:v.current,placement:"bottom-start",children:l(o.Section,{title:"Filter by",children:m.map(((t,r)=>e(p,{active:x===r,onClick:e=>((e,t)=>{x===t?(q(-1),_(null)):(q(t),_(e.currentTarget))})(e,r),children:[t.label,l(i,{data:c,color:h.text.static_icons__tertiary.rgba})]},`filter-menu-item-${t.label}`)))})}),-1!==x&&l(o,{open:!0,anchorEl:k,ref:j,placement:"right-start",children:l(o.Section,{title:m[x].label,children:m[x]?.options.map((t=>e(p,{onClick:()=>((e,t)=>{let l={...b};if(e in l&&l[e].some((e=>e.value===t.value))){const r=l[e].findIndex((e=>e.value===t.value));l[e].splice(r,1),0===l[e].length&&delete l[e]}else l[e]?l[e].push(t):l[e]=[t];0===Object.keys(l).flatMap((e=>l?.[e])).length&&(l=void 0),g(l)})(m[x].label,t),children:[t.label,l(i,{data:b?.[m[x].label]?.some((e=>e.value===t.value))?s:u,color:h.interactive.primary__resting.rgba})]},`filter-option-${t.label}`)))})})]})};export{b as default};

package/dist/molecules/Sieve/Sieve.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as l,useEffect as a,useCallback as s}from"react";import{useSearchParams as o}from"react-router-dom";import i from"./Filter.js";import{Wrapper as n,Container as c,Search as u,FilterChip as f}from"./Sieve.styles.js";import h from"./Sort.js";import{l as d}from"../../_virtual/lodash.js";const p=({searchPlaceholder:p,sortOptions:V,filterOptions:m,sieveValue:v,onUpdate:g,showChips:O=!0,minSearchWidth:b="24rem",syncWithSearchParams:y=!1,isLoadingOptions:S=!1,debounceSearchValue:j=!1,onIsTyping:C})=>{const[N,w]=r(v.searchValue??""),J=l(!1),[L,k]=o(),x=l(!1);a((()=>{if(!x.current&&y&&!S){const e=L.get("search")??void 0,t=m?.map((e=>e.label))??[],r={};for(const e of t){const t=m?.find((t=>t.label===e))?.options,l=JSON.parse(L.get(e.toLowerCase())??"[]");void 0!==t&&(r[e]=t.filter((e=>l.includes(e.label))))}g({searchValue:e,filterValues:r,sortValue:v.sortValue}),x.current=!0}}),[m,x,S,g,L,v.sortValue,y]);const W=l("{}");a((()=>{if(y&&x.current&&!S&&JSON.stringify(v)!==W.current){void 0===v.searchValue?L.delete("search"):L.set("search",v.searchValue);const e=m?.map((e=>e.label))??[],t=v.filterValues;for(const r of e)t?.[r]&&t[r].length>0?L.set(r.toLowerCase(),JSON.stringify(t[r].map((e=>e.label)))):L.delete(r.toLowerCase());W.current=JSON.stringify(v),k(L),g(v)}}),[m,x,S,g,L,k,v,y]);const D=s(((e,t)=>{const r={...v,[e]:t};g(r)}),[g,v]),F=s(d.debounce(((e,t)=>{D(e,t),C?.(!1),J.current=!1}),800),[D,C]);return e(n,{className:"sieve-container",children:[e(c,{children:[t(u,{style:{minWidth:b},placeholder:p,value:j?N:v.searchValue??"",onChange:e=>{j?(w(e.target.value),""===e.target.value?(F.cancel(),D("searchValue",void 0),C?.(!1),J.current=!1):(F("searchValue",e.target.value),J.current||(C?.(!0),J.current=!0))):D("searchValue",""!==e.target.value?e.target.value:void 0)}}),void 0!==V&&t(h,{options:V,selectedOption:v.sortValue,setSelectedOption:e=>D("sortValue",e)}),void 0!==m&&t(i,{options:m,filterValues:v.filterValues,setFilterValues:e=>D("filterValues",e)})]}),O&&e(c,{children:[Object.keys(v.filterValues??{}).map((e=>v.filterValues?.[e].map((r=>t(f,{onDelete:()=>((e,t)=>{let r={...v.filterValues};const l=r[e].findIndex((e=>e.value===t.value));r[e].splice(l,1),0===r[e].length&&delete r[e],0===Object.keys(r).flatMap((e=>r?.[e])).length&&(r=void 0),D("filterValues",r)})(e,r),children:r?.label},`filter-chip-${r?.value}`))))),v.filterValues&&Object.keys(v.filterValues).flatMap((e=>v.filterValues?.[e])).length>1&&t(f,{onDelete:()=>{D("filterValues",void 0)},children:"Remove all"})]})]})};export{p as Sieve};

package/dist/molecules/Sieve/Sieve.styles.js

@@ -1,43 +0,0 @@
-import{Chip as t,Search as o,Menu as i}from"@equinor/eds-core-react";import{colors as a}from"../../atoms/style/colors.js";import{spacings as e}from"../../atoms/style/spacings.js";import r from"styled-components";const n=r.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${e.medium};
-`,s=r.div`
-  display: flex;
-  gap: ${e.medium};
-  align-items: center;
-`,c=r(t)`
-  color: ${a.text.static_icons__default.rgba};
-  background: ${a.ui.background__light.rgba};
-  border: 1px solid ${a.ui.background__medium.rgba};
-  line-height: normal;
-  transition: background 0.15s ease-in;
-
-  svg {
-    z-index: auto;
-    fill: ${a.text.static_icons__default.rgba};
-  }
-`,d=r(o)`
-  > div {
-    box-shadow: none;
-    outline: none !important;
-    background: ${a.ui.background__default.rgba};
-    > input {
-      color: ${a.text.static_icons__default.rgba};
-      box-shadow: inset 0 -1px 0 0 ${a.text.static_icons__tertiary.rgba};
-      &:hover {
-        box-shadow: inset 0 -2px 0 0 ${a.text.static_icons__tertiary.rgba};
-      }
-      &:focus {
-        box-shadow: inset 0 -2px 0 0 ${a.interactive.primary__resting.rgba};
-      }
-    }
-  }
-`,l=r(i.Item)`
-  outline: none !important;
-  > div {
-    grid-template-columns: 1fr auto;
-  }
-`,m=r(t)`
-  background: none;
-`;export{m as Chip,s as Container,c as FilterChip,l as MenuItem,d as Search,n as Wrapper};

package/dist/molecules/Sieve/Sort.js

@@ -1 +0,0 @@
-import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import{useRef as o,useState as i}from"react";import{Icon as l,Menu as n}from"@equinor/eds-core-react";import{sort as c,radio_button_selected as a,radio_button_unselected as s}from"@equinor/eds-icons";import{colors as m}from"../../atoms/style/colors.js";import{Chip as p,MenuItem as d}from"./Sieve.styles.js";const u=({options:u,selectedOption:f,setSelectedOption:h})=>{const b=o(null),[v,y]=i(!1);return 0===u.length?null:e(t,{children:[e(p,{ref:b,onClick:()=>{y(!v)},children:["Sort by ",r(l,{data:c})]}),v&&r(n,{open:!0,anchorEl:b.current,onClose:()=>{y(!1)},placement:"bottom-start",children:r(n.Section,{title:"Sort by",children:u.map((t=>e(d,{onClick:()=>(e=>{h(e)})(t),children:[t.label,r(l,{data:f?.value===t.value?a:s,color:m.interactive.primary__resting.rgba})]},`sort-item-${t.value}`)))})})]})};export{u as default};