npm - @fremtind/jokul - Versions diffs - 1.1.0 → 1.1.2 - Mend

@fremtind/jokul 1.1.0 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (571) hide show

package/build/cjs/components/menu/Menu.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),n=require("../../../clsx-E3yX_9sL.cjs"),s=require("react"),r=require("../../../index-C-qqMC-u.cjs"),o=require("../../hooks/useBrowserPreferences/useBrowserPreferences.cjs");require("../../hooks/useScreen/useScreen.cjs");const i=require("../../hooks/useId/useId.cjs"),a=require("../../utilities/getThemeAndDensity.cjs"),l=require("./useMenuWideEvents.cjs");function u(e,t=0){switch(e){case"top":default:return`0 ${t}px`;case"left":return`${t}px 0`;case"bottom":return`0 ${-t}px`;case"right":return-t+"px 0"}}const c=s.forwardRef(((c,d)=>{const{children:p,className:m,initialPlacement:f,openOnHover:g=!1,keepOpenOnClickOutside:x=!1,triggerElement:h,isOpen:y,onToggle:v,...j}=c,k=i.useId("jkl-menu"),{prefersReducedMotion:P}=o.useBrowserPreferences(),F=t.useFloatingTree(),w=t.useFloatingNodeId(),I=t.useFloatingParentNodeId(),E=null!=I,M=s.useRef([]),[q,R]=s.useState(null),{allowHover:b,isOpen:N,setIsOpen:C}=l.useMenuWideEvents(F,w,I),O=void 0!==y?y:N;s.useEffect((()=>v?.(O)),[O,v]);const{refs:S,placement:T,context:D,floatingStyles:A}=t.useFloating({nodeId:w,open:O,onOpenChange:C,placement:f||(E?"right-start":"bottom-start"),middleware:[t.offset(2),t.flip({fallbackAxisSideDirection:"end",crossAxis:!1}),t.shift({padding:8})],whileElementsMounted:t.autoUpdate}),{getReferenceProps:B,getFloatingProps:H,getItemProps:$}=t.useInteractions([t.useHover(D,{enabled:g&&b,delay:{open:75},handleClose:t.safePolygon({requireIntent:!0,blockPointerEvents:!0})}),t.useClick(D,{event:"mousedown"}),t.useDismiss(D,{outsidePress:!x}),t.useRole(D,{role:"menu"}),t.useListNavigation(D,{listRef:M,activeIndex:q,nested:E,onNavigate:R})]),K=t.useMergeRefs([S.setReference,d]),{theme:V,density:W}=a.getThemeAndDensity(S.reference.current),{isMounted:L,styles:U}=t.useTransitionStyles(D,{duration:{open:P?0:250,close:P?0:150},initial:({side:e})=>({opacity:0,translate:u(e,5)}),open:({side:e})=>({opacity:1,translate:u(e,0)}),close:({side:e})=>({opacity:0,translate:u(e,5)})});return e.jsxs(t.FloatingNode,{id:w,children:[s.isValidElement(h)&&("button"===h.type||r.reactIsExports.isForwardRef(h))?s.cloneElement(h,{...B({...j,ref:K,role:E?"menuitem":void 0,"aria-controls":k,onClick(e){e.stopPropagation()}})}):h,L&&e.jsx(t.FloatingPortal,{children:e.jsx(t.FloatingFocusManager,{context:D,modal:!1,initialFocus:E?-1:0,returnFocus:!E,children:e.jsx("div",{className:n.clsx("jkl jkl-menu",m),"data-theme":V,"data-layout-density":W,role:"menu","data-placement":T,"aria-live":"assertive","aria-hidden":!O,ref:S.setFloating,...H({id:k,style:{...A,...U}}),children:s.Children.map(p,((e,t)=>s.isValidElement(e)&&r.reactIsExports.isForwardRef(e)?s.cloneElement(e,$({...e.props,tabIndex:q===t?0:-1,role:"menuitem",ref(e){M.current[t]=e},onClick(t){e.props.onClick?.(t),!t.defaultPrevented&&F?.events.emit("click")},onKeyDown(t){e.props.onKeyDown?.(t),!t.defaultPrevented&&(F?.events.emit("keydown"),"menuitemcheckbox"===t.currentTarget.role&&"Enter"===t.key&&C(!1))},onMouseEnter(){b&&O&&R(t)}})):e))})})})]})}));c.displayName="MenuComponent";const d=s.forwardRef(((n,s)=>null===t.useFloatingParentNodeId()?e.jsx(t.FloatingTree,{children:e.jsx(c,{ref:s,...n})}):e.jsx(c,{ref:s,...n})));d.displayName="Menu",exports.Menu=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),n=require("../../../clsx-E3yX_9sL.cjs"),s=require("react"),r=require("../../hooks/useBrowserPreferences/useBrowserPreferences.cjs");require("../../hooks/useScreen/useScreen.cjs"),require("../../hooks/useId/useId.cjs");const o=require("../../utilities/getThemeAndDensity.cjs"),i=require("./useMenuWideEvents.cjs"),l=require("../../utilities/polymorphism/SlotComponent.cjs");function a(e,t=0){switch(e){case"top":default:return`0 ${t}px`;case"left":return`${t}px 0`;case"bottom":return`0 ${-t}px`;case"right":return-t+"px 0"}}const u=s.forwardRef(((u,c)=>{const{children:d,className:p,initialPlacement:m,openOnHover:f=!1,keepOpenOnClickOutside:g=!1,triggerElement:h,isOpen:x,onToggle:y,...j}=u,v=`"jkl-menu"${s.useId()}`,{prefersReducedMotion:k}=r.useBrowserPreferences(),P=t.useFloatingTree(),F=t.useFloatingNodeId(),w=t.useFloatingParentNodeId(),I=null!=w,C=s.useRef([]),[M,q]=s.useState(null),{allowHover:S,isOpen:E,setIsOpen:N}=i.useMenuWideEvents(P,F,w),b=void 0!==x?x:E;s.useEffect((()=>y?.(b)),[b,y]);const{refs:O,placement:R,context:T,floatingStyles:D}=t.useFloating({nodeId:F,open:b,onOpenChange:N,placement:m||(I?"right-start":"bottom-start"),middleware:[t.offset(2),t.flip({fallbackAxisSideDirection:"end",crossAxis:!1}),t.shift({padding:8})],whileElementsMounted:t.autoUpdate}),{getReferenceProps:A,getFloatingProps:$,getItemProps:B}=t.useInteractions([t.useHover(T,{enabled:f&&S,delay:{open:75},handleClose:t.safePolygon({requireIntent:!0,blockPointerEvents:!0})}),t.useClick(T,{event:"mousedown"}),t.useDismiss(T,{outsidePress:!g}),t.useRole(T,{role:"menu"}),t.useListNavigation(T,{listRef:C,activeIndex:M,nested:I,onNavigate:q})]),H=t.useMergeRefs([O.setReference,c]),{theme:K,density:V}=o.getThemeAndDensity(O.reference.current),{isMounted:W,styles:L}=t.useTransitionStyles(T,{duration:{open:k?0:250,close:k?0:150},initial:({side:e})=>({opacity:0,translate:a(e,5)}),open:({side:e})=>({opacity:1,translate:a(e,0)}),close:({side:e})=>({opacity:0,translate:a(e,5)})});return e.jsxs(t.FloatingNode,{id:F,children:[s.isValidElement(h)&&e.jsx(l.SlotComponent,{...A({...j,ref:H,role:I?"menuitem":void 0,"aria-controls":v,onClick(e){e.stopPropagation()}}),children:h}),W&&e.jsx(t.FloatingPortal,{children:e.jsx(t.FloatingFocusManager,{context:T,modal:!1,initialFocus:I?-1:0,returnFocus:!I,children:e.jsx("div",{className:n.clsx("jkl jkl-menu",p),"data-theme":K,"data-layout-density":V,role:"menu","data-placement":R,"aria-live":"assertive","aria-hidden":!b,ref:O.setFloating,...$({id:v,style:{...D,...L}}),children:s.Children.map(d,((t,n)=>s.isValidElement(t)?e.jsx(l.SlotComponent,{...B({...t.props,tabIndex:M===n?0:-1,role:"menuitem",ref(e){C.current[n]=e},onClick(e){t.props.onClick?.(e),!e.defaultPrevented&&P?.events.emit("click")},onKeyDown(e){t.props.onKeyDown?.(e),!e.defaultPrevented&&(P?.events.emit("keydown"),"menuitemcheckbox"===e.currentTarget.role&&"Enter"===e.key&&N(!1))},onMouseEnter(){S&&b&&q(n)}}),children:t}):t))})})})]})}));u.displayName="MenuComponent";const c=s.forwardRef(((n,s)=>null===t.useFloatingParentNodeId()?e.jsx(t.FloatingTree,{children:e.jsx(u,{ref:s,...n})}):e.jsx(u,{ref:s,...n})));c.displayName="Menu",exports.Menu=c;
 //# sourceMappingURL=Menu.cjs.map

package/build/cjs/components/menu/Menu.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.cjs","sources":["../../../../src/components/menu/Menu.tsx"],"sourcesContent":["import {\n FloatingFocusManager,\n FloatingNode,\n FloatingPortal,\n FloatingTree,\n type Side,\n autoUpdate,\n flip,\n offset,\n safePolygon,\n shift,\n useClick,\n useDismiss,\n useFloating,\n useFloatingNodeId,\n useFloatingParentNodeId,\n useFloatingTree,\n useHover,\n useInteractions,\n useListNavigation,\n useMergeRefs,\n useRole,\n useTransitionStyles,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport React, { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { isForwardRef } from \"react-is\";\nimport { useBrowserPreferences } from \"../../hooks/index.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\nimport type { MenuProps } from \"./types.js\";\nimport { useMenuWideEvents } from \"./useMenuWideEvents.js\";\n\nfunction getTranslation(side: Side, value = 0) {\n switch (side) {\n case \"top\":\n return `0 ${value}px`;\n case \"left\":\n return `${value}px 0`;\n case \"bottom\":\n return `0 ${-value}px`;\n case \"right\":\n return `${-value}px 0`;\n\n default:\n return `0 ${value}px`;\n }\n}\n\nconst MenuComponent = forwardRef<HTMLButtonElement, MenuProps>(\n (props, forwardedRef) => {\n const {\n children,\n className,\n initialPlacement,\n openOnHover = false,\n keepOpenOnClickOutside = false,\n triggerElement,\n isOpen: isOpenOverride,\n onToggle,\n ...triggerProps\n } = props;\n\n const MenuId = useId(\"jkl-menu\");\n\n const { prefersReducedMotion } = useBrowserPreferences();\n\n const tree = useFloatingTree();\n const nodeId = useFloatingNodeId();\n const parentId = useFloatingParentNodeId();\n const isNested = parentId != null;\n\n const listItemsRef = useRef<Array<HTMLButtonElement \| null>>([]);\n const [activeIndex, setActiveIndex] = useState<number \| null>(null);\n const {\n allowHover,\n isOpen: isOpenDefault,\n setIsOpen,\n } = useMenuWideEvents(tree, nodeId, parentId);\n\n const isOpen =\n isOpenOverride !== undefined ? isOpenOverride : isOpenDefault;\n\n useEffect(() => onToggle?.(isOpen), [isOpen, onToggle]);\n\n const { refs, placement, context, floatingStyles } = useFloating({\n nodeId,\n open: isOpen,\n onOpenChange: setIsOpen,\n placement:\n initialPlacement \|\| (isNested ? \"right-start\" : \"bottom-start\"),\n middleware: [\n offset(2),\n flip({\n fallbackAxisSideDirection: \"end\", // Allow bottom placement in narrow viewports (https://floating-ui.com/docs/flip#fallbackaxissidedirection)\n crossAxis: false, // See https://floating-ui.com/docs/flip#combining-with-shift\n }),\n shift({ padding: 8 }),\n ],\n whileElementsMounted: autoUpdate,\n });\n\n const { getReferenceProps, getFloatingProps, getItemProps } =\n useInteractions([\n useHover(context, {\n enabled: openOnHover && allowHover,\n delay: { open: 75 },\n handleClose: safePolygon({\n requireIntent: true,\n blockPointerEvents: true,\n }),\n }),\n useClick(context, {\n event: \"mousedown\",\n }),\n useDismiss(context, { outsidePress: !keepOpenOnClickOutside }),\n useRole(context, { role: \"menu\" }),\n useListNavigation(context, {\n listRef: listItemsRef,\n activeIndex,\n nested: isNested,\n onNavigate: setActiveIndex,\n }),\n ]);\n\n const referenceRef = useMergeRefs([refs.setReference, forwardedRef]);\n\n // Siden menyen rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n const { theme, density } = getThemeAndDensity(\n refs.reference.current as HTMLElement,\n );\n\n const { isMounted, styles: animationStyles } = useTransitionStyles(\n context,\n {\n duration: {\n open: prefersReducedMotion ? 0 : 250,\n close: prefersReducedMotion ? 0 : 150,\n },\n initial: ({ side }) => ({\n opacity: 0,\n translate: getTranslation(side, 5),\n }),\n open: ({ side }) => ({\n opacity: 1,\n translate: getTranslation(side, 0),\n }),\n close: ({ side }) => ({\n opacity: 0,\n translate: getTranslation(side, 5),\n }),\n },\n );\n\n return (\n <FloatingNode id={nodeId}>\n {React.isValidElement(triggerElement) &&\n (triggerElement.type === \"button\" \|\|\n isForwardRef(triggerElement))\n ? // Dersom trigger-elementet er en knapp, sett riktige egenskaper på det\n React.cloneElement(triggerElement, {\n ...getReferenceProps({\n ...triggerProps,\n ref: referenceRef,\n role: isNested ? \"menuitem\" : undefined,\n \"aria-controls\": MenuId,\n onClick(event) {\n event.stopPropagation();\n },\n }),\n })\n : // Ellers, rendre elementet as-is, uten interaktivitet. Krev en ferdig brukbar button for å åpne menyen.\n triggerElement}\n {isMounted && (\n <FloatingPortal>\n <FloatingFocusManager\n context={context}\n // Prevent outside content interference.\n modal={false}\n // Only initially focus the root floating menu.\n initialFocus={isNested ? -1 : 0}\n // Only return focus to the root menu's reference when menus close.\n returnFocus={!isNested}\n >\n <div\n className={clsx(\"jkl jkl-menu\", className)}\n data-theme={theme}\n data-layout-density={density}\n role=\"menu\"\n data-placement={placement}\n aria-live=\"assertive\"\n aria-hidden={!isOpen}\n ref={refs.setFloating}\n {...getFloatingProps({\n id: MenuId,\n style: {\n ...floatingStyles,\n ...animationStyles,\n },\n })}\n >\n {React.Children.map(\n children,\n (child, index) => {\n if (\n React.isValidElement(child) &&\n isForwardRef(child)\n ) {\n return React.cloneElement(\n child,\n getItemProps({\n ...child.props,\n tabIndex:\n activeIndex === index\n ? 0\n : -1,\n role: \"menuitem\",\n ref(\n node: HTMLButtonElement,\n ) {\n listItemsRef.current[\n index\n ] = node;\n },\n onClick(event) {\n child.props.onClick?.(\n event as React.MouseEvent<HTMLButtonElement>,\n );\n if (\n event.defaultPrevented\n ) {\n return;\n }\n tree?.events.emit(\n \"click\",\n );\n },\n onKeyDown(event) {\n child.props.onKeyDown?.(\n event,\n );\n if (\n event.defaultPrevented\n ) {\n return;\n }\n tree?.events.emit(\n \"keydown\",\n );\n if (\n event.currentTarget\n .role ===\n \"menuitemcheckbox\" &&\n event.key ===\n \"Enter\"\n ) {\n // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role#keyboard_interactions\n setIsOpen(false);\n }\n },\n onMouseEnter() {\n if (\n allowHover &&\n isOpen\n ) {\n setActiveIndex(\n index,\n );\n }\n },\n }),\n );\n }\n\n return child;\n },\n )}\n </div>\n </FloatingFocusManager>\n </FloatingPortal>\n )}\n </FloatingNode>\n );\n },\n);\nMenuComponent.displayName = \"MenuComponent\";\n\nexport const Menu = forwardRef<HTMLButtonElement, MenuProps>((props, ref) => {\n const parentId = useFloatingParentNodeId();\n\n if (parentId === null) {\n return (\n <FloatingTree>\n <MenuComponent ref={ref} {...props} />\n </FloatingTree>\n );\n }\n\n return <MenuComponent ref={ref} {...props} />;\n});\nMenu.displayName = \"Menu\";\n"],"names":["getTranslation","side","value","MenuComponent","forwardRef","props","forwardedRef","children","className","initialPlacement","openOnHover","keepOpenOnClickOutside","triggerElement","isOpen","isOpenOverride","onToggle","triggerProps","MenuId","useId","prefersReducedMotion","useBrowserPreferences","tree","useFloatingTree","nodeId","useFloatingNodeId","parentId","useFloatingParentNodeId","isNested","listItemsRef","useRef","activeIndex","setActiveIndex","useState","allowHover","isOpenDefault","setIsOpen","useMenuWideEvents","useEffect","refs","placement","context","floatingStyles","useFloating","open","onOpenChange","middleware","offset","flip","fallbackAxisSideDirection","crossAxis","shift","padding","whileElementsMounted","autoUpdate","getReferenceProps","getFloatingProps","getItemProps","useInteractions","useHover","enabled","delay","handleClose","safePolygon","requireIntent","blockPointerEvents","useClick","event","useDismiss","outsidePress","useRole","role","useListNavigation","listRef","nested","onNavigate","referenceRef","useMergeRefs","setReference","theme","density","getThemeAndDensity","reference","current","isMounted","styles","animationStyles","useTransitionStyles","duration","close","initial","opacity","translate","jsxs","FloatingNode","id","React","isValidElement","type","isForwardRef","cloneElement","ref","onClick","stopPropagation","FloatingPortal","jsx","FloatingFocusManager","modal","initialFocus","returnFocus","clsx","setFloating","style","Children","map","child","index","reactIsExports","tabIndex","node","defaultPrevented","events","emit","onKeyDown","currentTarget","key","onMouseEnter","displayName","Menu","FloatingTree"],"mappings":"yfAiCA,SAASA,EAAeC,EAAYC,EAAQ,GACxC,OAAQD,GACJ,IAAK,MASL,QACI,MAAO,KAAKC,MARhB,IAAK,OACD,MAAO,GAAGA,QACd,IAAK,SACM,MAAA,MAAMA,MACjB,IAAK,QACM,OAAIA,EAAJ,OAKnB,CAEA,MAAMC,EAAgBC,EAAAA,YAClB,CAACC,EAAOC,KACE,MACFC,SAAAA,EACAC,UAAAA,EACAC,iBAAAA,EACAC,YAAAA,GAAc,EACdC,uBAAAA,GAAyB,EACzBC,eAAAA,EACAC,OAAQC,EACRC,SAAAA,KACGC,GACHX,EAEEY,EAASC,QAAM,aAEbC,qBAAAA,GAAyBC,0BAE3BC,EAAOC,EAAAA,kBACPC,EAASC,EAAAA,oBACTC,EAAWC,EAAAA,0BACXC,EAAuB,MAAZF,EAEXG,EAAeC,EAAwCA,OAAA,KACtDC,EAAaC,GAAkBC,EAAAA,SAAwB,OAE1DC,WAAAA,EACApB,OAAQqB,EACRC,UAAAA,GACAC,oBAAkBf,EAAME,EAAQE,GAE9BZ,OACiB,IAAnBC,EAA+BA,EAAiBoB,EAEpDG,EAAAA,WAAU,IAAMtB,IAAWF,IAAS,CAACA,EAAQE,IAE7C,MAAQuB,KAAAA,EAAMC,UAAAA,EAAWC,QAAAA,EAASC,eAAAA,GAAmBC,EAAAA,YAAY,CAC7DnB,OAAAA,EACAoB,KAAM9B,EACN+B,aAAcT,EACdI,UACI9B,IAAqBkB,EAAW,cAAgB,gBACpDkB,WAAY,CACRC,EAAAA,OAAO,GACPC,OAAK,CACDC,0BAA2B,MAC3BC,WAAW,IAEfC,QAAM,CAAEC,QAAS,KAErBC,qBAAsBC,EAAAA,cAGlBC,kBAAAA,EAAmBC,iBAAAA,EAAkBC,aAAAA,GACzCC,EAAAA,gBAAgB,CACZC,EAAAA,SAASlB,EAAS,CACdmB,QAASjD,GAAeuB,EACxB2B,MAAO,CAAEjB,KAAM,IACfkB,YAAaC,EAAAA,YAAY,CACrBC,eAAe,EACfC,oBAAoB,MAG5BC,EAAAA,SAASzB,EAAS,CACd0B,MAAO,cAEXC,EAAAA,WAAW3B,EAAS,CAAE4B,cAAezD,IACrC0D,EAAAA,QAAQ7B,EAAS,CAAE8B,KAAM,SACzBC,EAAAA,kBAAkB/B,EAAS,CACvBgC,QAAS5C,EACTE,YAAAA,EACA2C,OAAQ9C,EACR+C,WAAY3C,MAIlB4C,EAAeC,EAAAA,aAAa,CAACtC,EAAKuC,aAAcvE,KAI9CwE,MAAAA,EAAOC,QAAAA,GAAYC,EAAAA,mBACvB1C,EAAK2C,UAAUC,UAGXC,UAAAA,EAAWC,OAAQC,GAAoBC,EAAAA,oBAC3C9C,EACA,CACI+C,SAAU,CACN5C,KAAMxB,EAAuB,EAAI,IACjCqE,MAAOrE,EAAuB,EAAI,KAEtCsE,QAAS,EAAGxF,KAAAA,OACRyF,QAAS,EACTC,UAAW3F,EAAeC,EAAM,KAEpC0C,KAAM,EAAG1C,KAAAA,OACLyF,QAAS,EACTC,UAAW3F,EAAeC,EAAM,KAEpCuF,MAAO,EAAGvF,KAAAA,MAAY,CAClByF,QAAS,EACTC,UAAW3F,EAAeC,EAAM,OAMxC,OAAA2F,EAAAA,KAACC,EAAaA,aAAA,CAAAC,GAAIvE,EACbhB,SAAA,CAAAwF,EAAMC,eAAepF,KACG,WAAxBA,EAAeqF,MACZC,8BAAatF,IAEXmF,EAAMI,aAAavF,EAAgB,IAC5B0C,EAAkB,IACdtC,EACHoF,IAAKzB,EACLL,KAAM3C,EAAW,gBAAa,EAC9B,gBAAiBV,EACjBoF,QAAQnC,GACJA,EAAMoC,iBAAgB,MAKlC1F,EACLuE,SACIoB,iBACG,CAAAhG,SAAAiG,EAAAA,IAACC,EAAAA,qBAAA,CACGjE,QAAAA,EAEAkE,OAAO,EAEPC,aAAchF,GAAW,EAAK,EAE9BiF,aAAcjF,EAEdpB,SAAAiG,EAAAA,IAAC,MAAA,CACGhG,UAAWqG,EAAAA,KAAK,eAAgBrG,GAChC,aAAYsE,EACZ,sBAAqBC,EACrBT,KAAK,OACL,iBAAgB/B,EAChB,YAAU,YACV,eAAc1B,EACduF,IAAK9D,EAAKwE,eACNvD,EAAiB,CACjBuC,GAAI7E,EACJ8F,MAAO,IACAtE,KACA4C,KAIV9E,WAAMyG,SAASC,IACZ1G,GACA,CAAC2G,EAAOC,IAEApB,EAAMC,eAAekB,IACrBhB,EAAAkB,eAAAlB,aAAagB,GAENnB,EAAMI,aACTe,EACA1D,EAAa,IACN0D,EAAM7G,MACTgH,SACIvF,IAAgBqF,EACV,GAEV,EAAA7C,KAAM,WACN8B,IACIkB,GAEa1F,EAAAsD,QACTiC,GACAG,CACR,EACAjB,QAAQnC,GACJgD,EAAM7G,MAAMgG,UACRnC,IAGAA,EAAMqD,kBAIVlG,GAAMmG,OAAOC,KACT,QAER,EACAC,UAAUxD,GACNgD,EAAM7G,MAAMqH,YACRxD,IAGAA,EAAMqD,mBAIVlG,GAAMmG,OAAOC,KACT,WAKI,qBAFJvD,EAAMyD,cACDrD,MAGD,UADJJ,EAAM0D,KAINzF,GAAU,GAElB,EACA0F,eAEQ5F,GACApB,GAEAkB,EACIoF,EAER,KAMTD,YAOnC,IAIZ/G,EAAc2H,YAAc,gBAErB,MAAMC,EAAO3H,EAAAA,YAAyC,CAACC,EAAO+F,IAGhD,OAFA1E,EAAAA,gCAIRsG,EAAAA,aACG,CAAAzH,SAAAiG,EAAAA,IAACrG,GAAciG,IAAAA,KAAc/F,MAKjCmG,EAAAA,IAAArG,EAAA,CAAciG,IAAAA,KAAc/F,MAExC0H,EAAKD,YAAc"}
1	+ {"version":3,"file":"Menu.cjs","sources":["../../../../src/components/menu/Menu.tsx"],"sourcesContent":["import {\n FloatingFocusManager,\n FloatingNode,\n FloatingPortal,\n FloatingTree,\n type Side,\n autoUpdate,\n flip,\n offset,\n safePolygon,\n shift,\n useClick,\n useDismiss,\n useFloating,\n useFloatingNodeId,\n useFloatingParentNodeId,\n useFloatingTree,\n useHover,\n useInteractions,\n useListNavigation,\n useMergeRefs,\n useRole,\n useTransitionStyles,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport React, { forwardRef, useEffect, useRef, useState, useId } from \"react\";\nimport { useBrowserPreferences } from \"../../hooks/index.js\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\nimport type { MenuProps } from \"./types.js\";\nimport { useMenuWideEvents } from \"./useMenuWideEvents.js\";\nimport { SlotComponent } from \"../../utilities/index.js\";\n\nfunction getTranslation(side: Side, value = 0) {\n switch (side) {\n case \"top\":\n return `0 ${value}px`;\n case \"left\":\n return `${value}px 0`;\n case \"bottom\":\n return `0 ${-value}px`;\n case \"right\":\n return `${-value}px 0`;\n\n default:\n return `0 ${value}px`;\n }\n}\n\nconst MenuComponent = forwardRef<HTMLButtonElement, MenuProps>(\n (props, forwardedRef) => {\n const {\n children,\n className,\n initialPlacement,\n openOnHover = false,\n keepOpenOnClickOutside = false,\n triggerElement,\n isOpen: isOpenOverride,\n onToggle,\n ...triggerProps\n } = props;\n\n const MenuId = `\"jkl-menu\"${useId()}`;\n\n const { prefersReducedMotion } = useBrowserPreferences();\n\n const tree = useFloatingTree();\n const nodeId = useFloatingNodeId();\n const parentId = useFloatingParentNodeId();\n const isNested = parentId != null;\n\n const listItemsRef = useRef<Array<HTMLButtonElement \| null>>([]);\n const [activeIndex, setActiveIndex] = useState<number \| null>(null);\n const {\n allowHover,\n isOpen: isOpenDefault,\n setIsOpen,\n } = useMenuWideEvents(tree, nodeId, parentId);\n\n const isOpen =\n isOpenOverride !== undefined ? isOpenOverride : isOpenDefault;\n\n useEffect(() => onToggle?.(isOpen), [isOpen, onToggle]);\n\n const { refs, placement, context, floatingStyles } = useFloating({\n nodeId,\n open: isOpen,\n onOpenChange: setIsOpen,\n placement:\n initialPlacement \|\| (isNested ? \"right-start\" : \"bottom-start\"),\n middleware: [\n offset(2),\n flip({\n fallbackAxisSideDirection: \"end\", // Allow bottom placement in narrow viewports (https://floating-ui.com/docs/flip#fallbackaxissidedirection)\n crossAxis: false, // See https://floating-ui.com/docs/flip#combining-with-shift\n }),\n shift({ padding: 8 }),\n ],\n whileElementsMounted: autoUpdate,\n });\n\n const { getReferenceProps, getFloatingProps, getItemProps } =\n useInteractions([\n useHover(context, {\n enabled: openOnHover && allowHover,\n delay: { open: 75 },\n handleClose: safePolygon({\n requireIntent: true,\n blockPointerEvents: true,\n }),\n }),\n useClick(context, {\n event: \"mousedown\",\n }),\n useDismiss(context, { outsidePress: !keepOpenOnClickOutside }),\n useRole(context, { role: \"menu\" }),\n useListNavigation(context, {\n listRef: listItemsRef,\n activeIndex,\n nested: isNested,\n onNavigate: setActiveIndex,\n }),\n ]);\n\n const referenceRef = useMergeRefs([refs.setReference, forwardedRef]);\n\n // Siden menyen rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n const { theme, density } = getThemeAndDensity(\n refs.reference.current as HTMLElement,\n );\n\n const { isMounted, styles: animationStyles } = useTransitionStyles(\n context,\n {\n duration: {\n open: prefersReducedMotion ? 0 : 250,\n close: prefersReducedMotion ? 0 : 150,\n },\n initial: ({ side }) => ({\n opacity: 0,\n translate: getTranslation(side, 5),\n }),\n open: ({ side }) => ({\n opacity: 1,\n translate: getTranslation(side, 0),\n }),\n close: ({ side }) => ({\n opacity: 0,\n translate: getTranslation(side, 5),\n }),\n },\n );\n\n return (\n <FloatingNode id={nodeId}>\n {React.isValidElement(triggerElement) && (\n <SlotComponent\n {...getReferenceProps({\n ...triggerProps,\n ref: referenceRef,\n role: isNested ? \"menuitem\" : undefined,\n \"aria-controls\": MenuId,\n onClick(event) {\n event.stopPropagation();\n },\n })}\n >\n {triggerElement}\n </SlotComponent>\n )}\n {isMounted && (\n <FloatingPortal>\n <FloatingFocusManager\n context={context}\n // Prevent outside content interference.\n modal={false}\n // Only initially focus the root floating menu.\n initialFocus={isNested ? -1 : 0}\n // Only return focus to the root menu's reference when menus close.\n returnFocus={!isNested}\n >\n <div\n className={clsx(\"jkl jkl-menu\", className)}\n data-theme={theme}\n data-layout-density={density}\n role=\"menu\"\n data-placement={placement}\n aria-live=\"assertive\"\n aria-hidden={!isOpen}\n ref={refs.setFloating}\n {...getFloatingProps({\n id: MenuId,\n style: {\n ...floatingStyles,\n ...animationStyles,\n },\n })}\n >\n {React.Children.map(\n children,\n (child, index) => {\n if (React.isValidElement(child)) {\n return (\n <SlotComponent\n {...getItemProps({\n ...child.props,\n tabIndex:\n activeIndex ===\n index\n ? 0\n : -1,\n role: \"menuitem\",\n ref(\n node: HTMLButtonElement,\n ) {\n listItemsRef.current[\n index\n ] = node;\n },\n onClick(event) {\n child.props.onClick?.(\n event as React.MouseEvent<HTMLButtonElement>,\n );\n if (\n event.defaultPrevented\n ) {\n return;\n }\n tree?.events.emit(\n \"click\",\n );\n },\n onKeyDown(event) {\n child.props.onKeyDown?.(\n event,\n );\n if (\n event.defaultPrevented\n ) {\n return;\n }\n tree?.events.emit(\n \"keydown\",\n );\n if (\n event\n .currentTarget\n .role ===\n \"menuitemcheckbox\" &&\n event.key ===\n \"Enter\"\n ) {\n // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role#keyboard_interactions\n setIsOpen(\n false,\n );\n }\n },\n onMouseEnter() {\n if (\n allowHover &&\n isOpen\n ) {\n setActiveIndex(\n index,\n );\n }\n },\n })}\n >\n {child}\n </SlotComponent>\n );\n }\n\n return child;\n },\n )}\n </div>\n </FloatingFocusManager>\n </FloatingPortal>\n )}\n </FloatingNode>\n );\n },\n);\nMenuComponent.displayName = \"MenuComponent\";\n\nexport const Menu = forwardRef<HTMLButtonElement, MenuProps>((props, ref) => {\n const parentId = useFloatingParentNodeId();\n\n if (parentId === null) {\n return (\n <FloatingTree>\n <MenuComponent ref={ref} {...props} />\n </FloatingTree>\n );\n }\n\n return <MenuComponent ref={ref} {...props} />;\n});\n\nMenu.displayName = \"Menu\";\n"],"names":["getTranslation","side","value","MenuComponent","forwardRef","props","forwardedRef","children","className","initialPlacement","openOnHover","keepOpenOnClickOutside","triggerElement","isOpen","isOpenOverride","onToggle","triggerProps","MenuId","useId","prefersReducedMotion","useBrowserPreferences","tree","useFloatingTree","nodeId","useFloatingNodeId","parentId","useFloatingParentNodeId","isNested","listItemsRef","useRef","activeIndex","setActiveIndex","useState","allowHover","isOpenDefault","setIsOpen","useMenuWideEvents","useEffect","refs","placement","context","floatingStyles","useFloating","open","onOpenChange","middleware","offset","flip","fallbackAxisSideDirection","crossAxis","shift","padding","whileElementsMounted","autoUpdate","getReferenceProps","getFloatingProps","getItemProps","useInteractions","useHover","enabled","delay","handleClose","safePolygon","requireIntent","blockPointerEvents","useClick","event","useDismiss","outsidePress","useRole","role","useListNavigation","listRef","nested","onNavigate","referenceRef","useMergeRefs","setReference","theme","density","getThemeAndDensity","reference","current","isMounted","styles","animationStyles","useTransitionStyles","duration","close","initial","opacity","translate","jsxs","FloatingNode","id","React","isValidElement","jsx","SlotComponent","ref","onClick","stopPropagation","FloatingPortal","FloatingFocusManager","modal","initialFocus","returnFocus","clsx","setFloating","style","Children","map","child","index","tabIndex","node","defaultPrevented","events","emit","onKeyDown","currentTarget","key","onMouseEnter","displayName","Menu","FloatingTree"],"mappings":"0gBAgCA,SAASA,EAAeC,EAAYC,EAAQ,GACxC,OAAQD,GACJ,IAAK,MASL,QACI,MAAO,KAAKC,MARhB,IAAK,OACD,MAAO,GAAGA,QACd,IAAK,SACM,MAAA,MAAMA,MACjB,IAAK,QACM,OAAIA,EAAJ,OAKnB,CAEA,MAAMC,EAAgBC,EAAAA,YAClB,CAACC,EAAOC,KACE,MACFC,SAAAA,EACAC,UAAAA,EACAC,iBAAAA,EACAC,YAAAA,GAAc,EACdC,uBAAAA,GAAyB,EACzBC,eAAAA,EACAC,OAAQC,EACRC,SAAAA,KACGC,GACHX,EAEEY,EAAS,aAAaC,EAAAA,WAEpBC,qBAAAA,GAAyBC,0BAE3BC,EAAOC,EAAAA,kBACPC,EAASC,EAAAA,oBACTC,EAAWC,EAAAA,0BACXC,EAAuB,MAAZF,EAEXG,EAAeC,EAAwCA,OAAA,KACtDC,EAAaC,GAAkBC,EAAAA,SAAwB,OAE1DC,WAAAA,EACApB,OAAQqB,EACRC,UAAAA,GACAC,oBAAkBf,EAAME,EAAQE,GAE9BZ,OACiB,IAAnBC,EAA+BA,EAAiBoB,EAEpDG,EAAAA,WAAU,IAAMtB,IAAWF,IAAS,CAACA,EAAQE,IAE7C,MAAQuB,KAAAA,EAAMC,UAAAA,EAAWC,QAAAA,EAASC,eAAAA,GAAmBC,EAAAA,YAAY,CAC7DnB,OAAAA,EACAoB,KAAM9B,EACN+B,aAAcT,EACdI,UACI9B,IAAqBkB,EAAW,cAAgB,gBACpDkB,WAAY,CACRC,EAAAA,OAAO,GACPC,OAAK,CACDC,0BAA2B,MAC3BC,WAAW,IAEfC,QAAM,CAAEC,QAAS,KAErBC,qBAAsBC,EAAAA,cAGlBC,kBAAAA,EAAmBC,iBAAAA,EAAkBC,aAAAA,GACzCC,EAAAA,gBAAgB,CACZC,EAAAA,SAASlB,EAAS,CACdmB,QAASjD,GAAeuB,EACxB2B,MAAO,CAAEjB,KAAM,IACfkB,YAAaC,EAAAA,YAAY,CACrBC,eAAe,EACfC,oBAAoB,MAG5BC,EAAAA,SAASzB,EAAS,CACd0B,MAAO,cAEXC,EAAAA,WAAW3B,EAAS,CAAE4B,cAAezD,IACrC0D,EAAAA,QAAQ7B,EAAS,CAAE8B,KAAM,SACzBC,EAAAA,kBAAkB/B,EAAS,CACvBgC,QAAS5C,EACTE,YAAAA,EACA2C,OAAQ9C,EACR+C,WAAY3C,MAIlB4C,EAAeC,EAAAA,aAAa,CAACtC,EAAKuC,aAAcvE,KAI9CwE,MAAAA,EAAOC,QAAAA,GAAYC,EAAAA,mBACvB1C,EAAK2C,UAAUC,UAGXC,UAAAA,EAAWC,OAAQC,GAAoBC,EAAAA,oBAC3C9C,EACA,CACI+C,SAAU,CACN5C,KAAMxB,EAAuB,EAAI,IACjCqE,MAAOrE,EAAuB,EAAI,KAEtCsE,QAAS,EAAGxF,KAAAA,OACRyF,QAAS,EACTC,UAAW3F,EAAeC,EAAM,KAEpC0C,KAAM,EAAG1C,KAAAA,MAAY,CACjByF,QAAS,EACTC,UAAW3F,EAAeC,EAAM,KAEpCuF,MAAO,EAAGvF,KAAAA,OACNyF,QAAS,EACTC,UAAW3F,EAAeC,EAAM,OAMxC,OAAA2F,EAAAA,KAACC,EAAaA,aAAA,CAAAC,GAAIvE,EACbhB,SAAA,CAAMwF,EAAAC,eAAepF,IAClBqF,EAAAA,IAACC,EAAAA,cAAA,IACO5C,EAAkB,IACftC,EACHmF,IAAKxB,EACLL,KAAM3C,EAAW,gBAAa,EAC9B,gBAAiBV,EACjBmF,QAAQlC,GACJA,EAAMmC,iBAAgB,IAI7B9F,SAAAK,IAGRuE,SACImB,iBACG,CAAA/F,SAAA0F,EAAAA,IAACM,EAAAA,qBAAA,CACG/D,QAAAA,EAEAgE,OAAO,EAEPC,aAAc9E,GAAW,EAAK,EAE9B+E,aAAc/E,EAEdpB,SAAA0F,EAAAA,IAAC,MAAA,CACGzF,UAAWmG,EAAAA,KAAK,eAAgBnG,GAChC,aAAYsE,EACZ,sBAAqBC,EACrBT,KAAK,OACL,iBAAgB/B,EAChB,YAAU,YACV,eAAc1B,EACdsF,IAAK7D,EAAKsE,eACNrD,EAAiB,CACjBuC,GAAI7E,EACJ4F,MAAO,IACApE,KACA4C,KAIV9E,WAAMuG,SAASC,IACZxG,GACA,CAACyG,EAAOC,IACAlB,EAAMC,eAAegB,GAEjBf,EAAAA,IAACC,EAAAA,cAAA,IACO1C,EAAa,IACVwD,EAAM3G,MACT6G,SACIpF,IACAmF,EACM,KAEV3C,KAAM,WACN6B,IACIgB,GAEavF,EAAAsD,QACT+B,GACAE,CACR,EACAf,QAAQlC,GACJ8C,EAAM3G,MAAM+F,UACRlC,IAGAA,EAAMkD,kBAIV/F,GAAMgG,OAAOC,KACT,QAER,EACAC,UAAUrD,GACN8C,EAAM3G,MAAMkH,YACRrD,IAGAA,EAAMkD,mBAIV/F,GAAMgG,OAAOC,KACT,WAMI,qBAHJpD,EACKsD,cACAlD,MAGD,UADJJ,EAAMuD,KAINtF,GACI,GAGZ,EACAuF,eAEQzF,GACApB,GAEAkB,EACIkF,EAER,IAIP1G,SAAAyG,IAKNA,YAOnC,IAIZ7G,EAAcwH,YAAc,gBAErB,MAAMC,EAAOxH,EAAAA,YAAyC,CAACC,EAAO8F,IAGhD,OAFAzE,EAAAA,gCAIRmG,EAAAA,aACG,CAAAtH,SAAA0F,EAAAA,IAAC9F,GAAcgG,IAAAA,KAAc9F,MAKjC4F,EAAAA,IAAA9F,EAAA,CAAcgG,IAAAA,KAAc9F,MAGxCuH,EAAKD,YAAc"}

package/build/cjs/components/tooltip/TooltipContent.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),r=require("../../../clsx-E3yX_9sL.cjs"),s=require("react"),n=require("../../hooks/useBrowserPreferences/useBrowserPreferences.cjs"),o=require("../../hooks/useId/useId.cjs"),i=require("../../utilities/getThemeAndDensity.cjs"),a=require("./Tooltip.cjs");function c(e,t=0){switch(e){case"top":default:return`0 ${t}px`;case"left":return`${t}px 0`;case"bottom":return`0 ${-t}px`;case"right":return-t+"px 0"}}const l=s.forwardRef((function({className:s,children:l,"data-ispopup":u,...d},p){const{triggerOn:g,arrowElement:f,getFloatingProps:h,placement:x,floatingStyles:j,refs:m,context:y}=a.useTooltipContext(),F=t.useMergeRefs([p,m.setFloating]),w=o.useId("jkl-tooltip-content"),{prefersReducedMotion:q}=n.useBrowserPreferences(),{isMounted:k,styles:T}=t.useTransitionStyles(y,{duration:{open:q?0:250,close:q?0:150},initial:({side:e})=>({opacity:0,translate:c(e,5)}),open:({side:e})=>({opacity:1,translate:c(e,0)}),close:({side:e})=>({opacity:0,translate:c(e,-5)})}),{density:P,theme:M}=i.getThemeAndDensity(m.reference.current);return e.jsx(t.FloatingPortal,{children:e.jsx(t.FloatingFocusManager,{initialFocus:"click"===g?0:-1,returnFocus:!0,context:y,modal:!1,closeOnFocusOut:!0,children:e.jsxs(e.Fragment,{children:["hover"===g&&e.jsx("span",{ref:m.setDescription,hidden:!0,children:l},`${w}-trigger`),k&&e.jsx("span",{className:"jkl",children:e.jsxs("span",{ref:F,"data-placement":x,"data-testid":"tooltip-content","data-theme":M,"data-layout-density":P,className:r.clsx("jkl-tooltip-content",s),...h({...d,id:w}),style:{...j,...T},children:[l,e.jsx(t.FloatingArrow,{context:y,ref:f,width:24,height:12,fill:"var(--background-color)"})]},w)},`${w}-wrapper`)]})})})}));exports.TooltipContent=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),r=require("../../../clsx-E3yX_9sL.cjs"),s=require("react"),n=require("../../hooks/useBrowserPreferences/useBrowserPreferences.cjs"),o=require("../../hooks/useId/useId.cjs"),i=require("../../utilities/getThemeAndDensity.cjs"),c=require("./Tooltip.cjs");function a(e,t=0){switch(e){case"top":default:return`0 ${t}px`;case"left":return`${t}px 0`;case"bottom":return`0 ${-t}px`;case"right":return-t+"px 0"}}const l=s.forwardRef((function({className:l,children:u,"data-ispopup":d,...p},f){const{triggerOn:g,arrowElement:h,getFloatingProps:m,placement:x,floatingStyles:j,refs:y,context:F}=c.useTooltipContext(),w=t.useMergeRefs([f,y.setFloating]),q=o.useId("jkl-tooltip-content"),{prefersReducedMotion:k}=n.useBrowserPreferences(),{isMounted:T,styles:P}=t.useTransitionStyles(F,{duration:{open:k?0:250,close:k?0:150},initial:({side:e})=>({opacity:0,translate:a(e,5)}),open:({side:e})=>({opacity:1,translate:a(e,0)}),close:({side:e})=>({opacity:0,translate:a(e,-5)})}),{density:R,theme:b}=i.getThemeAndDensity(y.reference.current),M=s.useRef(null);return s.useEffect((()=>{M.current=F.elements.domReference?.closest("[data-portal]")||document.body}),[F.elements.domReference]),e.jsx(t.FloatingPortal,{root:M.current,children:e.jsx(t.FloatingFocusManager,{initialFocus:"click"===g?0:-1,returnFocus:!0,context:F,modal:!1,closeOnFocusOut:!0,children:e.jsxs(e.Fragment,{children:["hover"===g&&e.jsx("span",{ref:y.setDescription,hidden:!0,children:u},`${q}-trigger`),T&&e.jsx("span",{className:"jkl",children:e.jsxs("span",{ref:w,"data-placement":x,"data-testid":"tooltip-content","data-theme":b,"data-layout-density":R,className:r.clsx("jkl-tooltip-content",l),...m({...p,id:q}),style:{...j,...P},children:[u,e.jsx(t.FloatingArrow,{context:F,ref:h,width:24,height:12,fill:"var(--background-color)"})]},q)},`${q}-wrapper`)]})})})}));exports.TooltipContent=l;
 //# sourceMappingURL=TooltipContent.cjs.map

package/build/cjs/components/tooltip/TooltipContent.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TooltipContent.cjs","sources":["../../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import {\n FloatingArrow,\n FloatingFocusManager,\n FloatingPortal,\n type Side,\n useMergeRefs,\n useTransitionStyles,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport React, { type HTMLProps, forwardRef } from \"react\";\nimport { useBrowserPreferences } from \"../../hooks/useBrowserPreferences/useBrowserPreferences.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\nimport { useTooltipContext } from \"./Tooltip.js\";\n\nfunction getTranslation(side: Side, value = 0) {\n switch (side) {\n case \"top\":\n return `0 ${value}px`;\n case \"left\":\n return `${value}px 0`;\n case \"bottom\":\n return `0 ${-value}px`;\n case \"right\":\n return `${-value}px 0`;\n\n default:\n return `0 ${value}px`;\n }\n}\n\nexport const TooltipContent = forwardRef<\n HTMLDivElement,\n HTMLProps<HTMLDivElement> & { \"data-ispopup\"?: boolean }\n>(function TooltipContent(\n { className, children, [\"data-ispopup\"]: isPopup, ...props },\n forwardedRef,\n) {\n const {\n triggerOn,\n arrowElement,\n getFloatingProps,\n placement,\n floatingStyles,\n refs,\n context,\n } = useTooltipContext();\n const ref = useMergeRefs([forwardedRef, refs.setFloating]);\n const contentId = useId(\"jkl-tooltip-content\");\n const { prefersReducedMotion } = useBrowserPreferences();\n const { isMounted, styles: animationStyles } = useTransitionStyles(\n context,\n {\n duration: {\n open: prefersReducedMotion ? 0 : 250,\n close: prefersReducedMotion ? 0 : 150,\n },\n initial: ({ side }) => ({\n opacity: 0,\n translate: getTranslation(side, 5),\n }),\n open: ({ side }) => ({\n opacity: 1,\n translate: getTranslation(side, 0),\n }),\n close: ({ side }) => ({\n opacity: 0,\n translate: getTranslation(side, -5),\n }),\n },\n );\n\n // Siden tooltipet rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n const { density, theme } = getThemeAndDensity(\n refs.reference.current as HTMLElement,\n );\n\n return (\n <FloatingPortal>\n <FloatingFocusManager\n initialFocus={triggerOn === \"click\" ? 0 : -1}\n returnFocus={true}\n context={context}\n modal={false}\n closeOnFocusOut={true}\n >\n <>\n {/* For å kunne bruke tekstinnholdet i tooltip som beskrivende tekst, selv når ikke\n tooltip er synlig, må vi rendre et skjult element å referere til for å hente innholdet. */}\n {triggerOn === \"hover\" && (\n <span\n ref={refs.setDescription}\n hidden\n key={`${contentId}-trigger`}\n >\n {children}\n </span>\n )}\n {isMounted && (\n <span className=\"jkl\" key={`${contentId}-wrapper`}>\n <span\n key={contentId}\n ref={ref}\n data-placement={placement}\n data-testid={\"tooltip-content\"}\n data-theme={theme}\n data-layout-density={density}\n className={clsx(\n \"jkl-tooltip-content\",\n className,\n )}\n {...getFloatingProps({\n ...props,\n id: contentId,\n })}\n style={{\n ...floatingStyles,\n ...animationStyles,\n }}\n >\n {children}\n <FloatingArrow\n context={context}\n ref={arrowElement}\n width={24}\n height={12}\n fill=\"var(--background-color)\"\n />\n </span>\n </span>\n )}\n </>\n </FloatingFocusManager>\n </FloatingPortal>\n );\n});\n"],"names":["getTranslation","side","value","TooltipContent","forwardRef","className","children","isPopup","props","forwardedRef","triggerOn","arrowElement","getFloatingProps","placement","floatingStyles","refs","context","useTooltipContext","ref","useMergeRefs","setFloating","contentId","useId","prefersReducedMotion","useBrowserPreferences","isMounted","styles","animationStyles","useTransitionStyles","duration","open","close","initial","opacity","translate","density","theme","getThemeAndDensity","reference","current","~~FloatingPortal~~","jsx","FloatingFocusManager","initialFocus","returnFocus","modal","closeOnFocusOut","jsxs","Fragment","setDescription","hidden","clsx","id","style","FloatingArrow","width","height","fill"],"mappings":"iZAeA,SAASA,EAAeC,EAAYC,EAAQ,GACxC,OAAQD,GACJ,IAAK,MASL,QACI,MAAO,KAAKC,MARhB,IAAK,OACD,MAAO,GAAGA,QACd,IAAK,SACM,MAAA,MAAMA,MACjB,IAAK,QACM,OAAIA,EAAJ,OAKnB,CAEO,MAAMC,EAAiBC,EAAAA,YAG5B,UACIC,UAAAA,EAAWC,SAAAA,EAAU,eAAkBC,KAAYC,GACrDC,GAEM,MACFC,UAAAA,EACAC,aAAAA,EACAC,iBAAAA,EACAC,UAAAA,EACAC,eAAAA,EACAC,KAAAA,EACAC,QAAAA,GACAC,sBACEC,EAAMC,EAAAA,aAAa,CAACV,EAAcM,EAAKK,cACvCC,EAAYC,QAAM,wBAChBC,qBAAAA,GAAyBC,2BACzBC,UAAAA,EAAWC,OAAQC,GAAoBC,EAAAA,oBAC3CZ,EACA,CACIa,SAAU,CACNC,KAAMP,EAAuB,EAAI,IACjCQ,MAAOR,EAAuB,EAAI,KAEtCS,QAAS,EAAG/B,KAAAA,OACRgC,QAAS,EACTC,UAAWlC,EAAeC,EAAM,KAEpC6B,KAAM,EAAG7B,KAAAA,~~MAAY~~,~~CACjBgC,~~QAAS,EACTC,UAAWlC,EAAeC,EAAM,KAEpC8B,MAAO,EAAG9B,KAAAA,~~OACNgC~~,QAAS,EACTC,UAAWlC,EAAeC,~~GAAQ~~,~~QAOtCkC~~,QAAAA,EAASC,MAAAA,GAAUC,EAAAA,mBACvBtB,EAAKuB,UAAUC,~~SAGnB~~,~~aACKC~~,EAAAA,~~eACG~~,~~CAAAlC~~,~~SAAAmC~~,EAAAA,~~IAACC~~,EAAAA,qBAAA,CACGC,aAA4B,~~UAAdjC~~,EAAwB,~~KACtCkC~~,aAAa,~~EACb5B~~,QAAAA,~~EACA6B~~,OAAO,EACPC,iBAAiB,~~EAEjBxC~~,~~SAGKyC~~,EAAAA,KAAAC,WAAA,~~CAAA1C~~,SAAA,CAAc,UAAdI,~~GACG+B~~,EAAAA,IAAC,OAAA,~~CACGvB~~,IAAKH,~~EAAKkC~~,eACVC,QAAM,~~EAGL5C~~,SAAAA,GAFI,GAAGe,aAKfI,~~GACGgB~~,EAAAA,IAAC,OAAK,~~CAAApC~~,UAAU,MACZC,~~SAAAyC~~,EAAAA,KAAC,OAAA,~~CAEG7B~~,IAAAA,EACA,iBAAgBL,EAChB,cAAa,kBACb,aAAYuB,EACZ,sBAAqBD,EACrB9B,~~UAAW8C~~,EAAAA,KACP,~~sBACA9C~~,MAEAO,EAAiB,IACdJ,~~EACH4C~~,~~GAAI/B~~,~~IAERgC~~,MAAO,~~IACAvC~~,KACAa,GAGNrB,SAAA,CAAAA,~~EACDmC~~,EAAAA,~~IAACa~~,EAAAA,cAAA,~~CACGtC~~,QAAAA,EACAE,IAAKP,~~EACL4C~~,MAAO,GACPC,OAAQ,GACRC,KAAK,~~8BAzBJpC~~,IAFc,GAAGA,mBAoCtD"}
1	+ {"version":3,"file":"TooltipContent.cjs","sources":["../../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import {\n FloatingArrow,\n FloatingFocusManager,\n FloatingPortal,\n type Side,\n useMergeRefs,\n useTransitionStyles,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport React, { type HTMLProps, forwardRef } from \"react\";\nimport { useBrowserPreferences } from \"../../hooks/useBrowserPreferences/useBrowserPreferences.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\nimport { useTooltipContext } from \"./Tooltip.js\";\n\nfunction getTranslation(side: Side, value = 0) {\n switch (side) {\n case \"top\":\n return `0 ${value}px`;\n case \"left\":\n return `${value}px 0`;\n case \"bottom\":\n return `0 ${-value}px`;\n case \"right\":\n return `${-value}px 0`;\n\n default:\n return `0 ${value}px`;\n }\n}\n\nexport const TooltipContent = forwardRef<\n HTMLDivElement,\n HTMLProps<HTMLDivElement> & { \"data-ispopup\"?: boolean }\n>(function TooltipContent(\n { className, children, [\"data-ispopup\"]: isPopup, ...props },\n forwardedRef,\n) {\n const {\n triggerOn,\n arrowElement,\n getFloatingProps,\n placement,\n floatingStyles,\n refs,\n context,\n } = useTooltipContext();\n const ref = useMergeRefs([forwardedRef, refs.setFloating]);\n const contentId = useId(\"jkl-tooltip-content\");\n const { prefersReducedMotion } = useBrowserPreferences();\n const { isMounted, styles: animationStyles } = useTransitionStyles(\n context,\n {\n duration: {\n open: prefersReducedMotion ? 0 : 250,\n close: prefersReducedMotion ? 0 : 150,\n },\n initial: ({ side }) => ({\n opacity: 0,\n translate: getTranslation(side, 5),\n }),\n open: ({ side }) => ({\n opacity: 1,\n translate: getTranslation(side, 0),\n }),\n close: ({ side }) => ({\n opacity: 0,\n translate: getTranslation(side, -5),\n }),\n },\n );\n\n // Siden tooltipet rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n const { density, theme } = getThemeAndDensity(\n refs.reference.current as HTMLElement,\n );\n\n const floatingPortalRef = React.useRef<HTMLElement \| null>(null);\n\n React.useEffect(() => {\n floatingPortalRef.current =\n context.elements.domReference?.closest<HTMLElement>(\n \"[data-portal]\",\n ) \|\| document.body;\n }, [context.elements.domReference]);\n\n return (\n <FloatingPortal root={floatingPortalRef.current}>\n <FloatingFocusManager\n initialFocus={triggerOn === \"click\" ? 0 : -1}\n returnFocus={true}\n context={context}\n modal={false}\n closeOnFocusOut={true}\n >\n <>\n {/* For å kunne bruke tekstinnholdet i tooltip som beskrivende tekst, selv når ikke\n tooltip er synlig, må vi rendre et skjult element å referere til for å hente innholdet. */}\n {triggerOn === \"hover\" && (\n <span\n ref={refs.setDescription}\n hidden\n key={`${contentId}-trigger`}\n >\n {children}\n </span>\n )}\n {isMounted && (\n <span className=\"jkl\" key={`${contentId}-wrapper`}>\n <span\n key={contentId}\n ref={ref}\n data-placement={placement}\n data-testid={\"tooltip-content\"}\n data-theme={theme}\n data-layout-density={density}\n className={clsx(\n \"jkl-tooltip-content\",\n className,\n )}\n {...getFloatingProps({\n ...props,\n id: contentId,\n })}\n style={{\n ...floatingStyles,\n ...animationStyles,\n }}\n >\n {children}\n <FloatingArrow\n context={context}\n ref={arrowElement}\n width={24}\n height={12}\n fill=\"var(--background-color)\"\n />\n </span>\n </span>\n )}\n </>\n </FloatingFocusManager>\n </FloatingPortal>\n );\n});\n"],"names":["getTranslation","side","value","TooltipContent","forwardRef","className","children","isPopup","props","forwardedRef","triggerOn","arrowElement","getFloatingProps","placement","floatingStyles","refs","context","useTooltipContext","ref","useMergeRefs","setFloating","contentId","useId","prefersReducedMotion","useBrowserPreferences","isMounted","styles","animationStyles","useTransitionStyles","duration","open","close","initial","opacity","translate","density","theme","getThemeAndDensity","reference","current","floatingPortalRef","React","useRef","useEffect","elements","domReference","closest","document","body","jsx","FloatingPortal","root","FloatingFocusManager","initialFocus","returnFocus","modal","closeOnFocusOut","jsxs","Fragment","setDescription","hidden","clsx","id","style","FloatingArrow","width","height","fill"],"mappings":"iZAeA,SAASA,EAAeC,EAAYC,EAAQ,GACxC,OAAQD,GACJ,IAAK,MASL,QACI,MAAO,KAAKC,MARhB,IAAK,OACD,MAAO,GAAGA,QACd,IAAK,SACM,MAAA,MAAMA,MACjB,IAAK,QACM,OAAIA,EAAJ,OAKnB,CAEO,MAAMC,EAAiBC,EAAAA,YAG5B,UACIC,UAAAA,EAAWC,SAAAA,EAAU,eAAkBC,KAAYC,GACrDC,GAEM,MACFC,UAAAA,EACAC,aAAAA,EACAC,iBAAAA,EACAC,UAAAA,EACAC,eAAAA,EACAC,KAAAA,EACAC,QAAAA,GACAC,sBACEC,EAAMC,EAAAA,aAAa,CAACV,EAAcM,EAAKK,cACvCC,EAAYC,QAAM,wBAChBC,qBAAAA,GAAyBC,2BACzBC,UAAAA,EAAWC,OAAQC,GAAoBC,EAAAA,oBAC3CZ,EACA,CACIa,SAAU,CACNC,KAAMP,EAAuB,EAAI,IACjCQ,MAAOR,EAAuB,EAAI,KAEtCS,QAAS,EAAG/B,KAAAA,OACRgC,QAAS,EACTC,UAAWlC,EAAeC,EAAM,KAEpC6B,KAAM,EAAG7B,KAAAA,OACLgC,QAAS,EACTC,UAAWlC,EAAeC,EAAM,KAEpC8B,MAAO,EAAG9B,KAAAA,MAAY,CAClBgC,QAAS,EACTC,UAAWlC,EAAeC,GAAM,QAOpCkC,QAAAA,EAASC,MAAAA,GAAUC,EAAAA,mBACvBtB,EAAKuB,UAAUC,SAGbC,EAAoBC,EAAMC,OAA2B,MAE3D,OAAAD,EAAME,WAAU,KACMH,EAAAD,QACdvB,EAAQ4B,SAASC,cAAcC,QAC3B,kBACCC,SAASC,OACnB,CAAChC,EAAQ4B,SAASC,eAGhBI,EAAAA,IAAAC,EAAAA,eAAA,CAAeC,KAAMX,EAAkBD,QACpCjC,SAAA2C,EAAAA,IAACG,EAAAA,qBAAA,CACGC,aAA4B,UAAd3C,EAAwB,KACtC4C,aAAa,EACbtC,QAAAA,EACAuC,OAAO,EACPC,iBAAiB,EAEjBlD,SAGKmD,EAAAA,KAAAC,WAAA,CAAApD,SAAA,CAAc,UAAdI,GACGuC,EAAAA,IAAC,OAAA,CACG/B,IAAKH,EAAK4C,eACVC,QAAM,EAGLtD,SAAAA,GAFI,GAAGe,aAKfI,GACGwB,EAAAA,IAAC,OAAK,CAAA5C,UAAU,MACZC,SAAAmD,EAAAA,KAAC,OAAA,CAEGvC,IAAAA,EACA,iBAAgBL,EAChB,cAAa,kBACb,aAAYuB,EACZ,sBAAqBD,EACrB9B,UAAWwD,EAAAA,KACP,sBACAxD,MAEAO,EAAiB,IACdJ,EACHsD,GAAIzC,IAER0C,MAAO,IACAjD,KACAa,GAGNrB,SAAA,CAAAA,EACD2C,EAAAA,IAACe,EAAAA,cAAA,CACGhD,QAAAA,EACAE,IAAKP,EACLsD,MAAO,GACPC,OAAQ,GACRC,KAAK,8BAzBJ9C,IAFc,GAAGA,mBAoCtD"}

package/build/cjs/hooks/stories/content.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const t=[e.jsx(e.Fragment,{children:e.jsx("p",{className:"jkl-body",children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."})}),e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"jkl-body",children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."}),e.jsx("p",{className:"jkl-body",children:"It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged."})]}),e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"jkl-body",children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."}),e.jsx("p",{className:"jkl-body",children:"It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged."}),e.jsx("p",{className:"jkl-body",children:"It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."})]}),e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"jkl-body",children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."}),e.jsx("p",{className:"jkl-body",children:"It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged."}),e.jsx("p",{className:"jkl-body",children:"It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}),e.jsx("p",{className:"jkl-body",children:"Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old."})]})];exports.randomContentBlock=function e(s){let n=t[Math.floor(Math.random()*t.length)];return n===s&&(n=e(s)),n};
2	+ //# sourceMappingURL=content.cjs.map

package/build/cjs/hooks/stories/content.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"content.cjs","sources":["../../../../src/hooks/stories/content.tsx"],"sourcesContent":["import React from \"react\";\n\nconst content1 = (\n <>\n \n Lorem Ipsum is simply dummy text of the printing and typesetting\n industry. Lorem Ipsum has been the industrys standard dummy text\n ever since the 1500s, when an unknown printer took a galley of type\n and scrambled it to make a type specimen book.\n \n </>\n);\n\nconst content2 = (\n <>\n \n Lorem Ipsum is simply dummy text of the printing and typesetting\n industry. Lorem Ipsum has been the industrys standard dummy text\n ever since the 1500s, when an unknown printer took a galley of type\n and scrambled it to make a type specimen book.\n \n \n It has survived not only five centuries, but also the leap into\n electronic typesetting, remaining essentially unchanged.\n \n </>\n);\n\nconst content3 = (\n <>\n \n Lorem Ipsum is simply dummy text of the printing and typesetting\n industry. Lorem Ipsum has been the industrys standard dummy text\n ever since the 1500s, when an unknown printer took a galley of type\n and scrambled it to make a type specimen book.\n \n \n It has survived not only five centuries, but also the leap into\n electronic typesetting, remaining essentially unchanged.\n \n \n It was popularised in the 1960s with the release of Letraset sheets\n containing Lorem Ipsum passages, and more recently with desktop\n publishing software like Aldus PageMaker including versions of Lorem\n Ipsum.\n \n </>\n);\n\nconst content4 = (\n <>\n \n Lorem Ipsum is simply dummy text of the printing and typesetting\n industry. Lorem Ipsum has been the industrys standard dummy text\n ever since the 1500s, when an unknown printer took a galley of type\n and scrambled it to make a type specimen book.\n \n \n It has survived not only five centuries, but also the leap into\n electronic typesetting, remaining essentially unchanged.\n \n \n It was popularised in the 1960s with the release of Letraset sheets\n containing Lorem Ipsum passages, and more recently with desktop\n publishing software like Aldus PageMaker including versions of Lorem\n Ipsum.\n \n \n Contrary to popular belief, Lorem Ipsum is not simply random text.\n It has roots in a piece of classical Latin literature from 45 BC,\n making it over 2000 years old.\n \n </>\n);\n\nconst contentBlocks = [content1, content2, content3, content4];\n\nexport function randomContentBlock(except?: JSX.Element): JSX.Element {\n let content =\n contentBlocks[Math.floor(Math.random() * contentBlocks.length)];\n if (content === except) {\n content = randomContentBlock(except);\n }\n return content;\n}\n"],"names":["contentBlocks","jsx","Fragment","children","className","jsxs","randomContentBlock","except","content","Math","floor","random","length"],"mappings":"sIAEA,MAyEMA,EAAgB,CAvEdC,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SAAAF,EAAAA,IAAC,KAAEG,UAAU,WAAWD,oQAWxBE,EAAAA,KAAAH,WAAA,CAAAC,SAAA,CAACF,EAAAA,IAAA,IAAA,CAAEG,UAAU,WAAWD,SAKxB,yPACCF,EAAAA,IAAA,IAAA,CAAEG,UAAU,WAAWD,SAGxB,gIAMAE,EAAAA,KAAAH,WAAA,CAAAC,SAAA,CAACF,EAAAA,IAAA,IAAA,CAAEG,UAAU,WAAWD,SAKxB,yPACCF,EAAAA,IAAA,IAAA,CAAEG,UAAU,WAAWD,SAGxB,6HACCF,EAAAA,IAAA,IAAA,CAAEG,UAAU,WAAWD,SAKxB,uNAMAE,EAAAA,KAAAH,WAAA,CAAAC,SAAA,CAACF,EAAAA,IAAA,IAAA,CAAEG,UAAU,WAAWD,SAKxB,yPACCF,EAAAA,IAAA,IAAA,CAAEG,UAAU,WAAWD,SAGxB,6HACCF,EAAAA,IAAA,IAAA,CAAEG,UAAU,WAAWD,SAKxB,oNACCF,EAAAA,IAAA,IAAA,CAAEG,UAAU,WAAWD,SAIxB,uMAMD,SAASG,EAAmBC,GAC3B,IAAAC,EACAR,EAAcS,KAAKC,MAAMD,KAAKE,SAAWX,EAAcY,SAC3D,OAAIJ,IAAYD,IACZC,EAAUF,EAAmBC,IAE1BC,CACX"}

package/build/cjs/hooks/stories/content.d.cts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare function randomContentBlock(except?: JSX.Element): JSX.Element;

package/build/cjs/hooks/useAnimatedHeight/useAnimatedHeight.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../core/tokens.cjs"),r=require("../useBrowserPreferences/useBrowserPreferences.cjs"),n=require("../usePreviousValue/usePreviousValue.cjs");exports.useAnimatedHeight=function(i,s){const o=n.usePreviousValue(i),u=s?.easing||"standard",l=s?.timing||"productive",c=s?.display||"block",a=`${t.motion.timing[l]} height ${t.motion.easing[u]}`,{prefersReducedMotion:f}=r.useBrowserPreferences(),d=e.useRef(),m=e.useRef(),y=e.useRef(null);function g(e){const t=y.current;t&&e.target===t&&(i?t.removeAttribute("style"):(t.removeAttribute("style"),t.style.display="none"),s?.onTransitionEnd?.(i,y))}const v=e.useCallback((()=>{const e=y.current;if(e&&void 0!==o){if(i){if(i&&o)return}else if(e.style.display="none",!o)return;if(s?.onTransitionStart?.(i,y),f)return e.removeAttribute("style"),i&&s?.onFirstVisible?.(i,y),void s?.onTransitionEnd?.(i,y);if(e.style.transition=a,e.style.display=c,e.style.overflow="hidden",i)s?.onFirstVisible?.(i,y),e.style.height="0",e.style.height=`${e.scrollHeight}px`;else{if(0===e.scrollHeight)return void e.removeAttribute("style");e.style.height=`${e.scrollHeight}px`,d.current=requestAnimationFrame((()=>{m.current=requestAnimationFrame((()=>{e.style.height="0px"}))}))}}}),[i,s,o,a,f,c]);return e.useEffect((()=>{v()}),[i,v]),e.useEffect((()=>{const e=y.current;return e&&e.addEventListener("transitionend",g),()=>{e&&e.removeEventListener("transitionend",g)}}),[i]),e.useEffect((()=>{const e=d.current,t=m.current;return()=>{e&&cancelAnimationFrame(e),t&&cancelAnimationFrame(t)}}),[]),[y,v]};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../core/tokens.cjs"),r=require("../useBrowserPreferences/useBrowserPreferences.cjs"),n=require("../usePreviousValue/usePreviousValue.cjs");exports.useAnimatedHeight=function(i,s){const o=n.usePreviousValue(i),u=s?.easing||"standard",l=s?.timing||"productive",c=s?.display||"block",a=`${t.motion.timing[l]} height ${t.motion.easing[u]}`,{prefersReducedMotion:d}=r.useBrowserPreferences(),f=e.useRef(),y=e.useRef(),m=e.useRef(null);function g(e){const t=m.current;t&&e.target===t&&(i?t.removeAttribute("style"):(t.removeAttribute("style"),t.style.display="none"),s?.onTransitionEnd?.(i,m))}const v=e.useCallback((()=>{const e=m.current;if(e&&void 0!==o){if(i){if(i&&o)return}else if(e.style.display="none",!o)return;if(s?.onTransitionStart?.(i,m),d)return e.removeAttribute("style"),i?s?.onFirstVisible?.(i,m):e.style.display="none",void s?.onTransitionEnd?.(i,m);if(e.style.transition=a,e.style.display=c,e.style.overflow="hidden",i)s?.onFirstVisible?.(i,m),e.style.height="0",e.style.height=`${e.scrollHeight}px`;else{if(0===e.scrollHeight)return void e.removeAttribute("style");e.style.height=`${e.scrollHeight}px`,f.current=requestAnimationFrame((()=>{y.current=requestAnimationFrame((()=>{e.style.height="0px"}))}))}}}),[i,s,o,a,d,c]);return e.useEffect((()=>{v()}),[i,v]),e.useEffect((()=>{const e=m.current;return e&&e.addEventListener("transitionend",g),()=>{e&&e.removeEventListener("transitionend",g)}}),[i]),e.useEffect((()=>{const e=f.current,t=y.current;return()=>{e&&cancelAnimationFrame(e),t&&cancelAnimationFrame(t)}}),[]),[m,v]};
 //# sourceMappingURL=useAnimatedHeight.cjs.map

package/build/cjs/hooks/useAnimatedHeight/useAnimatedHeight.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAnimatedHeight.cjs","sources":["../../../../src/hooks/useAnimatedHeight/useAnimatedHeight.ts"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useRef } from \"react\";\nimport tokens from \"../../core/tokens.js\";\nimport { useBrowserPreferences } from \"../useBrowserPreferences/useBrowserPreferences.js\";\nimport { usePreviousValue } from \"../usePreviousValue/usePreviousValue.js\";\nimport type { UseAnimatedHeightOptions } from \"./types.js\";\n\nconst defaultDisplay = \"block\";\nconst defaultEasing = \"standard\";\nconst defaultTiming = \"productive\";\n\n/*\n Lar deg animere et element opp til sin maksimale høyde, eller ned til 0.\n \n @param isOpen Om elementet er åpent eller lukket.\n * @param options Konfigurer display-property, easing og timing, og eventuelle callbacks for life cycle til animasjonen.\n * @returns Ref til elementet som skal animeres, og en funksjon for å trigge animasjonen manuelt.\n */\nexport function useAnimatedHeight<T extends HTMLElement>(\n isOpen: boolean,\n options?: UseAnimatedHeightOptions<T>,\n): [RefObject<T>, () => void] {\n const wasOpen = usePreviousValue(isOpen);\n const easing = options?.easing \|\| defaultEasing;\n const timing = options?.timing \|\| defaultTiming;\n const display = options?.display \|\| defaultDisplay;\n const transition = `${tokens.motion.timing[timing]} height ${tokens.motion.easing[easing]}`;\n\n const { prefersReducedMotion } = useBrowserPreferences();\n\n const raf1 = useRef<number>();\n const raf2 = useRef<number>();\n const elementRef = useRef<T>(null);\n\n function handleTransitionEnd(event: TransitionEvent) {\n const element = elementRef.current;\n\n // Ignore bubbling transitions from within container\n if (element && event.target === element) {\n if (isOpen) {\n element.removeAttribute(\"style\");\n } else {\n element.removeAttribute(\"style\");\n element.style.display = \"none\";\n }\n options?.onTransitionEnd?.(isOpen, elementRef);\n }\n }\n\n const runAnimation = useCallback(() => {\n const element = elementRef.current;\n\n // Ikke kjør animasjonen hvis elementet ikke er rendret,\n // eller hvis det er første render.\n if (!element \|\| wasOpen === undefined) {\n return;\n }\n\n if (!isOpen) {\n element.style.display = \"none\";\n if (!wasOpen) {\n // Første render eller rerender med isOpen false\n return;\n }\n } else if (isOpen && wasOpen) {\n // Re-render etter å ha vært lukket, men forblitt åpen.\n return;\n }\n\n options?.onTransitionStart?.(isOpen, elementRef);\n\n if (prefersReducedMotion) {\n element.removeAttribute(\"style\");\n if (isOpen) {\n options?.onFirstVisible?.(isOpen, elementRef);\n }\n options?.onTransitionEnd?.(isOpen, elementRef); // make sure to call callback when animation is off\n return;\n }\n\n element.style.transition = transition;\n element.style.display = display;\n element.style.overflow = \"hidden\";\n\n if (isOpen) {\n options?.onFirstVisible?.(isOpen, elementRef);\n element.style.height = \"0\";\n element.style.height = `${element.scrollHeight}px`;\n } else {\n // If the scrollHeight is 0 it means that we are transitioning from height 0 -> 0.\n // This causes the \"transitionend\"-event to never fire and the element gets stuck with\n // style: height: 0; display: block; overflow:hidden\n if (element.scrollHeight === 0) {\n element.removeAttribute(\"style\");\n return;\n }\n\n element.style.height = `${element.scrollHeight}px`;\n\n raf1.current = requestAnimationFrame(() => {\n raf2.current = requestAnimationFrame(() => {\n element.style.height = `${0}px`;\n });\n });\n }\n }, [isOpen, options, wasOpen, transition, prefersReducedMotion, display]);\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: Vi trigger med isOpen\n useEffect(() => {\n runAnimation();\n }, [isOpen, runAnimation]);\n\n // biome-ignore lint/correctness/useExhaustiveDependencies:\n useEffect(() => {\n const element = elementRef.current;\n if (element) {\n element.addEventListener(\"transitionend\", handleTransitionEnd);\n }\n\n return () => {\n if (element) {\n element.removeEventListener(\n \"transitionend\",\n handleTransitionEnd,\n );\n }\n };\n }, [isOpen]);\n\n useEffect(() => {\n const r1 = raf1.current;\n const r2 = raf2.current;\n return () => {\n r1 && cancelAnimationFrame(r1);\n r2 && cancelAnimationFrame(r2);\n };\n }, []);\n\n return [elementRef, runAnimation];\n}\n"],"names":["isOpen","options","wasOpen","usePreviousValue","easing","timing","display","transition","tokens","motion","prefersReducedMotion","useBrowserPreferences","raf1","useRef","raf2","elementRef","handleTransitionEnd","event","element","current","target","removeAttribute","style","onTransitionEnd","runAnimation","useCallback","onTransitionStart","onFirstVisible","overflow","height","scrollHeight","requestAnimationFrame","useEffect","addEventListener","removeEventListener","r1","r2","cancelAnimationFrame"],"mappings":"4RAiBgB,SACZA,EACAC,GAEM,MAAAC,EAAUC,mBAAiBH,GAC3BI,EAASH,GAASG,QAfN,WAgBZC,EAASJ,GAASI,QAfN,aAgBZC,EAAUL,GAASK,SAlBN,QAmBbC,EAAa,GAAGC,EAAOC,OAAOJ,OAAOA,aAAkBG,EAAOC,OAAOL,OAAOA,MAE1EM,qBAAAA,GAAyBC,0BAE3BC,EAAOC,EAAAA,SACPC,EAAOD,EAAAA,SACPE,EAAaF,SAAU,MAE7B,SAASG,EAAoBC,GACzB,MAAMC,EAAUH,EAAWI,QAGvBD,GAAWD,EAAMG,SAAWF,IACxBlB,EACAkB,EAAQG,gBAAgB,UAExBH,EAAQG,gBAAgB,SACxBH,EAAQI,MAAMhB,QAAU,QAEnBL,GAAAsB,kBAAkBvB,EAAQe,GACvC,CAGE,MAAAS,EAAeC,EAAAA,aAAY,KAC7B,MAAMP,EAAUH,EAAWI,QAIvB,GAACD,QAAuB,IAAZhB,EAIhB,~~CAAA~~,~~GAAKF,~~GAML,GAAWA,GAAUE,EAEjB,~~YAPAgB~~,~~GAAAA~~,EAAQI,MAAMhB,QAAU,QACnBJ,EAED,OASR,GAFSD,GAAAyB,oBAAoB1B,EAAQe,GAEjCL,~~EAMA~~,~~OALAQ~~,EAAQG,gBAAgB,SACpBrB,~~GACSC~~,GAAA0B,iBAAiB3B,EAAQe,~~QAE7Bd~~,GAAAsB,kBAAkBvB,EAAQe,GAQvC,GAJAG,EAAQI,MAAMf,WAAaA,EAC3BW,EAAQI,MAAMhB,QAAUA,EACxBY,EAAQI,MAAMM,SAAW,SAErB5B,EACSC,GAAA0B,iBAAiB3B,EAAQe,GAClCG,EAAQI,MAAMO,OAAS,IACvBX,EAAQI,MAAMO,OAAS,GAAGX,EAAQY,qBAC/B,CAIC,GAAyB,IAAzBZ,EAAQY,aAER,YADAZ,EAAQG,gBAAgB,SAI5BH,EAAQI,MAAMO,OAAS,GAAGX,EAAQY,iBAE7BlB,EAAAO,QAAUY,uBAAsB,KAC5BjB,EAAAK,QAAUY,uBAAsB,KACzBb,EAAAI,MAAMO,OAAS,QAC1B,GACJ,~~CACL~~,~~IACD~~,CAAC7B,EAAQC,EAASC,EAASK,EAAYG,EAAsBJ,IAGhE0B,OAAAA,EAAAA,WAAU,KACOR,GAAA,GACd,CAACxB,EAAQwB,IAGZQ,EAAAA,WAAU,KACN,MAAMd,EAAUH,EAAWI,QAC3B,OAAID,GACQA,EAAAe,iBAAiB,gBAAiBjB,GAGvC,KACCE,GACQA,EAAAgB,oBACJ,gBACAlB,EACJ,CAER,GACD,CAAChB,IAEJgC,EAAAA,WAAU,KACN,MAAMG,EAAKvB,EAAKO,QACViB,EAAKtB,EAAKK,QAChB,MAAO,KACHgB,GAAME,qBAAqBF,GAC3BC,GAAMC,qBAAqBD,EAAE,CACjC,GACD,IAEI,CAACrB,EAAYS,EACxB"}
1	+ {"version":3,"file":"useAnimatedHeight.cjs","sources":["../../../../src/hooks/useAnimatedHeight/useAnimatedHeight.ts"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useRef } from \"react\";\nimport tokens from \"../../core/tokens.js\";\nimport { useBrowserPreferences } from \"../useBrowserPreferences/useBrowserPreferences.js\";\nimport { usePreviousValue } from \"../usePreviousValue/usePreviousValue.js\";\nimport type { UseAnimatedHeightOptions } from \"./types.js\";\n\nconst defaultDisplay = \"block\";\nconst defaultEasing = \"standard\";\nconst defaultTiming = \"productive\";\n\n/*\n Lar deg animere et element opp til sin maksimale høyde, eller ned til 0.\n \n @param isOpen Om elementet er åpent eller lukket.\n * @param options Konfigurer display-property, easing og timing, og eventuelle callbacks for life cycle til animasjonen.\n * @returns Ref til elementet som skal animeres, og en funksjon for å trigge animasjonen manuelt.\n */\nexport function useAnimatedHeight<T extends HTMLElement>(\n isOpen: boolean,\n options?: UseAnimatedHeightOptions<T>,\n): [RefObject<T>, () => void] {\n const wasOpen = usePreviousValue(isOpen);\n const easing = options?.easing \|\| defaultEasing;\n const timing = options?.timing \|\| defaultTiming;\n const display = options?.display \|\| defaultDisplay;\n const transition = `${tokens.motion.timing[timing]} height ${tokens.motion.easing[easing]}`;\n\n const { prefersReducedMotion } = useBrowserPreferences();\n\n const raf1 = useRef<number>();\n const raf2 = useRef<number>();\n const elementRef = useRef<T>(null);\n\n function handleTransitionEnd(event: TransitionEvent) {\n const element = elementRef.current;\n\n // Ignore bubbling transitions from within container\n if (element && event.target === element) {\n if (isOpen) {\n element.removeAttribute(\"style\");\n } else {\n element.removeAttribute(\"style\");\n element.style.display = \"none\";\n }\n options?.onTransitionEnd?.(isOpen, elementRef);\n }\n }\n\n const runAnimation = useCallback(() => {\n const element = elementRef.current;\n\n // Ikke kjør animasjonen hvis elementet ikke er rendret,\n // eller hvis det er første render.\n if (!element \|\| wasOpen === undefined) {\n return;\n }\n\n if (!isOpen) {\n element.style.display = \"none\";\n if (!wasOpen) {\n // Første render eller rerender med isOpen false\n return;\n }\n } else if (isOpen && wasOpen) {\n // Re-render etter å ha vært lukket, men forblitt åpen.\n return;\n }\n\n options?.onTransitionStart?.(isOpen, elementRef);\n\n if (prefersReducedMotion) {\n element.removeAttribute(\"style\");\n if (isOpen) {\n options?.onFirstVisible?.(isOpen, elementRef);\n } else {\n element.style.display = \"none\";\n }\n options?.onTransitionEnd?.(isOpen, elementRef); // make sure to call callback when animation is off\n return;\n }\n\n element.style.transition = transition;\n element.style.display = display;\n element.style.overflow = \"hidden\";\n\n if (isOpen) {\n options?.onFirstVisible?.(isOpen, elementRef);\n element.style.height = \"0\";\n element.style.height = `${element.scrollHeight}px`;\n } else {\n // If the scrollHeight is 0 it means that we are transitioning from height 0 -> 0.\n // This causes the \"transitionend\"-event to never fire and the element gets stuck with\n // style: height: 0; display: block; overflow:hidden\n if (element.scrollHeight === 0) {\n element.removeAttribute(\"style\");\n return;\n }\n\n element.style.height = `${element.scrollHeight}px`;\n\n raf1.current = requestAnimationFrame(() => {\n raf2.current = requestAnimationFrame(() => {\n element.style.height = `${0}px`;\n });\n });\n }\n }, [isOpen, options, wasOpen, transition, prefersReducedMotion, display]);\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: Vi trigger med isOpen\n useEffect(() => {\n runAnimation();\n }, [isOpen, runAnimation]);\n\n // biome-ignore lint/correctness/useExhaustiveDependencies:\n useEffect(() => {\n const element = elementRef.current;\n if (element) {\n element.addEventListener(\"transitionend\", handleTransitionEnd);\n }\n\n return () => {\n if (element) {\n element.removeEventListener(\n \"transitionend\",\n handleTransitionEnd,\n );\n }\n };\n }, [isOpen]);\n\n useEffect(() => {\n const r1 = raf1.current;\n const r2 = raf2.current;\n return () => {\n r1 && cancelAnimationFrame(r1);\n r2 && cancelAnimationFrame(r2);\n };\n }, []);\n\n return [elementRef, runAnimation];\n}\n"],"names":["isOpen","options","wasOpen","usePreviousValue","easing","timing","display","transition","tokens","motion","prefersReducedMotion","useBrowserPreferences","raf1","useRef","raf2","elementRef","handleTransitionEnd","event","element","current","target","removeAttribute","style","onTransitionEnd","runAnimation","useCallback","onTransitionStart","onFirstVisible","overflow","height","scrollHeight","requestAnimationFrame","useEffect","addEventListener","removeEventListener","r1","r2","cancelAnimationFrame"],"mappings":"4RAiBgB,SACZA,EACAC,GAEM,MAAAC,EAAUC,mBAAiBH,GAC3BI,EAASH,GAASG,QAfN,WAgBZC,EAASJ,GAASI,QAfN,aAgBZC,EAAUL,GAASK,SAlBN,QAmBbC,EAAa,GAAGC,EAAOC,OAAOJ,OAAOA,aAAkBG,EAAOC,OAAOL,OAAOA,MAE1EM,qBAAAA,GAAyBC,0BAE3BC,EAAOC,EAAAA,SACPC,EAAOD,EAAAA,SACPE,EAAaF,SAAU,MAE7B,SAASG,EAAoBC,GACzB,MAAMC,EAAUH,EAAWI,QAGvBD,GAAWD,EAAMG,SAAWF,IACxBlB,EACAkB,EAAQG,gBAAgB,UAExBH,EAAQG,gBAAgB,SACxBH,EAAQI,MAAMhB,QAAU,QAEnBL,GAAAsB,kBAAkBvB,EAAQe,GACvC,CAGE,MAAAS,EAAeC,EAAAA,aAAY,KAC7B,MAAMP,EAAUH,EAAWI,QAIvB,GAACD,QAAuB,IAAZhB,EAIhB,IAAKF,GAML,GAAWA,GAAUE,EAEjB,YAAA,GAPAgB,EAAQI,MAAMhB,QAAU,QACnBJ,EAED,OASR,GAFSD,GAAAyB,oBAAoB1B,EAAQe,GAEjCL,EAQA,OAPAQ,EAAQG,gBAAgB,SACpBrB,EACSC,GAAA0B,iBAAiB3B,EAAQe,GAElCG,EAAQI,MAAMhB,QAAU,YAEnBL,GAAAsB,kBAAkBvB,EAAQe,GAQvC,GAJAG,EAAQI,MAAMf,WAAaA,EAC3BW,EAAQI,MAAMhB,QAAUA,EACxBY,EAAQI,MAAMM,SAAW,SAErB5B,EACSC,GAAA0B,iBAAiB3B,EAAQe,GAClCG,EAAQI,MAAMO,OAAS,IACvBX,EAAQI,MAAMO,OAAS,GAAGX,EAAQY,qBAC/B,CAIC,GAAyB,IAAzBZ,EAAQY,aAER,YADAZ,EAAQG,gBAAgB,SAI5BH,EAAQI,MAAMO,OAAS,GAAGX,EAAQY,iBAE7BlB,EAAAO,QAAUY,uBAAsB,KAC5BjB,EAAAK,QAAUY,uBAAsB,KACzBb,EAAAI,MAAMO,OAAS,QAC1B,GACJ,CAAA,IAEN,CAAC7B,EAAQC,EAASC,EAASK,EAAYG,EAAsBJ,IAGhE0B,OAAAA,EAAAA,WAAU,KACOR,GAAA,GACd,CAACxB,EAAQwB,IAGZQ,EAAAA,WAAU,KACN,MAAMd,EAAUH,EAAWI,QAC3B,OAAID,GACQA,EAAAe,iBAAiB,gBAAiBjB,GAGvC,KACCE,GACQA,EAAAgB,oBACJ,gBACAlB,EACJ,CAER,GACD,CAAChB,IAEJgC,EAAAA,WAAU,KACN,MAAMG,EAAKvB,EAAKO,QACViB,EAAKtB,EAAKK,QAChB,MAAO,KACHgB,GAAME,qBAAqBF,GAC3BC,GAAMC,qBAAqBD,EAAE,CACjC,GACD,IAEI,CAACrB,EAAYS,EACxB"}

package/build/es/components/autosuggest/BaseAutosuggest.js CHANGED Viewed

@@ -1,7 +1,25 @@
-import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{c as o}from"../../../clsx-BeLtu-UY.js";import{a as r,r as i}from"../../../index-Yq3eaNUM.js";import{cloneElement as s,Component as u}from"react";import{useId as a}from"../../hooks/useId/useId.js";import{InputGroup as l}from"../input-group/InputGroup.js";import p from"./ControllerButton.js";import c from"./Menu.js";function d(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function f(e,t){if(null==e)return{};var n={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(-1!==t.indexOf(o))continue;n[o]=e[o]}return n}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},h.apply(null,arguments)}function g(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){return(m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}var v,y,E,I,b,_,N,O,w,D,S,V,x,P={exports:{}};
+import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{c as o}from"../../../clsx-BeLtu-UY.js";import{cloneElement as r,Component as i}from"react";import{useId as s}from"../../hooks/useId/useId.js";import{InputGroup as u}from"../input-group/InputGroup.js";import a from"./ControllerButton.js";import c from"./Menu.js";function l(e,t){if(null==e)return{};var n={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(-1!==t.indexOf(o))continue;n[o]=e[o]}return n}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},p.apply(null,arguments)}function d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){return(f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function h(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var m,g={exports:{}},v={exports:{}},y={};
+/**
+ * @license React
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var E,b,I,_,N,O,w,S,D,x,V,P,C,T,M,H={};
+/**
+ * @license React
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */function j(){return b||(b=1,"production"===process.env.NODE_ENV?v.exports=function(){if(m)return y;m=1;var e,t=Symbol.for("react.element"),n=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),r=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),u=Symbol.for("react.context"),a=Symbol.for("react.server_context"),c=Symbol.for("react.forward_ref"),l=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),f=Symbol.for("react.lazy"),h=Symbol.for("react.offscreen");function g(e){if("object"==typeof e&&null!==e){var h=e.$$typeof;switch(h){case t:switch(e=e.type){case o:case i:case r:case l:case p:return e;default:switch(e=e&&e.$$typeof){case a:case u:case c:case f:case d:case s:return e;default:return h}}case n:return h}}}return e=Symbol.for("react.module.reference"),y.ContextConsumer=u,y.ContextProvider=s,y.Element=t,y.ForwardRef=c,y.Fragment=o,y.Lazy=f,y.Memo=d,y.Portal=n,y.Profiler=i,y.StrictMode=r,y.Suspense=l,y.SuspenseList=p,y.isAsyncMode=function(){return!1},y.isConcurrentMode=function(){return!1},y.isContextConsumer=function(e){return g(e)===u},y.isContextProvider=function(e){return g(e)===s},y.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},y.isForwardRef=function(e){return g(e)===c},y.isFragment=function(e){return g(e)===o},y.isLazy=function(e){return g(e)===f},y.isMemo=function(e){return g(e)===d},y.isPortal=function(e){return g(e)===n},y.isProfiler=function(e){return g(e)===i},y.isStrictMode=function(e){return g(e)===r},y.isSuspense=function(e){return g(e)===l},y.isSuspenseList=function(e){return g(e)===p},y.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===o||t===i||t===r||t===l||t===p||t===h||"object"==typeof t&&null!==t&&(t.$$typeof===f||t.$$typeof===d||t.$$typeof===s||t.$$typeof===u||t.$$typeof===c||t.$$typeof===e||void 0!==t.getModuleId)},y.typeOf=g,y}():v.exports=(E||(E=1,"production"!==process.env.NODE_ENV&&function(){var e,t=Symbol.for("react.element"),n=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),r=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),u=Symbol.for("react.context"),a=Symbol.for("react.server_context"),c=Symbol.for("react.forward_ref"),l=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),f=Symbol.for("react.lazy"),h=Symbol.for("react.offscreen");function m(e){if("object"==typeof e&&null!==e){var h=e.$$typeof;switch(h){case t:var m=e.type;switch(m){case o:case i:case r:case l:case p:return m;default:var g=m&&m.$$typeof;switch(g){case a:case u:case c:case f:case d:case s:return g;default:return h}}case n:return h}}}e=Symbol.for("react.module.reference");var g=u,v=s,y=t,E=c,b=o,I=f,_=d,N=n,O=i,w=r,S=l,D=p,x=!1,V=!1;H.ContextConsumer=g,H.ContextProvider=v,H.Element=y,H.ForwardRef=E,H.Fragment=b,H.Lazy=I,H.Memo=_,H.Portal=N,H.Profiler=O,H.StrictMode=w,H.Suspense=S,H.SuspenseList=D,H.isAsyncMode=function(e){return x||(x=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1},H.isConcurrentMode=function(e){return V||(V=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1},H.isContextConsumer=function(e){return m(e)===u},H.isContextProvider=function(e){return m(e)===s},H.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},H.isForwardRef=function(e){return m(e)===c},H.isFragment=function(e){return m(e)===o},H.isLazy=function(e){return m(e)===f},H.isMemo=function(e){return m(e)===d},H.isPortal=function(e){return m(e)===n},H.isProfiler=function(e){return m(e)===i},H.isStrictMode=function(e){return m(e)===r},H.isSuspense=function(e){return m(e)===l},H.isSuspenseList=function(e){return m(e)===p},H.isValidElementType=function(t){return!("string"!=typeof t&&"function"!=typeof t&&t!==o&&t!==i&&t!==r&&t!==l&&t!==p&&t!==h&&("object"!=typeof t||null===t||t.$$typeof!==f&&t.$$typeof!==d&&t.$$typeof!==s&&t.$$typeof!==u&&t.$$typeof!==c&&t.$$typeof!==e&&void 0===t.getModuleId))},H.typeOf=m}()),H)),v.exports
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
-*/function C(){if(y)return v;y=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;return v=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(e){o[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch{return!1}}()?Object.assign:function(o,r){for(var i,s,u=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(o),a=1;a<arguments.length;a++){for(var l in i=Object(arguments[a]))t.call(i,l)&&(u[l]=i[l]);if(e){s=e(i);for(var p=0;p<s.length;p++)n.call(i,s[p])&&(u[s[p]]=i[s[p]])}}return u},v}function T(){if(I)return E;I=1;return E="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function H(){return _||(_=1,b=Function.call.bind(Object.prototype.hasOwnProperty)),b}function k(){if(O)return N;O=1;var e=function(){};if("production"!==process.env.NODE_ENV){var t=T(),n={},o=H();e=function(e){var t="Warning: "+e;typeof console<"u"&&console.error(t);try{throw new Error(t)}catch{}}}function r(r,i,s,u,a){if("production"!==process.env.NODE_ENV)for(var l in r)if(o(r,l)){var p;try{if("function"!=typeof r[l]){var c=Error((u||"React class")+": "+s+" type `"+l+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof r[l]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw c.name="Invariant Violation",c}p=r[l](i,l,u,s,null,t)}catch(e){p=e}if(p&&!(p instanceof Error)&&e((u||"React class")+": type specification of "+s+" `"+l+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof p+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),p instanceof Error&&!(p.message in n)){n[p.message]=!0;var d=a?a():"";e("Failed "+s+" type: "+p.message+(d??""))}}}return r.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(n={})},N=r}function j(){if(D)return w;D=1;var e=r(),t=C(),n=T(),o=H(),i=k(),s=function(){};function u(){return null}return"production"!==process.env.NODE_ENV&&(s=function(e){var t="Warning: "+e;typeof console<"u"&&console.error(t);try{throw new Error(t)}catch{}}),w=function(r,a){var l="function"==typeof Symbol&&Symbol.iterator,p="@@iterator";var c="<<anonymous>>",d={array:m("array"),bigint:m("bigint"),bool:m("boolean"),func:m("function"),number:m("number"),object:m("object"),string:m("string"),symbol:m("symbol"),any:g(u),arrayOf:function(e){return g((function(t,o,r,i,s){if("function"!=typeof e)return new h("Property `"+s+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var u=t[o];if(!Array.isArray(u))return new h("Invalid "+i+" `"+s+"` of type `"+E(u)+"` supplied to `"+r+"`, expected an array.");for(var a=0;a<u.length;a++){var l=e(u,a,r,i,s+"["+a+"]",n);if(l instanceof Error)return l}return null}))},element:g((function(e,t,n,o,i){var s=e[t];return r(s)?null:new h("Invalid "+o+" `"+i+"` of type `"+E(s)+"` supplied to `"+n+"`, expected a single ReactElement.")})),elementType:g((function(t,n,o,r,i){var s=t[n];return e.isValidElementType(s)?null:new h("Invalid "+r+" `"+i+"` of type `"+E(s)+"` supplied to `"+o+"`, expected a single ReactElement type.")})),instanceOf:function(e){return g((function(t,n,o,r,i){if(!(t[n]instanceof e)){var s=e.name||c,u=function(e){return e.constructor&&e.constructor.name?e.constructor.name:c}(t[n]);return new h("Invalid "+r+" `"+i+"` of type `"+u+"` supplied to `"+o+"`, expected instance of `"+s+"`.")}return null}))},node:g((function(e,t,n,o,r){return y(e[t])?null:new h("Invalid "+o+" `"+r+"` supplied to `"+n+"`, expected a ReactNode.")})),objectOf:function(e){return g((function(t,r,i,s,u){if("function"!=typeof e)return new h("Property `"+u+"` of component `"+i+"` has invalid PropType notation inside objectOf.");var a=t[r],l=E(a);if("object"!==l)return new h("Invalid "+s+" `"+u+"` of type `"+l+"` supplied to `"+i+"`, expected an object.");for(var p in a)if(o(a,p)){var c=e(a,p,i,s,u+"."+p,n);if(c instanceof Error)return c}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&s(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),u;return g((function(t,n,o,r,i){for(var s=t[n],u=0;u<e.length;u++)if(f(s,e[u]))return null;var a=JSON.stringify(e,(function(e,t){return"symbol"===I(t)?String(t):t}));return new h("Invalid "+r+" `"+i+"` of value `"+String(s)+"` supplied to `"+o+"`, expected one of "+a+".")}))},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&s("Invalid argument supplied to oneOfType, expected an instance of array."),u;for(var t=0;t<e.length;t++){var r=e[t];if("function"!=typeof r)return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+b(r)+" at index "+t+"."),u}return g((function(t,r,i,s,u){for(var a=[],l=0;l<e.length;l++){var p=(0,e[l])(t,r,i,s,u,n);if(null==p)return null;p.data&&o(p.data,"expectedType")&&a.push(p.data.expectedType)}return new h("Invalid "+s+" `"+u+"` supplied to `"+i+"`"+(a.length>0?", expected one of type ["+a.join(", ")+"]":"")+".")}))},shape:function(e){return g((function(t,o,r,i,s){var u=t[o],a=E(u);if("object"!==a)return new h("Invalid "+i+" `"+s+"` of type `"+a+"` supplied to `"+r+"`, expected `object`.");for(var l in e){var p=e[l];if("function"!=typeof p)return v(r,i,s,l,I(p));var c=p(u,l,r,i,s+"."+l,n);if(c)return c}return null}))},exact:function(e){return g((function(r,i,s,u,a){var l=r[i],p=E(l);if("object"!==p)return new h("Invalid "+u+" `"+a+"` of type `"+p+"` supplied to `"+s+"`, expected `object`.");var c=t({},r[i],e);for(var d in c){var f=e[d];if(o(e,d)&&"function"!=typeof f)return v(s,u,a,d,I(f));if(!f)return new h("Invalid "+u+" `"+a+"` key `"+d+"` supplied to `"+s+"`.\nBad object: "+JSON.stringify(r[i],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var g=f(l,d,s,u,a+"."+d,n);if(g)return g}return null}))}};function f(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function h(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function g(e){if("production"!==process.env.NODE_ENV)var t={},o=0;function r(r,i,u,l,p,d,f){if(l=l||c,d=d||u,f!==n){if(a){var g=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw g.name="Invariant Violation",g}if("production"!==process.env.NODE_ENV&&typeof console<"u"){var m=l+":"+u;!t[m]&&o<3&&(s("You are manually calling a React.PropTypes validation function for the `"+d+"` prop on `"+l+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),t[m]=!0,o++)}}return null==i[u]?r?null===i[u]?new h("The "+p+" `"+d+"` is marked as required in `"+l+"`, but its value is `null`."):new h("The "+p+" `"+d+"` is marked as required in `"+l+"`, but its value is `undefined`."):null:e(i,u,l,p,d)}var i=r.bind(null,!1);return i.isRequired=r.bind(null,!0),i}function m(e){return g((function(t,n,o,r,i,s){var u=t[n];return E(u)!==e?new h("Invalid "+r+" `"+i+"` of type `"+I(u)+"` supplied to `"+o+"`, expected `"+e+"`.",{expectedType:e}):null}))}function v(e,t,n,o,r){return new h((e||"React class")+": "+t+" type `"+n+"."+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+r+"`.")}function y(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(y);if(null===e||r(e))return!0;var t=function(e){var t=e&&(l&&e[l]||e[p]);if("function"==typeof t)return t}(e);if(!t)return!1;var n,o=t.call(e);if(t!==e.entries){for(;!(n=o.next()).done;)if(!y(n.value))return!1}else for(;!(n=o.next()).done;){var i=n.value;if(i&&!y(i[1]))return!1}return!0;default:return!1}}function E(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function I(e){if(typeof e>"u"||null===e)return""+e;var t=E(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function b(e){var t=I(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return h.prototype=Error.prototype,d.checkPropTypes=i,d.resetWarningCache=i.resetWarningCache,d.PropTypes=d,d},w}function M(){if(V)return S;V=1;var e=T();function t(){}function n(){}return n.resetWarningCache=t,S=function(){function o(t,n,o,r,i,s){if(s!==e){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}function r(){return o}o.isRequired=o;var i={array:o,bigint:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:r,element:o,elementType:o,instanceOf:r,node:o,objectOf:r,oneOf:r,oneOfType:r,shape:r,exact:r,checkPropTypes:n,resetWarningCache:t};return i.PropTypes=i,i}}function R(){if(x)return P.exports;if(x=1,"production"!==process.env.NODE_ENV){var e=r();P.exports=j()(e.isElement,true)}else P.exports=M()();return P.exports}const A=d(R());let K=e=>"object"==typeof e&&null!=e&&1===e.nodeType,L=(e,t)=>(!t||"hidden"!==e)&&"visible"!==e&&"clip"!==e,B=(e,t)=>{if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){let n=getComputedStyle(e,null);return L(n.overflowY,t)||L(n.overflowX,t)||(e=>{let t=(e=>{if(!e.ownerDocument||!e.ownerDocument.defaultView)return null;try{return e.ownerDocument.defaultView.frameElement}catch{return null}})(e);return!!t&&(t.clientHeight<e.scrollHeight||t.clientWidth<e.scrollWidth)})(e)}return!1},W=(e,t,n,o,r,i,s,u)=>i<e&&s>t||i>e&&s<t?0:i<=e&&u<=n||s>=t&&u>=n?i-e-o:s>t&&u<n||i<e&&u>n?s-t+r:0,U=e=>e.parentElement??(e.getRootNode().host||null);var F=function(){return F=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},F.apply(this,arguments)},Y=0;function q(e){return"function"==typeof e?e:z}function z(){}function J(e,t){if(e){var n=((e,t)=>{var n,o,r,i,s,u;if(typeof document>"u")return[];let{inline:a,boundary:l,skipOverflowHiddenElements:p}=t,c="function"==typeof l?l:e=>e!==l;if(!K(e))throw new TypeError("Invalid target");let d=document.scrollingElement||document.documentElement,f=[],h=e;for(;K(h)&&c(h);){if(h=U(h),h===d){f.push(h);break}null!=h&&h===document.body&&B(h)&&!B(document.documentElement)||null!=h&&B(h,p)&&f.push(h)}let g=null!=(o=null==(n=window.visualViewport)?void 0:n.width)?o:innerWidth,m=null!=(i=null==(r=window.visualViewport)?void 0:r.height)?i:innerHeight,v=null!=(s=window.scrollX)?s:pageXOffset,y=null!=(u=window.scrollY)?u:pageYOffset,{height:E,width:I,top:b,right:_,bottom:N,left:O}=e.getBoundingClientRect(),w=b,D="center"===a?O+I/2:"end"===a?_:O,S=[];for(let e=0;e<f.length;e++){let t=f[e],{height:n,width:o,top:r,right:i,bottom:s,left:u}=t.getBoundingClientRect();if(b>=0&&O>=0&&N<=m&&_<=g&&b>=r&&N<=s&&O>=u&&_<=i)return S;let l=getComputedStyle(t),p=parseInt(l.borderLeftWidth,10),c=parseInt(l.borderTopWidth,10),h=parseInt(l.borderRightWidth,10),V=parseInt(l.borderBottomWidth,10),x=0,P=0,C="offsetWidth"in t?t.offsetWidth-t.clientWidth-p-h:0,T="offsetHeight"in t?t.offsetHeight-t.clientHeight-c-V:0,H="offsetWidth"in t?0===t.offsetWidth?0:o/t.offsetWidth:0,k="offsetHeight"in t?0===t.offsetHeight?0:n/t.offsetHeight:0;if(d===t)x=W(y,y+m,m,c,V,y+w,y+w+E,E),P="start"===a?D:"center"===a?D-g/2:"end"===a?D-g:W(v,v+g,g,p,h,v+D,v+D+I,I),x=Math.max(0,x+y),P=Math.max(0,P+v);else{x=W(r,s,n,c,V+T,w,w+E,E),P="start"===a?D-u-p:"center"===a?D-(u+o/2)+C/2:"end"===a?D-i+h+C:W(u,i,o,p,h+C,D,D+I,I);let{scrollLeft:e,scrollTop:l}=t;x=Math.max(0,Math.min(l+x/k,t.scrollHeight-n/k+T)),P=Math.max(0,Math.min(e+P/H,t.scrollWidth-o/H+C)),w+=l-x,D+=e-P}S.push({el:t,top:x,left:P})}return S})(e,{boundary:t});n.forEach((function(e){var t=e.el,n=e.top,o=e.left;t.scrollTop=n,t.scrollLeft=o}))}}function X(e,t,n){return e===t||t instanceof n.Node&&e.contains&&e.contains(t)}function G(e,t){var n;function o(){n&&clearTimeout(n)}function r(){for(var r=arguments.length,i=new Array(r),s=0;s<r;s++)i[s]=arguments[s];o(),n=setTimeout((function(){n=null,e.apply(void 0,i)}),t)}return r.cancel=o,r}function Q(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];return t.some((function(t){return t&&t.apply(void 0,[e].concat(o)),e.preventDownshiftDefault||e.hasOwnProperty("nativeEvent")&&e.nativeEvent.preventDownshiftDefault}))}}function Z(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){t.forEach((function(t){"function"==typeof t?t(e):t&&(t.current=e)}))}}function $(e){var t=e.isOpen,n=e.resultCount,o=e.previousResultCount;return t?n?n!==o?n+" result"+(1===n?" is":"s are")+" available, use up and down arrow keys to navigate. Press Enter key to select.":"":"No results are available.":""}function ee(e,t){return!(e=Array.isArray(e)?e[0]:e)&&t?t:e}function te(e){return"string"==typeof e.type}function ne(e){return e.props}var oe=["highlightedIndex","inputValue","isOpen","selectedItem","type"];function re(e){void 0===e&&(e={});var t={};return oe.forEach((function(n){e.hasOwnProperty(n)&&(t[n]=e[n])})),t}function ie(e,t){return void 0!==e[t]}function se(e){var t=e.key,n=e.keyCode;return n>=37&&n<=40&&0!==t.indexOf("Arrow")?"Arrow"+t:t}function ue(e,t,n,o,r){if(void 0===r&&(r=!0),0===n)return-1;var i=n-1;("number"!=typeof t||t<0||t>=n)&&(t=e>0?-1:i+1);var s=t+e;s<0?s=r?i:0:s>i&&(s=r?0:i);var u=ae(e,s,n,o,r);return-1===u?t>=n?-1:t:u}function ae(e,t,n,o,r){var i=o(t);if(!i||!i.hasAttribute("disabled"))return t;if(e>0){for(var s=t+1;s<n;s++)if(!o(s).hasAttribute("disabled"))return s}else for(var u=t-1;u>=0;u--)if(!o(u).hasAttribute("disabled"))return u;return r?e>0?ae(1,0,n,o,!1):ae(-1,n-1,n,o,!1):-1}function le(e,t,n,o){return void 0===o&&(o=!0),t.some((function(t){return t&&(X(t,e,n)||o&&X(t,n.document.activeElement,n))}))}var pe=z;"production"!==process.env.NODE_ENV&&(pe=function(e,t,n){var o="This prop should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled Downshift element for the lifetime of the component. More info: https://github.com/downshift-js/downshift#control-props";Object.keys(e).forEach((function(e){void 0!==t[e]&&void 0===n[e]?console.error('downshift: A component has changed the controlled prop "'+e+'" to be uncontrolled. '+o):void 0===t[e]&&void 0!==n[e]&&console.error('downshift: A component has changed the uncontrolled prop "'+e+'" to be controlled. '+o)}))});var ce=G((function(e){fe(e).textContent=""}),500);function de(e,t){var n=fe(t);e&&(n.textContent=e,ce(t))}function fe(e){void 0===e&&(e=document);var t=e.getElementById("a11y-status-message");return t||((t=e.createElement("div")).setAttribute("id","a11y-status-message"),t.setAttribute("role","status"),t.setAttribute("aria-live","polite"),t.setAttribute("aria-relevant","additions text"),Object.assign(t.style,{border:"0",clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",width:"1px"}),e.body.appendChild(t),t)}var he="production"!==process.env.NODE_ENV?"__autocomplete_unknown__":0,ge="production"!==process.env.NODE_ENV?"__autocomplete_mouseup__":1,me="production"!==process.env.NODE_ENV?"__autocomplete_item_mouseenter__":2,ve="production"!==process.env.NODE_ENV?"__autocomplete_keydown_arrow_up__":3,ye="production"!==process.env.NODE_ENV?"__autocomplete_keydown_arrow_down__":4,Ee="production"!==process.env.NODE_ENV?"__autocomplete_keydown_escape__":5,Ie="production"!==process.env.NODE_ENV?"__autocomplete_keydown_enter__":6,be="production"!==process.env.NODE_ENV?"__autocomplete_keydown_home__":7,_e="production"!==process.env.NODE_ENV?"__autocomplete_keydown_end__":8,Ne="production"!==process.env.NODE_ENV?"__autocomplete_click_item__":9,Oe="production"!==process.env.NODE_ENV?"__autocomplete_blur_input__":10,we="production"!==process.env.NODE_ENV?"__autocomplete_change_input__":11,De="production"!==process.env.NODE_ENV?"__autocomplete_keydown_space_button__":12,Se="production"!==process.env.NODE_ENV?"__autocomplete_click_button__":13,Ve="production"!==process.env.NODE_ENV?"__autocomplete_blur_button__":14,xe="production"!==process.env.NODE_ENV?"__autocomplete_controlled_prop_updated_selected_item__":15,Pe="production"!==process.env.NODE_ENV?"__autocomplete_touchend__":16,Ce=Object.freeze({__proto__:null,unknown:he,mouseUp:ge,itemMouseEnter:me,keyDownArrowUp:ve,keyDownArrowDown:ye,keyDownEscape:Ee,keyDownEnter:Ie,keyDownHome:be,keyDownEnd:_e,clickItem:Ne,blurInput:Oe,changeInput:we,keyDownSpaceButton:De,clickButton:Se,blurButton:Ve,controlledPropUpdatedSelectedItem:xe,touchEnd:Pe}),Te=["refKey","ref"],He=["onClick","onPress","onKeyDown","onKeyUp","onBlur"],ke=["onKeyDown","onBlur","onChange","onInput","onChangeText"],je=["refKey","ref"],Me=["onMouseMove","onMouseDown","onClick","onPress","index","item"],Re=function(){var e=function(e){function t(t){var n;(n=e.call(this,t)||this).id=n.props.id||"downshift-"+String(Y++),n.menuId=n.props.menuId||n.id+"-menu",n.labelId=n.props.labelId||n.id+"-label",n.inputId=n.props.inputId||n.id+"-input",n.getItemId=n.props.getItemId||function(e){return n.id+"-item-"+e},n.input=null,n.items=[],n.itemCount=null,n.previousResultCount=0,n.timeoutIds=[],n.internalSetTimeout=function(e,t){var o=setTimeout((function(){n.timeoutIds=n.timeoutIds.filter((function(e){return e!==o})),e()}),t);n.timeoutIds.push(o)},n.setItemCount=function(e){n.itemCount=e},n.unsetItemCount=function(){n.itemCount=null},n.setHighlightedIndex=function(e,t){void 0===e&&(e=n.props.defaultHighlightedIndex),void 0===t&&(t={}),t=re(t),n.internalSetState(h({highlightedIndex:e},t))},n.clearSelection=function(e){n.internalSetState({selectedItem:null,inputValue:"",highlightedIndex:n.props.defaultHighlightedIndex,isOpen:n.props.defaultIsOpen},e)},n.selectItem=function(e,t,o){t=re(t),n.internalSetState(h({isOpen:n.props.defaultIsOpen,highlightedIndex:n.props.defaultHighlightedIndex,selectedItem:e,inputValue:n.props.itemToString(e)},t),o)},n.selectItemAtIndex=function(e,t,o){var r=n.items[e];null!=r&&n.selectItem(r,t,o)},n.selectHighlightedItem=function(e,t){return n.selectItemAtIndex(n.getState().highlightedIndex,e,t)},n.internalSetState=function(e,t){var o,r,i={},s="function"==typeof e;return!s&&e.hasOwnProperty("inputValue")&&n.props.onInputValueChange(e.inputValue,h({},n.getStateAndHelpers(),e)),n.setState((function(t){t=n.getState(t);var u=s?e(t):e;u=n.props.stateReducer(t,u),o=u.hasOwnProperty("selectedItem");var a={};return o&&u.selectedItem!==t.selectedItem&&(r=u.selectedItem),u.type=u.type||he,Object.keys(u).forEach((function(e){t[e]!==u[e]&&(i[e]=u[e]),"type"!==e&&(u[e],ie(n.props,e)||(a[e]=u[e]))})),s&&u.hasOwnProperty("inputValue")&&n.props.onInputValueChange(u.inputValue,h({},n.getStateAndHelpers(),u)),a}),(function(){q(t)(),Object.keys(i).length>1&&n.props.onStateChange(i,n.getStateAndHelpers()),o&&n.props.onSelect(e.selectedItem,n.getStateAndHelpers()),void 0!==r&&n.props.onChange(r,n.getStateAndHelpers()),n.props.onUserAction(i,n.getStateAndHelpers())}))},n.rootRef=function(e){return n._rootNode=e},n.getRootProps=function(e,t){var o,r=void 0===e?{}:e,i=r.refKey,s=void 0===i?"ref":i,u=r.ref,a=f(r,Te),l=(void 0===t?{}:t).suppressRefError,p=void 0!==l&&l;n.getRootProps.called=!0,n.getRootProps.refKey=s,n.getRootProps.suppressRefError=p;var c=n.getState().isOpen;return h(((o={})[s]=Z(u,n.rootRef),o.role="combobox",o["aria-expanded"]=c,o["aria-haspopup"]="listbox",o["aria-owns"]=c?n.menuId:null,o["aria-labelledby"]=n.labelId,o),a)},n.keyDownHandlers={ArrowDown:function(e){var t=this;if(e.preventDefault(),this.getState().isOpen){var n=e.shiftKey?5:1;this.moveHighlightedIndex(n,{type:ye})}else this.internalSetState({isOpen:!0,type:ye},(function(){var e=t.getItemCount();if(e>0){var n=ue(1,t.getState().highlightedIndex,e,(function(e){return t.getItemNodeFromIndex(e)}));t.setHighlightedIndex(n,{type:ye})}}))},ArrowUp:function(e){var t=this;if(e.preventDefault(),this.getState().isOpen){var n=e.shiftKey?-5:-1;this.moveHighlightedIndex(n,{type:ve})}else this.internalSetState({isOpen:!0,type:ve},(function(){var e=t.getItemCount();if(e>0){var n=ue(-1,t.getState().highlightedIndex,e,(function(e){return t.getItemNodeFromIndex(e)}));t.setHighlightedIndex(n,{type:ve})}}))},Enter:function(e){if(229!==e.which){var t=this.getState(),n=t.isOpen,o=t.highlightedIndex;if(n&&null!=o){e.preventDefault();var r=this.items[o],i=this.getItemNodeFromIndex(o);if(null==r||i&&i.hasAttribute("disabled"))return;this.selectHighlightedItem({type:Ie})}}},Escape:function(e){e.preventDefault(),this.reset(h({type:Ee},!this.state.isOpen&&{selectedItem:null,inputValue:""}))}},n.buttonKeyDownHandlers=h({},n.keyDownHandlers,{" ":function(e){e.preventDefault(),this.toggleMenu({type:De})}}),n.inputKeyDownHandlers=h({},n.keyDownHandlers,{Home:function(e){var t=this,n=this.getState().isOpen;if(n){e.preventDefault();var o=this.getItemCount();if(!(o<=0)&&n){var r=ae(1,0,o,(function(e){return t.getItemNodeFromIndex(e)}),!1);this.setHighlightedIndex(r,{type:be})}}},End:function(e){var t=this,n=this.getState().isOpen;if(n){e.preventDefault();var o=this.getItemCount();if(!(o<=0)&&n){var r=ae(-1,o-1,o,(function(e){return t.getItemNodeFromIndex(e)}),!1);this.setHighlightedIndex(r,{type:_e})}}}}),n.getToggleButtonProps=function(e){var t=void 0===e?{}:e,o=t.onClick;t.onPress;var r=t.onKeyDown,i=t.onKeyUp,s=t.onBlur,u=f(t,He),a=n.getState().isOpen,l={onClick:Q(o,n.buttonHandleClick),onKeyDown:Q(r,n.buttonHandleKeyDown),onKeyUp:Q(i,n.buttonHandleKeyUp),onBlur:Q(s,n.buttonHandleBlur)};return h({type:"button",role:"button","aria-label":a?"close menu":"open menu","aria-haspopup":!0,"data-toggle":!0},u.disabled?{}:l,u)},n.buttonHandleKeyUp=function(e){e.preventDefault()},n.buttonHandleKeyDown=function(e){var t=se(e);n.buttonKeyDownHandlers[t]&&n.buttonKeyDownHandlers[t].call(g(n),e)},n.buttonHandleClick=function(e){e.preventDefault(),n.props.environment.document.activeElement===n.props.environment.document.body&&e.target.focus(),"test"===process.env.NODE_ENV?n.toggleMenu({type:Se}):n.internalSetTimeout((function(){return n.toggleMenu({type:Se})}))},n.buttonHandleBlur=function(e){var t=e.target;n.internalSetTimeout((function(){!n.isMouseDown&&(null==n.props.environment.document.activeElement||n.props.environment.document.activeElement.id!==n.inputId)&&n.props.environment.document.activeElement!==t&&n.reset({type:Ve})}))},n.getLabelProps=function(e){return h({htmlFor:n.inputId,id:n.labelId},e)},n.getInputProps=function(e){var t=void 0===e?{}:e,o=t.onKeyDown,r=t.onBlur,i=t.onChange,s=t.onInput;t.onChangeText;var u=f(t,ke),a={};var l,p=n.getState(),c=p.inputValue,d=p.isOpen,g=p.highlightedIndex;u.disabled||((l={}).onChange=Q(i,s,n.inputHandleChange),l.onKeyDown=Q(o,n.inputHandleKeyDown),l.onBlur=Q(r,n.inputHandleBlur),a=l);return h({"aria-autocomplete":"list","aria-activedescendant":d&&"number"==typeof g&&g>=0?n.getItemId(g):null,"aria-controls":d?n.menuId:null,"aria-labelledby":u&&u["aria-label"]?void 0:n.labelId,autoComplete:"off",value:c,id:n.inputId},a,u)},n.inputHandleKeyDown=function(e){var t=se(e);t&&n.inputKeyDownHandlers[t]&&n.inputKeyDownHandlers[t].call(g(n),e)},n.inputHandleChange=function(e){n.internalSetState({type:we,isOpen:!0,inputValue:e.target.value,highlightedIndex:n.props.defaultHighlightedIndex})},n.inputHandleBlur=function(){n.internalSetTimeout((function(){var e=n.props.environment.document&&!!n.props.environment.document.activeElement&&!!n.props.environment.document.activeElement.dataset&&n.props.environment.document.activeElement.dataset.toggle&&n._rootNode&&n._rootNode.contains(n.props.environment.document.activeElement);!n.isMouseDown&&!e&&n.reset({type:Oe})}))},n.menuRef=function(e){n._menuNode=e},n.getMenuProps=function(e,t){var o,r=void 0===e?{}:e,i=r.refKey,s=void 0===i?"ref":i,u=r.ref,a=f(r,je),l=(void 0===t?{}:t).suppressRefError,p=void 0!==l&&l;return n.getMenuProps.called=!0,n.getMenuProps.refKey=s,n.getMenuProps.suppressRefError=p,h(((o={})[s]=Z(u,n.menuRef),o.role="listbox",o["aria-labelledby"]=a&&a["aria-label"]?null:n.labelId,o.id=n.menuId,o),a)},n.getItemProps=function(e){var t,o=void 0===e?{}:e,r=o.onMouseMove,i=o.onMouseDown,s=o.onClick;o.onPress;var u=o.index,a=o.item,l=void 0===a?"production"===process.env.NODE_ENV?void 0:function(e,t){console.error('The property "'+t+'" is required in "'+e+'"')}("getItemProps","item"):a,p=f(o,Me);void 0===u?(n.items.push(l),u=n.items.indexOf(l)):n.items[u]=l;var c=s,d=((t={onMouseMove:Q(r,(function(){u!==n.getState().highlightedIndex&&(n.setHighlightedIndex(u,{type:me}),n.avoidScrolling=!0,n.internalSetTimeout((function(){return n.avoidScrolling=!1}),250))})),onMouseDown:Q(i,(function(e){e.preventDefault()}))}).onClick=Q(c,(function(){n.selectItemAtIndex(u,{type:Ne})})),t),g=p.disabled?{onMouseDown:d.onMouseDown}:d;return h({id:n.getItemId(u),role:"option","aria-selected":n.getState().highlightedIndex===u},g,p)},n.clearItems=function(){n.items=[]},n.reset=function(e,t){void 0===e&&(e={}),e=re(e),n.internalSetState((function(t){var o=t.selectedItem;return h({isOpen:n.props.defaultIsOpen,highlightedIndex:n.props.defaultHighlightedIndex,inputValue:n.props.itemToString(o)},e)}),t)},n.toggleMenu=function(e,t){void 0===e&&(e={}),e=re(e),n.internalSetState((function(t){var o=t.isOpen;return h({isOpen:!o},o&&{highlightedIndex:n.props.defaultHighlightedIndex},e)}),(function(){var o=n.getState(),r=o.isOpen,i=o.highlightedIndex;r&&n.getItemCount()>0&&"number"==typeof i&&n.setHighlightedIndex(i,e),q(t)()}))},n.openMenu=function(e){n.internalSetState({isOpen:!0},e)},n.closeMenu=function(e){n.internalSetState({isOpen:!1},e)},n.updateStatus=G((function(){var e=n.getState(),t=n.items[e.highlightedIndex],o=n.getItemCount(),r=n.props.getA11yStatusMessage(h({itemToString:n.props.itemToString,previousResultCount:n.previousResultCount,resultCount:o,highlightedItem:t},e));n.previousResultCount=o,de(r,n.props.environment.document)}),200);var o=n.props,r=o.defaultHighlightedIndex,i=o.initialHighlightedIndex,s=void 0===i?r:i,u=o.defaultIsOpen,a=o.initialIsOpen,l=void 0===a?u:a,p=o.initialInputValue,c=void 0===p?"":p,d=o.initialSelectedItem,m=void 0===d?null:d,v=n.getState({highlightedIndex:s,isOpen:l,inputValue:c,selectedItem:m});return null!=v.selectedItem&&void 0===n.props.initialInputValue&&(v.inputValue=n.props.itemToString(v.selectedItem)),n.state=v,n}!function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,m(e,t)}(t,e);var n=t.prototype;return n.internalClearTimeouts=function(){this.timeoutIds.forEach((function(e){clearTimeout(e)})),this.timeoutIds=[]},n.getState=function(e){return void 0===e&&(e=this.state),function(e,t){return Object.keys(e).reduce((function(n,o){return n[o]=ie(t,o)?t[o]:e[o],n}),{})}(e,this.props)},n.getItemCount=function(){var e=this.items.length;return null!=this.itemCount?e=this.itemCount:void 0!==this.props.itemCount&&(e=this.props.itemCount),e},n.getItemNodeFromIndex=function(e){return this.props.environment.document.getElementById(this.getItemId(e))},n.scrollHighlightedItemIntoView=function(){var e=this.getItemNodeFromIndex(this.getState().highlightedIndex);this.props.scrollIntoView(e,this._menuNode)},n.moveHighlightedIndex=function(e,t){var n=this,o=this.getItemCount(),r=this.getState().highlightedIndex;if(o>0){var i=ue(e,r,o,(function(e){return n.getItemNodeFromIndex(e)}));this.setHighlightedIndex(i,t)}},n.getStateAndHelpers=function(){var e=this.getState(),t=e.highlightedIndex,n=e.inputValue,o=e.selectedItem,r=e.isOpen,i=this.props.itemToString,s=this.id,u=this.getRootProps,a=this.getToggleButtonProps,l=this.getLabelProps,p=this.getMenuProps,c=this.getInputProps,d=this.getItemProps,f=this.openMenu,h=this.closeMenu,g=this.toggleMenu,m=this.selectItem,v=this.selectItemAtIndex,y=this.selectHighlightedItem,E=this.setHighlightedIndex,I=this.clearSelection,b=this.clearItems;return{getRootProps:u,getToggleButtonProps:a,getLabelProps:l,getMenuProps:p,getInputProps:c,getItemProps:d,reset:this.reset,openMenu:f,closeMenu:h,toggleMenu:g,selectItem:m,selectItemAtIndex:v,selectHighlightedItem:y,setHighlightedIndex:E,clearSelection:I,clearItems:b,setItemCount:this.setItemCount,unsetItemCount:this.unsetItemCount,setState:this.internalSetState,itemToString:i,id:s,highlightedIndex:t,inputValue:n,isOpen:r,selectedItem:o}},n.componentDidMount=function(){var e=this;"production"!==process.env.NODE_ENV&&this.getMenuProps.called&&!this.getMenuProps.suppressRefError&&Ke(this._menuNode,this.getMenuProps);var t=function(){e.isMouseDown=!0},n=function(t){e.isMouseDown=!1,!le(t.target,[e._rootNode,e._menuNode],e.props.environment)&&e.getState().isOpen&&e.reset({type:ge},(function(){return e.props.onOuterClick(e.getStateAndHelpers())}))},o=function(){e.isTouchMove=!1},r=function(){e.isTouchMove=!0},i=function(t){var n=le(t.target,[e._rootNode,e._menuNode],e.props.environment,!1);!e.isTouchMove&&!n&&e.getState().isOpen&&e.reset({type:Pe},(function(){return e.props.onOuterClick(e.getStateAndHelpers())}))},s=this.props.environment;s.addEventListener("mousedown",t),s.addEventListener("mouseup",n),s.addEventListener("touchstart",o),s.addEventListener("touchmove",r),s.addEventListener("touchend",i),this.cleanup=function(){e.internalClearTimeouts(),e.updateStatus.cancel(),s.removeEventListener("mousedown",t),s.removeEventListener("mouseup",n),s.removeEventListener("touchstart",o),s.removeEventListener("touchmove",r),s.removeEventListener("touchend",i)}},n.shouldScroll=function(e,t){var n=(void 0===this.props.highlightedIndex?this.getState():this.props).highlightedIndex,o=(void 0===t.highlightedIndex?e:t).highlightedIndex;return n&&this.getState().isOpen&&!e.isOpen||n!==o},n.componentDidUpdate=function(e,t){"production"!==process.env.NODE_ENV&&(pe(this.state,e,this.props),this.getMenuProps.called&&!this.getMenuProps.suppressRefError&&Ke(this._menuNode,this.getMenuProps)),ie(this.props,"selectedItem")&&this.props.selectedItemChanged(e.selectedItem,this.props.selectedItem)&&this.internalSetState({type:xe,inputValue:this.props.itemToString(this.props.selectedItem)}),!this.avoidScrolling&&this.shouldScroll(t,e)&&this.scrollHighlightedItemIntoView(),this.updateStatus()},n.componentWillUnmount=function(){this.cleanup()},n.render=function(){var e=ee(this.props.children,z);this.clearItems(),this.getRootProps.called=!1,this.getRootProps.refKey=void 0,this.getRootProps.suppressRefError=void 0,this.getMenuProps.called=!1,this.getMenuProps.refKey=void 0,this.getMenuProps.suppressRefError=void 0,this.getLabelProps.called=!1,this.getInputProps.called=!1;var t=ee(e(this.getStateAndHelpers()));if(!t)return null;if(this.getRootProps.called||this.props.suppressRefError)return"production"!==process.env.NODE_ENV&&!this.getRootProps.suppressRefError&&!this.props.suppressRefError&&function(e,t){var n=t.refKey,o="ref"!==n,r=!te(e);!r||o||i.isForwardRef(e)?!r&&o&&console.error('downshift: You returned a DOM element. You should not specify a refKey in getRootProps. You specified "'+n+'"'):console.error("downshift: You returned a non-DOM element. You must specify a refKey in getRootProps"),!i.isForwardRef(e)&&!ne(e)[n]&&console.error('downshift: You must apply the ref prop "'+n+'" from getRootProps onto your root element.')}(t,this.getRootProps),t;if(te(t))return s(t,this.getRootProps(ne(t)));if("production"!==process.env.NODE_ENV)throw new Error("downshift: If you return a non-DOM element, you must apply the getRootProps function")},t}(u);return e.defaultProps={defaultHighlightedIndex:null,defaultIsOpen:!1,getA11yStatusMessage:$,itemToString:function(e){return null==e?"":("production"!==process.env.NODE_ENV&&function(e){return"[object Object]"===Object.prototype.toString.call(e)}(e)&&!e.hasOwnProperty("toString")&&console.warn("downshift: An object was passed to the default implementation of `itemToString`. You should probably provide your own `itemToString` implementation. Please refer to the `itemToString` API documentation.","The object that was passed:",e),String(e))},onStateChange:z,onInputValueChange:z,onUserAction:z,onChange:z,onSelect:z,onOuterClick:z,selectedItemChanged:function(e,t){return e!==t},environment:typeof window>"u"?{}:window,stateReducer:function(e,t){return t},suppressRefError:!1,scrollIntoView:J},e.stateChangeTypes=Ce,e}();"production"!==process.env.NODE_ENV&&(Re.propTypes={children:A.func,defaultHighlightedIndex:A.number,defaultIsOpen:A.bool,initialHighlightedIndex:A.number,initialSelectedItem:A.any,initialInputValue:A.string,initialIsOpen:A.bool,getA11yStatusMessage:A.func,itemToString:A.func,onChange:A.func,onSelect:A.func,onStateChange:A.func,onInputValueChange:A.func,onUserAction:A.func,onOuterClick:A.func,selectedItemChanged:A.func,stateReducer:A.func,itemCount:A.number,id:A.string,environment:A.shape({addEventListener:A.func,removeEventListener:A.func,document:A.shape({getElementById:A.func,activeElement:A.any,body:A.any})}),suppressRefError:A.bool,scrollIntoView:A.func,selectedItem:A.any,isOpen:A.bool,inputValue:A.string,highlightedIndex:A.number,labelId:A.string,inputId:A.string,menuId:A.string,getItemId:A.func});var Ae=Re;function Ke(e,t){var n=t.refKey;e||console.error('downshift: The ref prop "'+n+'" from getMenuProps was not applied correctly on your menu element.')}G((function(e,t){de(e(),t)}),200);var Le={itemToString:function(e){return e?String(e):""},stateReducer:function(e,t){return t.changes},getA11ySelectionMessage:function(e){var t=e.selectedItem,n=e.itemToString;return t?n(t)+" has been selected.":""},scrollIntoView:J,environment:typeof window>"u"?{}:window};process.env.NODE_ENV,process.env.NODE_ENV,A.array.isRequired,A.func,A.func,A.func,A.number,A.number,A.number,A.bool,A.bool,A.bool,A.any,A.any,A.any,A.string,A.string,A.string,A.func,A.string,A.func,A.func,A.func,A.func,A.func,A.shape({addEventListener:A.func,removeEventListener:A.func,document:A.shape({getElementById:A.func,activeElement:A.any,body:A.any})}),F(F({},Le),{getA11yStatusMessage:function(e){var t=e.isOpen,n=e.resultCount,o=e.previousResultCount;return t?n?n!==o?"".concat(n," result").concat(1===n?" is":"s are"," available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select."):"":"No results are available.":""}}),process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,A.array.isRequired,A.func,A.func,A.func,A.func,A.number,A.number,A.number,A.bool,A.bool,A.bool,A.any,A.any,A.any,A.string,A.string,A.string,A.string,A.string,A.string,A.func,A.string,A.string,A.func,A.func,A.func,A.func,A.func,A.func,A.shape({addEventListener:A.func,removeEventListener:A.func,document:A.shape({getElementById:A.func,activeElement:A.any,body:A.any})}),process.env.NODE_ENV,h({},Le,{selectedItemChanged:function(e,t){return e!==t},getA11yStatusMessage:$}),A.array,A.array,A.array,A.func,A.func,A.func,A.number,A.number,A.number,A.func,A.func,A.string,A.string,A.shape({addEventListener:A.func,removeEventListener:A.func,document:A.shape({getElementById:A.func,activeElement:A.any,body:A.any})}),process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;function Be({className:r="",label:i,labelProps:s,tooltip:u,supportLabelProps:d,inputId:f,labelId:h,leadText:g,errorLabel:m,helpLabel:v,density:y,variant:E="small",noHitsMessage:I,maxNumberOfHits:b,placeholder:_,itemToString:N,items:O,downshiftProps:w,showDropdownControllerButton:D=!1,onConfirm:S=(()=>{}),noHits:V}){const x=a(f||"jkl-text-input",{generateSuffix:!f}),P=a(h||"jkl-label",{generateSuffix:!h});return e(Ae,{...w,inputId:x,labelId:P,itemToString:N,children:({getInputProps:a,getToggleButtonProps:f,getItemProps:h,getLabelProps:w,getMenuProps:x,getRootProps:C,selectedItem:T,isOpen:H,highlightedIndex:k,clearSelection:j})=>e(l,{...C(),label:i,className:o("jkl-autosuggest",r),density:y,labelProps:{variant:E,...s,...w({id:P})},supportLabelProps:d,tooltip:u,errorLabel:m,helpLabel:v,render:r=>t(n,{children:[g&&e("p",{className:o("jkl-spacing-24--bottom",{"jkl-body":"compact"!==y,"jkl-small":"compact"===y}),children:g}),t("div",{className:"jkl-text-input-wrapper","data-invalid":!!m,children:[e("input",{...r,...a({id:r.id,placeholder:_,className:"jkl-text-input__input",onKeyDown:e=>{13===e.keyCode&&!H&&S()}}),"data-testid":"autosuggest__input"}),D&&e(p,{...f(),hasSelectedItem:!!T,clearSelection:j}),H&&e(c,{downshiftProps:{getMenuProps:x,getItemProps:h},highlightedIndex:k,items:O,itemToString:N,noHitsMessage:I,maxNumberOfHits:b,noHits:V})]})]})})})}export{Be as default};
+*/}function k(){if(_)return I;_=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;return I=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(e){o[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch{return!1}}()?Object.assign:function(o,r){for(var i,s,u=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(o),a=1;a<arguments.length;a++){for(var c in i=Object(arguments[a]))t.call(i,c)&&(u[c]=i[c]);if(e){s=e(i);for(var l=0;l<s.length;l++)n.call(i,s[l])&&(u[s[l]]=i[s[l]])}}return u},I}function R(){if(O)return N;O=1;return N="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function A(){return S||(S=1,w=Function.call.bind(Object.prototype.hasOwnProperty)),w}function L(){if(x)return D;x=1;var e=function(){};if("production"!==process.env.NODE_ENV){var t=R(),n={},o=A();e=function(e){var t="Warning: "+e;typeof console<"u"&&console.error(t);try{throw new Error(t)}catch{}}}function r(r,i,s,u,a){if("production"!==process.env.NODE_ENV)for(var c in r)if(o(r,c)){var l;try{if("function"!=typeof r[c]){var p=Error((u||"React class")+": "+s+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof r[c]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}l=r[c](i,c,u,s,null,t)}catch(e){l=e}if(l&&!(l instanceof Error)&&e((u||"React class")+": type specification of "+s+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof l+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),l instanceof Error&&!(l.message in n)){n[l.message]=!0;var d=a?a():"";e("Failed "+s+" type: "+l.message+(d??""))}}}return r.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(n={})},D=r}function K(){if(P)return V;P=1;var e=j(),t=k(),n=R(),o=A(),r=L(),i=function(){};function s(){return null}return"production"!==process.env.NODE_ENV&&(i=function(e){var t="Warning: "+e;typeof console<"u"&&console.error(t);try{throw new Error(t)}catch{}}),V=function(u,a){var c="function"==typeof Symbol&&Symbol.iterator,l="@@iterator";var p="<<anonymous>>",d={array:g("array"),bigint:g("bigint"),bool:g("boolean"),func:g("function"),number:g("number"),object:g("object"),string:g("string"),symbol:g("symbol"),any:m(s),arrayOf:function(e){return m((function(t,o,r,i,s){if("function"!=typeof e)return new h("Property `"+s+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var u=t[o];if(!Array.isArray(u))return new h("Invalid "+i+" `"+s+"` of type `"+E(u)+"` supplied to `"+r+"`, expected an array.");for(var a=0;a<u.length;a++){var c=e(u,a,r,i,s+"["+a+"]",n);if(c instanceof Error)return c}return null}))},element:m((function(e,t,n,o,r){var i=e[t];return u(i)?null:new h("Invalid "+o+" `"+r+"` of type `"+E(i)+"` supplied to `"+n+"`, expected a single ReactElement.")})),elementType:m((function(t,n,o,r,i){var s=t[n];return e.isValidElementType(s)?null:new h("Invalid "+r+" `"+i+"` of type `"+E(s)+"` supplied to `"+o+"`, expected a single ReactElement type.")})),instanceOf:function(e){return m((function(t,n,o,r,i){if(!(t[n]instanceof e)){var s=e.name||p,u=function(e){return e.constructor&&e.constructor.name?e.constructor.name:p}(t[n]);return new h("Invalid "+r+" `"+i+"` of type `"+u+"` supplied to `"+o+"`, expected instance of `"+s+"`.")}return null}))},node:m((function(e,t,n,o,r){return y(e[t])?null:new h("Invalid "+o+" `"+r+"` supplied to `"+n+"`, expected a ReactNode.")})),objectOf:function(e){return m((function(t,r,i,s,u){if("function"!=typeof e)return new h("Property `"+u+"` of component `"+i+"` has invalid PropType notation inside objectOf.");var a=t[r],c=E(a);if("object"!==c)return new h("Invalid "+s+" `"+u+"` of type `"+c+"` supplied to `"+i+"`, expected an object.");for(var l in a)if(o(a,l)){var p=e(a,l,i,s,u+"."+l,n);if(p instanceof Error)return p}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&i(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),s;return m((function(t,n,o,r,i){for(var s=t[n],u=0;u<e.length;u++)if(f(s,e[u]))return null;var a=JSON.stringify(e,(function(e,t){return"symbol"===b(t)?String(t):t}));return new h("Invalid "+r+" `"+i+"` of value `"+String(s)+"` supplied to `"+o+"`, expected one of "+a+".")}))},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&i("Invalid argument supplied to oneOfType, expected an instance of array."),s;for(var t=0;t<e.length;t++){var r=e[t];if("function"!=typeof r)return i("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+I(r)+" at index "+t+"."),s}return m((function(t,r,i,s,u){for(var a=[],c=0;c<e.length;c++){var l=(0,e[c])(t,r,i,s,u,n);if(null==l)return null;l.data&&o(l.data,"expectedType")&&a.push(l.data.expectedType)}return new h("Invalid "+s+" `"+u+"` supplied to `"+i+"`"+(a.length>0?", expected one of type ["+a.join(", ")+"]":"")+".")}))},shape:function(e){return m((function(t,o,r,i,s){var u=t[o],a=E(u);if("object"!==a)return new h("Invalid "+i+" `"+s+"` of type `"+a+"` supplied to `"+r+"`, expected `object`.");for(var c in e){var l=e[c];if("function"!=typeof l)return v(r,i,s,c,b(l));var p=l(u,c,r,i,s+"."+c,n);if(p)return p}return null}))},exact:function(e){return m((function(r,i,s,u,a){var c=r[i],l=E(c);if("object"!==l)return new h("Invalid "+u+" `"+a+"` of type `"+l+"` supplied to `"+s+"`, expected `object`.");var p=t({},r[i],e);for(var d in p){var f=e[d];if(o(e,d)&&"function"!=typeof f)return v(s,u,a,d,b(f));if(!f)return new h("Invalid "+u+" `"+a+"` key `"+d+"` supplied to `"+s+"`.\nBad object: "+JSON.stringify(r[i],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var m=f(c,d,s,u,a+"."+d,n);if(m)return m}return null}))}};function f(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function h(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function m(e){if("production"!==process.env.NODE_ENV)var t={},o=0;function r(r,s,u,c,l,d,f){if(c=c||p,d=d||u,f!==n){if(a){var m=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw m.name="Invariant Violation",m}if("production"!==process.env.NODE_ENV&&typeof console<"u"){var g=c+":"+u;!t[g]&&o<3&&(i("You are manually calling a React.PropTypes validation function for the `"+d+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),t[g]=!0,o++)}}return null==s[u]?r?null===s[u]?new h("The "+l+" `"+d+"` is marked as required in `"+c+"`, but its value is `null`."):new h("The "+l+" `"+d+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(s,u,c,l,d)}var s=r.bind(null,!1);return s.isRequired=r.bind(null,!0),s}function g(e){return m((function(t,n,o,r,i,s){var u=t[n];return E(u)!==e?new h("Invalid "+r+" `"+i+"` of type `"+b(u)+"` supplied to `"+o+"`, expected `"+e+"`.",{expectedType:e}):null}))}function v(e,t,n,o,r){return new h((e||"React class")+": "+t+" type `"+n+"."+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+r+"`.")}function y(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(y);if(null===e||u(e))return!0;var t=function(e){var t=e&&(c&&e[c]||e[l]);if("function"==typeof t)return t}(e);if(!t)return!1;var n,o=t.call(e);if(t!==e.entries){for(;!(n=o.next()).done;)if(!y(n.value))return!1}else for(;!(n=o.next()).done;){var r=n.value;if(r&&!y(r[1]))return!1}return!0;default:return!1}}function E(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function b(e){if(typeof e>"u"||null===e)return""+e;var t=E(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function I(e){var t=b(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return h.prototype=Error.prototype,d.checkPropTypes=r,d.resetWarningCache=r.resetWarningCache,d.PropTypes=d,d},V}function $(){if(T)return C;T=1;var e=R();function t(){}function n(){}return n.resetWarningCache=t,C=function(){function o(t,n,o,r,i,s){if(s!==e){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}function r(){return o}o.isRequired=o;var i={array:o,bigint:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:r,element:o,elementType:o,instanceOf:r,node:o,objectOf:r,oneOf:r,oneOfType:r,shape:r,exact:r,checkPropTypes:n,resetWarningCache:t};return i.PropTypes=i,i}}function B(){if(M)return g.exports;if(M=1,"production"!==process.env.NODE_ENV){var e=j();g.exports=K()(e.isElement,true)}else g.exports=$()();return g.exports}const W=h(B());var F=j();let U=e=>"object"==typeof e&&null!=e&&1===e.nodeType,Y=(e,t)=>(!t||"hidden"!==e)&&"visible"!==e&&"clip"!==e,q=(e,t)=>{if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){let n=getComputedStyle(e,null);return Y(n.overflowY,t)||Y(n.overflowX,t)||(e=>{let t=(e=>{if(!e.ownerDocument||!e.ownerDocument.defaultView)return null;try{return e.ownerDocument.defaultView.frameElement}catch{return null}})(e);return!!t&&(t.clientHeight<e.scrollHeight||t.clientWidth<e.scrollWidth)})(e)}return!1},z=(e,t,n,o,r,i,s,u)=>i<e&&s>t||i>e&&s<t?0:i<=e&&u<=n||s>=t&&u>=n?i-e-o:s>t&&u<n||i<e&&u>n?s-t+r:0,J=e=>e.parentElement??(e.getRootNode().host||null);var X=function(){return X=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},X.apply(this,arguments)},G=0;function Q(e){return"function"==typeof e?e:Z}function Z(){}function ee(e,t){if(e){var n=((e,t)=>{var n,o,r,i,s,u;if(typeof document>"u")return[];let{inline:a,boundary:c,skipOverflowHiddenElements:l}=t,p="function"==typeof c?c:e=>e!==c;if(!U(e))throw new TypeError("Invalid target");let d=document.scrollingElement||document.documentElement,f=[],h=e;for(;U(h)&&p(h);){if(h=J(h),h===d){f.push(h);break}null!=h&&h===document.body&&q(h)&&!q(document.documentElement)||null!=h&&q(h,l)&&f.push(h)}let m=null!=(o=null==(n=window.visualViewport)?void 0:n.width)?o:innerWidth,g=null!=(i=null==(r=window.visualViewport)?void 0:r.height)?i:innerHeight,v=null!=(s=window.scrollX)?s:pageXOffset,y=null!=(u=window.scrollY)?u:pageYOffset,{height:E,width:b,top:I,right:_,bottom:N,left:O}=e.getBoundingClientRect(),w=I,S="center"===a?O+b/2:"end"===a?_:O,D=[];for(let e=0;e<f.length;e++){let t=f[e],{height:n,width:o,top:r,right:i,bottom:s,left:u}=t.getBoundingClientRect();if(I>=0&&O>=0&&N<=g&&_<=m&&I>=r&&N<=s&&O>=u&&_<=i)return D;let c=getComputedStyle(t),l=parseInt(c.borderLeftWidth,10),p=parseInt(c.borderTopWidth,10),h=parseInt(c.borderRightWidth,10),x=parseInt(c.borderBottomWidth,10),V=0,P=0,C="offsetWidth"in t?t.offsetWidth-t.clientWidth-l-h:0,T="offsetHeight"in t?t.offsetHeight-t.clientHeight-p-x:0,M="offsetWidth"in t?0===t.offsetWidth?0:o/t.offsetWidth:0,H="offsetHeight"in t?0===t.offsetHeight?0:n/t.offsetHeight:0;if(d===t)V=z(y,y+g,g,p,x,y+w,y+w+E,E),P="start"===a?S:"center"===a?S-m/2:"end"===a?S-m:z(v,v+m,m,l,h,v+S,v+S+b,b),V=Math.max(0,V+y),P=Math.max(0,P+v);else{V=z(r,s,n,p,x+T,w,w+E,E),P="start"===a?S-u-l:"center"===a?S-(u+o/2)+C/2:"end"===a?S-i+h+C:z(u,i,o,l,h+C,S,S+b,b);let{scrollLeft:e,scrollTop:c}=t;V=Math.max(0,Math.min(c+V/H,t.scrollHeight-n/H+T)),P=Math.max(0,Math.min(e+P/M,t.scrollWidth-o/M+C)),w+=c-V,S+=e-P}D.push({el:t,top:V,left:P})}return D})(e,{boundary:t});n.forEach((function(e){var t=e.el,n=e.top,o=e.left;t.scrollTop=n,t.scrollLeft=o}))}}function te(e,t,n){return e===t||t instanceof n.Node&&e.contains&&e.contains(t)}function ne(e,t){var n;function o(){n&&clearTimeout(n)}function r(){for(var r=arguments.length,i=new Array(r),s=0;s<r;s++)i[s]=arguments[s];o(),n=setTimeout((function(){n=null,e.apply(void 0,i)}),t)}return r.cancel=o,r}function oe(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];return t.some((function(t){return t&&t.apply(void 0,[e].concat(o)),e.preventDownshiftDefault||e.hasOwnProperty("nativeEvent")&&e.nativeEvent.preventDownshiftDefault}))}}function re(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){t.forEach((function(t){"function"==typeof t?t(e):t&&(t.current=e)}))}}function ie(e){var t=e.isOpen,n=e.resultCount,o=e.previousResultCount;return t?n?n!==o?n+" result"+(1===n?" is":"s are")+" available, use up and down arrow keys to navigate. Press Enter key to select.":"":"No results are available.":""}function se(e,t){return!(e=Array.isArray(e)?e[0]:e)&&t?t:e}function ue(e){return"string"==typeof e.type}function ae(e){return e.props}var ce=["highlightedIndex","inputValue","isOpen","selectedItem","type"];function le(e){void 0===e&&(e={});var t={};return ce.forEach((function(n){e.hasOwnProperty(n)&&(t[n]=e[n])})),t}function pe(e,t){return void 0!==e[t]}function de(e){var t=e.key,n=e.keyCode;return n>=37&&n<=40&&0!==t.indexOf("Arrow")?"Arrow"+t:t}function fe(e,t,n,o,r){if(void 0===r&&(r=!0),0===n)return-1;var i=n-1;("number"!=typeof t||t<0||t>=n)&&(t=e>0?-1:i+1);var s=t+e;s<0?s=r?i:0:s>i&&(s=r?0:i);var u=he(e,s,n,o,r);return-1===u?t>=n?-1:t:u}function he(e,t,n,o,r){var i=o(t);if(!i||!i.hasAttribute("disabled"))return t;if(e>0){for(var s=t+1;s<n;s++)if(!o(s).hasAttribute("disabled"))return s}else for(var u=t-1;u>=0;u--)if(!o(u).hasAttribute("disabled"))return u;return r?e>0?he(1,0,n,o,!1):he(-1,n-1,n,o,!1):-1}function me(e,t,n,o){return void 0===o&&(o=!0),t.some((function(t){return t&&(te(t,e,n)||o&&te(t,n.document.activeElement,n))}))}var ge=Z;"production"!==process.env.NODE_ENV&&(ge=function(e,t,n){var o="This prop should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled Downshift element for the lifetime of the component. More info: https://github.com/downshift-js/downshift#control-props";Object.keys(e).forEach((function(e){void 0!==t[e]&&void 0===n[e]?console.error('downshift: A component has changed the controlled prop "'+e+'" to be uncontrolled. '+o):void 0===t[e]&&void 0!==n[e]&&console.error('downshift: A component has changed the uncontrolled prop "'+e+'" to be controlled. '+o)}))});var ve=ne((function(e){Ee(e).textContent=""}),500);function ye(e,t){var n=Ee(t);e&&(n.textContent=e,ve(t))}function Ee(e){void 0===e&&(e=document);var t=e.getElementById("a11y-status-message");return t||((t=e.createElement("div")).setAttribute("id","a11y-status-message"),t.setAttribute("role","status"),t.setAttribute("aria-live","polite"),t.setAttribute("aria-relevant","additions text"),Object.assign(t.style,{border:"0",clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",width:"1px"}),e.body.appendChild(t),t)}var be="production"!==process.env.NODE_ENV?"__autocomplete_unknown__":0,Ie="production"!==process.env.NODE_ENV?"__autocomplete_mouseup__":1,_e="production"!==process.env.NODE_ENV?"__autocomplete_item_mouseenter__":2,Ne="production"!==process.env.NODE_ENV?"__autocomplete_keydown_arrow_up__":3,Oe="production"!==process.env.NODE_ENV?"__autocomplete_keydown_arrow_down__":4,we="production"!==process.env.NODE_ENV?"__autocomplete_keydown_escape__":5,Se="production"!==process.env.NODE_ENV?"__autocomplete_keydown_enter__":6,De="production"!==process.env.NODE_ENV?"__autocomplete_keydown_home__":7,xe="production"!==process.env.NODE_ENV?"__autocomplete_keydown_end__":8,Ve="production"!==process.env.NODE_ENV?"__autocomplete_click_item__":9,Pe="production"!==process.env.NODE_ENV?"__autocomplete_blur_input__":10,Ce="production"!==process.env.NODE_ENV?"__autocomplete_change_input__":11,Te="production"!==process.env.NODE_ENV?"__autocomplete_keydown_space_button__":12,Me="production"!==process.env.NODE_ENV?"__autocomplete_click_button__":13,He="production"!==process.env.NODE_ENV?"__autocomplete_blur_button__":14,je="production"!==process.env.NODE_ENV?"__autocomplete_controlled_prop_updated_selected_item__":15,ke="production"!==process.env.NODE_ENV?"__autocomplete_touchend__":16,Re=Object.freeze({__proto__:null,unknown:be,mouseUp:Ie,itemMouseEnter:_e,keyDownArrowUp:Ne,keyDownArrowDown:Oe,keyDownEscape:we,keyDownEnter:Se,keyDownHome:De,keyDownEnd:xe,clickItem:Ve,blurInput:Pe,changeInput:Ce,keyDownSpaceButton:Te,clickButton:Me,blurButton:He,controlledPropUpdatedSelectedItem:je,touchEnd:ke}),Ae=["refKey","ref"],Le=["onClick","onPress","onKeyDown","onKeyUp","onBlur"],Ke=["onKeyDown","onBlur","onChange","onInput","onChangeText"],$e=["refKey","ref"],Be=["onMouseMove","onMouseDown","onClick","onPress","index","item"],We=function(){var e=function(e){function t(t){var n;(n=e.call(this,t)||this).id=n.props.id||"downshift-"+String(G++),n.menuId=n.props.menuId||n.id+"-menu",n.labelId=n.props.labelId||n.id+"-label",n.inputId=n.props.inputId||n.id+"-input",n.getItemId=n.props.getItemId||function(e){return n.id+"-item-"+e},n.input=null,n.items=[],n.itemCount=null,n.previousResultCount=0,n.timeoutIds=[],n.internalSetTimeout=function(e,t){var o=setTimeout((function(){n.timeoutIds=n.timeoutIds.filter((function(e){return e!==o})),e()}),t);n.timeoutIds.push(o)},n.setItemCount=function(e){n.itemCount=e},n.unsetItemCount=function(){n.itemCount=null},n.setHighlightedIndex=function(e,t){void 0===e&&(e=n.props.defaultHighlightedIndex),void 0===t&&(t={}),t=le(t),n.internalSetState(p({highlightedIndex:e},t))},n.clearSelection=function(e){n.internalSetState({selectedItem:null,inputValue:"",highlightedIndex:n.props.defaultHighlightedIndex,isOpen:n.props.defaultIsOpen},e)},n.selectItem=function(e,t,o){t=le(t),n.internalSetState(p({isOpen:n.props.defaultIsOpen,highlightedIndex:n.props.defaultHighlightedIndex,selectedItem:e,inputValue:n.props.itemToString(e)},t),o)},n.selectItemAtIndex=function(e,t,o){var r=n.items[e];null!=r&&n.selectItem(r,t,o)},n.selectHighlightedItem=function(e,t){return n.selectItemAtIndex(n.getState().highlightedIndex,e,t)},n.internalSetState=function(e,t){var o,r,i={},s="function"==typeof e;return!s&&e.hasOwnProperty("inputValue")&&n.props.onInputValueChange(e.inputValue,p({},n.getStateAndHelpers(),e)),n.setState((function(t){t=n.getState(t);var u=s?e(t):e;u=n.props.stateReducer(t,u),o=u.hasOwnProperty("selectedItem");var a={};return o&&u.selectedItem!==t.selectedItem&&(r=u.selectedItem),u.type=u.type||be,Object.keys(u).forEach((function(e){t[e]!==u[e]&&(i[e]=u[e]),"type"!==e&&(u[e],pe(n.props,e)||(a[e]=u[e]))})),s&&u.hasOwnProperty("inputValue")&&n.props.onInputValueChange(u.inputValue,p({},n.getStateAndHelpers(),u)),a}),(function(){Q(t)(),Object.keys(i).length>1&&n.props.onStateChange(i,n.getStateAndHelpers()),o&&n.props.onSelect(e.selectedItem,n.getStateAndHelpers()),void 0!==r&&n.props.onChange(r,n.getStateAndHelpers()),n.props.onUserAction(i,n.getStateAndHelpers())}))},n.rootRef=function(e){return n._rootNode=e},n.getRootProps=function(e,t){var o,r=void 0===e?{}:e,i=r.refKey,s=void 0===i?"ref":i,u=r.ref,a=l(r,Ae),c=(void 0===t?{}:t).suppressRefError,d=void 0!==c&&c;n.getRootProps.called=!0,n.getRootProps.refKey=s,n.getRootProps.suppressRefError=d;var f=n.getState().isOpen;return p(((o={})[s]=re(u,n.rootRef),o.role="combobox",o["aria-expanded"]=f,o["aria-haspopup"]="listbox",o["aria-owns"]=f?n.menuId:null,o["aria-labelledby"]=n.labelId,o),a)},n.keyDownHandlers={ArrowDown:function(e){var t=this;if(e.preventDefault(),this.getState().isOpen){var n=e.shiftKey?5:1;this.moveHighlightedIndex(n,{type:Oe})}else this.internalSetState({isOpen:!0,type:Oe},(function(){var e=t.getItemCount();if(e>0){var n=fe(1,t.getState().highlightedIndex,e,(function(e){return t.getItemNodeFromIndex(e)}));t.setHighlightedIndex(n,{type:Oe})}}))},ArrowUp:function(e){var t=this;if(e.preventDefault(),this.getState().isOpen){var n=e.shiftKey?-5:-1;this.moveHighlightedIndex(n,{type:Ne})}else this.internalSetState({isOpen:!0,type:Ne},(function(){var e=t.getItemCount();if(e>0){var n=fe(-1,t.getState().highlightedIndex,e,(function(e){return t.getItemNodeFromIndex(e)}));t.setHighlightedIndex(n,{type:Ne})}}))},Enter:function(e){if(229!==e.which){var t=this.getState(),n=t.isOpen,o=t.highlightedIndex;if(n&&null!=o){e.preventDefault();var r=this.items[o],i=this.getItemNodeFromIndex(o);if(null==r||i&&i.hasAttribute("disabled"))return;this.selectHighlightedItem({type:Se})}}},Escape:function(e){e.preventDefault(),this.reset(p({type:we},!this.state.isOpen&&{selectedItem:null,inputValue:""}))}},n.buttonKeyDownHandlers=p({},n.keyDownHandlers,{" ":function(e){e.preventDefault(),this.toggleMenu({type:Te})}}),n.inputKeyDownHandlers=p({},n.keyDownHandlers,{Home:function(e){var t=this,n=this.getState().isOpen;if(n){e.preventDefault();var o=this.getItemCount();if(!(o<=0)&&n){var r=he(1,0,o,(function(e){return t.getItemNodeFromIndex(e)}),!1);this.setHighlightedIndex(r,{type:De})}}},End:function(e){var t=this,n=this.getState().isOpen;if(n){e.preventDefault();var o=this.getItemCount();if(!(o<=0)&&n){var r=he(-1,o-1,o,(function(e){return t.getItemNodeFromIndex(e)}),!1);this.setHighlightedIndex(r,{type:xe})}}}}),n.getToggleButtonProps=function(e){var t=void 0===e?{}:e,o=t.onClick;t.onPress;var r=t.onKeyDown,i=t.onKeyUp,s=t.onBlur,u=l(t,Le),a=n.getState().isOpen,c={onClick:oe(o,n.buttonHandleClick),onKeyDown:oe(r,n.buttonHandleKeyDown),onKeyUp:oe(i,n.buttonHandleKeyUp),onBlur:oe(s,n.buttonHandleBlur)};return p({type:"button",role:"button","aria-label":a?"close menu":"open menu","aria-haspopup":!0,"data-toggle":!0},u.disabled?{}:c,u)},n.buttonHandleKeyUp=function(e){e.preventDefault()},n.buttonHandleKeyDown=function(e){var t=de(e);n.buttonKeyDownHandlers[t]&&n.buttonKeyDownHandlers[t].call(d(n),e)},n.buttonHandleClick=function(e){e.preventDefault(),n.props.environment.document.activeElement===n.props.environment.document.body&&e.target.focus(),"test"===process.env.NODE_ENV?n.toggleMenu({type:Me}):n.internalSetTimeout((function(){return n.toggleMenu({type:Me})}))},n.buttonHandleBlur=function(e){var t=e.target;n.internalSetTimeout((function(){!n.isMouseDown&&(null==n.props.environment.document.activeElement||n.props.environment.document.activeElement.id!==n.inputId)&&n.props.environment.document.activeElement!==t&&n.reset({type:He})}))},n.getLabelProps=function(e){return p({htmlFor:n.inputId,id:n.labelId},e)},n.getInputProps=function(e){var t=void 0===e?{}:e,o=t.onKeyDown,r=t.onBlur,i=t.onChange,s=t.onInput;t.onChangeText;var u=l(t,Ke),a={};var c,d=n.getState(),f=d.inputValue,h=d.isOpen,m=d.highlightedIndex;u.disabled||((c={}).onChange=oe(i,s,n.inputHandleChange),c.onKeyDown=oe(o,n.inputHandleKeyDown),c.onBlur=oe(r,n.inputHandleBlur),a=c);return p({"aria-autocomplete":"list","aria-activedescendant":h&&"number"==typeof m&&m>=0?n.getItemId(m):null,"aria-controls":h?n.menuId:null,"aria-labelledby":u&&u["aria-label"]?void 0:n.labelId,autoComplete:"off",value:f,id:n.inputId},a,u)},n.inputHandleKeyDown=function(e){var t=de(e);t&&n.inputKeyDownHandlers[t]&&n.inputKeyDownHandlers[t].call(d(n),e)},n.inputHandleChange=function(e){n.internalSetState({type:Ce,isOpen:!0,inputValue:e.target.value,highlightedIndex:n.props.defaultHighlightedIndex})},n.inputHandleBlur=function(){n.internalSetTimeout((function(){var e=n.props.environment.document&&!!n.props.environment.document.activeElement&&!!n.props.environment.document.activeElement.dataset&&n.props.environment.document.activeElement.dataset.toggle&&n._rootNode&&n._rootNode.contains(n.props.environment.document.activeElement);!n.isMouseDown&&!e&&n.reset({type:Pe})}))},n.menuRef=function(e){n._menuNode=e},n.getMenuProps=function(e,t){var o,r=void 0===e?{}:e,i=r.refKey,s=void 0===i?"ref":i,u=r.ref,a=l(r,$e),c=(void 0===t?{}:t).suppressRefError,d=void 0!==c&&c;return n.getMenuProps.called=!0,n.getMenuProps.refKey=s,n.getMenuProps.suppressRefError=d,p(((o={})[s]=re(u,n.menuRef),o.role="listbox",o["aria-labelledby"]=a&&a["aria-label"]?null:n.labelId,o.id=n.menuId,o),a)},n.getItemProps=function(e){var t,o=void 0===e?{}:e,r=o.onMouseMove,i=o.onMouseDown,s=o.onClick;o.onPress;var u=o.index,a=o.item,c=void 0===a?"production"===process.env.NODE_ENV?void 0:function(e,t){console.error('The property "'+t+'" is required in "'+e+'"')}("getItemProps","item"):a,d=l(o,Be);void 0===u?(n.items.push(c),u=n.items.indexOf(c)):n.items[u]=c;var f=s,h=((t={onMouseMove:oe(r,(function(){u!==n.getState().highlightedIndex&&(n.setHighlightedIndex(u,{type:_e}),n.avoidScrolling=!0,n.internalSetTimeout((function(){return n.avoidScrolling=!1}),250))})),onMouseDown:oe(i,(function(e){e.preventDefault()}))}).onClick=oe(f,(function(){n.selectItemAtIndex(u,{type:Ve})})),t),m=d.disabled?{onMouseDown:h.onMouseDown}:h;return p({id:n.getItemId(u),role:"option","aria-selected":n.getState().highlightedIndex===u},m,d)},n.clearItems=function(){n.items=[]},n.reset=function(e,t){void 0===e&&(e={}),e=le(e),n.internalSetState((function(t){var o=t.selectedItem;return p({isOpen:n.props.defaultIsOpen,highlightedIndex:n.props.defaultHighlightedIndex,inputValue:n.props.itemToString(o)},e)}),t)},n.toggleMenu=function(e,t){void 0===e&&(e={}),e=le(e),n.internalSetState((function(t){var o=t.isOpen;return p({isOpen:!o},o&&{highlightedIndex:n.props.defaultHighlightedIndex},e)}),(function(){var o=n.getState(),r=o.isOpen,i=o.highlightedIndex;r&&n.getItemCount()>0&&"number"==typeof i&&n.setHighlightedIndex(i,e),Q(t)()}))},n.openMenu=function(e){n.internalSetState({isOpen:!0},e)},n.closeMenu=function(e){n.internalSetState({isOpen:!1},e)},n.updateStatus=ne((function(){var e=n.getState(),t=n.items[e.highlightedIndex],o=n.getItemCount(),r=n.props.getA11yStatusMessage(p({itemToString:n.props.itemToString,previousResultCount:n.previousResultCount,resultCount:o,highlightedItem:t},e));n.previousResultCount=o,ye(r,n.props.environment.document)}),200);var o=n.props,r=o.defaultHighlightedIndex,i=o.initialHighlightedIndex,s=void 0===i?r:i,u=o.defaultIsOpen,a=o.initialIsOpen,c=void 0===a?u:a,f=o.initialInputValue,h=void 0===f?"":f,m=o.initialSelectedItem,g=void 0===m?null:m,v=n.getState({highlightedIndex:s,isOpen:c,inputValue:h,selectedItem:g});return null!=v.selectedItem&&void 0===n.props.initialInputValue&&(v.inputValue=n.props.itemToString(v.selectedItem)),n.state=v,n}!function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,f(e,t)}(t,e);var n=t.prototype;return n.internalClearTimeouts=function(){this.timeoutIds.forEach((function(e){clearTimeout(e)})),this.timeoutIds=[]},n.getState=function(e){return void 0===e&&(e=this.state),function(e,t){return Object.keys(e).reduce((function(n,o){return n[o]=pe(t,o)?t[o]:e[o],n}),{})}(e,this.props)},n.getItemCount=function(){var e=this.items.length;return null!=this.itemCount?e=this.itemCount:void 0!==this.props.itemCount&&(e=this.props.itemCount),e},n.getItemNodeFromIndex=function(e){return this.props.environment.document.getElementById(this.getItemId(e))},n.scrollHighlightedItemIntoView=function(){var e=this.getItemNodeFromIndex(this.getState().highlightedIndex);this.props.scrollIntoView(e,this._menuNode)},n.moveHighlightedIndex=function(e,t){var n=this,o=this.getItemCount(),r=this.getState().highlightedIndex;if(o>0){var i=fe(e,r,o,(function(e){return n.getItemNodeFromIndex(e)}));this.setHighlightedIndex(i,t)}},n.getStateAndHelpers=function(){var e=this.getState(),t=e.highlightedIndex,n=e.inputValue,o=e.selectedItem,r=e.isOpen,i=this.props.itemToString,s=this.id,u=this.getRootProps,a=this.getToggleButtonProps,c=this.getLabelProps,l=this.getMenuProps,p=this.getInputProps,d=this.getItemProps,f=this.openMenu,h=this.closeMenu,m=this.toggleMenu,g=this.selectItem,v=this.selectItemAtIndex,y=this.selectHighlightedItem,E=this.setHighlightedIndex,b=this.clearSelection,I=this.clearItems;return{getRootProps:u,getToggleButtonProps:a,getLabelProps:c,getMenuProps:l,getInputProps:p,getItemProps:d,reset:this.reset,openMenu:f,closeMenu:h,toggleMenu:m,selectItem:g,selectItemAtIndex:v,selectHighlightedItem:y,setHighlightedIndex:E,clearSelection:b,clearItems:I,setItemCount:this.setItemCount,unsetItemCount:this.unsetItemCount,setState:this.internalSetState,itemToString:i,id:s,highlightedIndex:t,inputValue:n,isOpen:r,selectedItem:o}},n.componentDidMount=function(){var e=this;"production"!==process.env.NODE_ENV&&this.getMenuProps.called&&!this.getMenuProps.suppressRefError&&Ue(this._menuNode,this.getMenuProps);var t=function(){e.isMouseDown=!0},n=function(t){e.isMouseDown=!1,!me(t.target,[e._rootNode,e._menuNode],e.props.environment)&&e.getState().isOpen&&e.reset({type:Ie},(function(){return e.props.onOuterClick(e.getStateAndHelpers())}))},o=function(){e.isTouchMove=!1},r=function(){e.isTouchMove=!0},i=function(t){var n=me(t.target,[e._rootNode,e._menuNode],e.props.environment,!1);!e.isTouchMove&&!n&&e.getState().isOpen&&e.reset({type:ke},(function(){return e.props.onOuterClick(e.getStateAndHelpers())}))},s=this.props.environment;s.addEventListener("mousedown",t),s.addEventListener("mouseup",n),s.addEventListener("touchstart",o),s.addEventListener("touchmove",r),s.addEventListener("touchend",i),this.cleanup=function(){e.internalClearTimeouts(),e.updateStatus.cancel(),s.removeEventListener("mousedown",t),s.removeEventListener("mouseup",n),s.removeEventListener("touchstart",o),s.removeEventListener("touchmove",r),s.removeEventListener("touchend",i)}},n.shouldScroll=function(e,t){var n=(void 0===this.props.highlightedIndex?this.getState():this.props).highlightedIndex,o=(void 0===t.highlightedIndex?e:t).highlightedIndex;return n&&this.getState().isOpen&&!e.isOpen||n!==o},n.componentDidUpdate=function(e,t){"production"!==process.env.NODE_ENV&&(ge(this.state,e,this.props),this.getMenuProps.called&&!this.getMenuProps.suppressRefError&&Ue(this._menuNode,this.getMenuProps)),pe(this.props,"selectedItem")&&this.props.selectedItemChanged(e.selectedItem,this.props.selectedItem)&&this.internalSetState({type:je,inputValue:this.props.itemToString(this.props.selectedItem)}),!this.avoidScrolling&&this.shouldScroll(t,e)&&this.scrollHighlightedItemIntoView(),this.updateStatus()},n.componentWillUnmount=function(){this.cleanup()},n.render=function(){var e=se(this.props.children,Z);this.clearItems(),this.getRootProps.called=!1,this.getRootProps.refKey=void 0,this.getRootProps.suppressRefError=void 0,this.getMenuProps.called=!1,this.getMenuProps.refKey=void 0,this.getMenuProps.suppressRefError=void 0,this.getLabelProps.called=!1,this.getInputProps.called=!1;var t=se(e(this.getStateAndHelpers()));if(!t)return null;if(this.getRootProps.called||this.props.suppressRefError)return"production"!==process.env.NODE_ENV&&!this.getRootProps.suppressRefError&&!this.props.suppressRefError&&function(e,t){var n=t.refKey,o="ref"!==n,r=!ue(e);!r||o||F.isForwardRef(e)?!r&&o&&console.error('downshift: You returned a DOM element. You should not specify a refKey in getRootProps. You specified "'+n+'"'):console.error("downshift: You returned a non-DOM element. You must specify a refKey in getRootProps"),!F.isForwardRef(e)&&!ae(e)[n]&&console.error('downshift: You must apply the ref prop "'+n+'" from getRootProps onto your root element.')}(t,this.getRootProps),t;if(ue(t))return r(t,this.getRootProps(ae(t)));if("production"!==process.env.NODE_ENV)throw new Error("downshift: If you return a non-DOM element, you must apply the getRootProps function")},t}(i);return e.defaultProps={defaultHighlightedIndex:null,defaultIsOpen:!1,getA11yStatusMessage:ie,itemToString:function(e){return null==e?"":("production"!==process.env.NODE_ENV&&function(e){return"[object Object]"===Object.prototype.toString.call(e)}(e)&&!e.hasOwnProperty("toString")&&console.warn("downshift: An object was passed to the default implementation of `itemToString`. You should probably provide your own `itemToString` implementation. Please refer to the `itemToString` API documentation.","The object that was passed:",e),String(e))},onStateChange:Z,onInputValueChange:Z,onUserAction:Z,onChange:Z,onSelect:Z,onOuterClick:Z,selectedItemChanged:function(e,t){return e!==t},environment:typeof window>"u"?{}:window,stateReducer:function(e,t){return t},suppressRefError:!1,scrollIntoView:ee},e.stateChangeTypes=Re,e}();"production"!==process.env.NODE_ENV&&(We.propTypes={children:W.func,defaultHighlightedIndex:W.number,defaultIsOpen:W.bool,initialHighlightedIndex:W.number,initialSelectedItem:W.any,initialInputValue:W.string,initialIsOpen:W.bool,getA11yStatusMessage:W.func,itemToString:W.func,onChange:W.func,onSelect:W.func,onStateChange:W.func,onInputValueChange:W.func,onUserAction:W.func,onOuterClick:W.func,selectedItemChanged:W.func,stateReducer:W.func,itemCount:W.number,id:W.string,environment:W.shape({addEventListener:W.func,removeEventListener:W.func,document:W.shape({getElementById:W.func,activeElement:W.any,body:W.any})}),suppressRefError:W.bool,scrollIntoView:W.func,selectedItem:W.any,isOpen:W.bool,inputValue:W.string,highlightedIndex:W.number,labelId:W.string,inputId:W.string,menuId:W.string,getItemId:W.func});var Fe=We;function Ue(e,t){var n=t.refKey;e||console.error('downshift: The ref prop "'+n+'" from getMenuProps was not applied correctly on your menu element.')}ne((function(e,t){ye(e(),t)}),200);var Ye={itemToString:function(e){return e?String(e):""},stateReducer:function(e,t){return t.changes},getA11ySelectionMessage:function(e){var t=e.selectedItem,n=e.itemToString;return t?n(t)+" has been selected.":""},scrollIntoView:ee,environment:typeof window>"u"?{}:window};process.env.NODE_ENV,process.env.NODE_ENV,W.array.isRequired,W.func,W.func,W.func,W.number,W.number,W.number,W.bool,W.bool,W.bool,W.any,W.any,W.any,W.string,W.string,W.string,W.func,W.string,W.func,W.func,W.func,W.func,W.func,W.shape({addEventListener:W.func,removeEventListener:W.func,document:W.shape({getElementById:W.func,activeElement:W.any,body:W.any})}),X(X({},Ye),{getA11yStatusMessage:function(e){var t=e.isOpen,n=e.resultCount,o=e.previousResultCount;return t?n?n!==o?"".concat(n," result").concat(1===n?" is":"s are"," available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select."):"":"No results are available.":""}}),process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,W.array.isRequired,W.func,W.func,W.func,W.func,W.number,W.number,W.number,W.bool,W.bool,W.bool,W.any,W.any,W.any,W.string,W.string,W.string,W.string,W.string,W.string,W.func,W.string,W.string,W.func,W.func,W.func,W.func,W.func,W.func,W.shape({addEventListener:W.func,removeEventListener:W.func,document:W.shape({getElementById:W.func,activeElement:W.any,body:W.any})}),process.env.NODE_ENV,p({},Ye,{selectedItemChanged:function(e,t){return e!==t},getA11yStatusMessage:ie}),W.array,W.array,W.array,W.func,W.func,W.func,W.number,W.number,W.number,W.func,W.func,W.string,W.string,W.shape({addEventListener:W.func,removeEventListener:W.func,document:W.shape({getElementById:W.func,activeElement:W.any,body:W.any})}),process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;function qe({className:r="",label:i,labelProps:l,tooltip:p,supportLabelProps:d,inputId:f,labelId:h,leadText:m,errorLabel:g,helpLabel:v,density:y,variant:E="small",noHitsMessage:b,maxNumberOfHits:I,placeholder:_,itemToString:N,items:O,downshiftProps:w,showDropdownControllerButton:S=!1,onConfirm:D=(()=>{}),noHits:x}){const V=s(f||"jkl-text-input",{generateSuffix:!f}),P=s(h||"jkl-label",{generateSuffix:!h});return e(Fe,{...w,inputId:V,labelId:P,itemToString:N,children:({getInputProps:s,getToggleButtonProps:f,getItemProps:h,getLabelProps:w,getMenuProps:V,getRootProps:C,selectedItem:T,isOpen:M,highlightedIndex:H,clearSelection:j})=>e(u,{...C(),label:i,className:o("jkl-autosuggest",r),density:y,labelProps:{variant:E,...l,...w({id:P})},supportLabelProps:d,tooltip:p,errorLabel:g,helpLabel:v,render:r=>t(n,{children:[m&&e("p",{className:o("jkl-spacing-24--bottom",{"jkl-body":"compact"!==y,"jkl-small":"compact"===y}),children:m}),t("div",{className:"jkl-text-input-wrapper","data-invalid":!!g,children:[e("input",{...r,...s({id:r.id,placeholder:_,className:"jkl-text-input__input",onKeyDown:e=>{13===e.keyCode&&!M&&D()}}),"data-testid":"autosuggest__input"}),S&&e(a,{...f(),hasSelectedItem:!!T,clearSelection:j}),M&&e(c,{downshiftProps:{getMenuProps:V,getItemProps:h},highlightedIndex:H,items:O,itemToString:N,noHitsMessage:b,maxNumberOfHits:I,noHits:x})]})]})})})}export{qe as default};
 //# sourceMappingURL=BaseAutosuggest.js.map