@new-black/lyra 1.0.29 → 1.0.31

package/dist/lyra33.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra33.js","sources":["../src/components/inputs/search-field/search-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  SearchField as AriaSearchField,\n  SearchFieldContext,\n  SearchFieldProps as AriaSearchFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport { InputHeader, InputHeaderProps, sharedInputStyles } from \"../shared\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\n\nexport type SearchFieldProps = AriaSearchFieldProps &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    label: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    isLoading?: boolean;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _SearchField = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    inputRef,\n    isLoading,\n    label,\n    startSlot,\n    ...props\n  }: SearchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, SearchFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    ...textFieldprops\n  } = props;\n  const { clear } = useDictionary();\n  const { buttonExcludedFromTabOrder, input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  return (\n    <AriaSearchField\n      className={wrapper({\n        className,\n      })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      aria-label={hideInputHeader ? label : undefined}\n      {...textFieldprops}\n      ref={ref}\n    >\n      {({ isDisabled, isEmpty, isInvalid }) => (\n        <>\n          <InputHeader\n            isRequired={isRequired}\n            label={label}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) =>\n              inputField({\n                fullWidth,\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled,\n                isInvalid,\n              })\n            }\n          >\n            {startSlot}\n            <Input\n              className={input({\n                className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\"),\n              })}\n              ref={inputRef}\n              required={isRequired}\n              disabled={isDisabled}\n            />\n            {!isEmpty && !isLoading && !isDisabled ? (\n              <Tooltip tooltip={clear}>\n                <Button excludeFromTabOrder className={buttonExcludedFromTabOrder()}>\n                  <SvgIcon name=\"clear\" />\n                </Button>\n              </Tooltip>\n            ) : null}\n            {isLoading ? <Spinner size=\"small\" /> : null}\n            {endSlot}\n          </Group>\n          {!hideInputFooter ? (\n            <InputFooter\n              description={description}\n              errorMessage={errorMessage}\n              hideInputFooter={hideInputFooter}\n            />\n          ) : null}\n        </>\n      )}\n    </AriaSearchField>\n  );\n};\n\nexport const SearchField = fixedForwardRef(_SearchField);\n"],"names":["_SearchField","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","isLoading","label","startSlot","props","ref","useContextProps","SearchFieldContext","className","errorMessage","isDisabled","isInvalid","isRequired","textFieldprops","clear","useDictionary","buttonExcludedFromTabOrder","input","inputField","wrapper","sharedInputStyles","jsx","AriaSearchField","isEmpty","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","Input","clsx","Tooltip","Button","SvgIcon","Spinner","InputFooter","SearchField","fixedForwardRef"],"mappings":";;;;;;;;;;;;AAkCA,MAAMA,IAAe,CACnB;AAAA,EACE,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,iBAAAC,IAAkB;AAAA,EAClB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAkB;AACvD,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT,GACE,EAAE,OAAAU,MAAUC,KACZ,EAAE,4BAAAC,GAA4B,OAAAC,GAAO,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAkB;AAAA,IACnF,WAAAxB;AAAA,IACA,cAAc,CAAC,CAACO;AAAA,IAChB,YAAY;AAAA,EAAA,CACb;AAGC,SAAAkB,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWH,EAAQ;AAAA,QACjB,WAAAX;AAAA,MAAA,CACD;AAAA,MACD,YAAAE;AAAA,MACA,YAAAE;AAAA,MACA,WAAAD;AAAA,MACA,cAAYZ,IAAkBG,IAAQ;AAAA,MACrC,GAAGW;AAAA,MACJ,KAAAR;AAAA,MAEC,UAAA,CAAC,EAAE,YAAAK,GAAY,SAAAa,GAAS,WAAAZ,QAErBa,gBAAAA,EAAAA,KAAAC,EAAA,UAAA,EAAA,UAAA;AAAA,QAAAJ,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,YAAAd;AAAA,YACA,OAAAV;AAAA,YACA,eAAAL;AAAA,YACA,iBAAAE;AAAA,UAAA;AAAA,QACF;AAAA,QACAyB,gBAAAA,EAAA;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAE,eAAAC,GAAe,WAAAC,EAAA,MAC3BX,EAAW;AAAA,cACT,WAAAtB;AAAA,cACA,WAAWgC;AAAA,cACX,WAAAC;AAAA,cACA,YAAAnB;AAAAA,cACA,WAAAC;AAAAA,YAAA,CACD;AAAA,YAGF,UAAA;AAAA,cAAAR;AAAA,cACDkB,gBAAAA,EAAA;AAAA,gBAACS;AAAAA,gBAAA;AAAA,kBACC,WAAWb,EAAM;AAAA,oBACf,WAAWc,EAAK,CAAC,CAAC5B,KAAa,QAAQ,CAAC,CAACR,KAAW,MAAM;AAAA,kBAAA,CAC3D;AAAA,kBACD,KAAKK;AAAA,kBACL,UAAUY;AAAA,kBACV,UAAUF;AAAAA,gBAAA;AAAA,cACZ;AAAA,cACC,CAACa,KAAW,CAACtB,KAAa,CAACS,IAC1BW,gBAAAA,EAAA,IAACW,GAAQ,EAAA,SAASlB,GAChB,UAAAO,gBAAAA,EAAAA,IAACY,KAAO,qBAAmB,IAAC,WAAWjB,KACrC,UAAAK,gBAAAA,EAAAA,IAACa,KAAQ,MAAK,QAAQ,CAAA,GACxB,EAAA,CACF,IACE;AAAA,cACHjC,IAAYoB,gBAAAA,EAAA,IAACc,GAAQ,EAAA,MAAK,QAAQ,CAAA,IAAK;AAAA,cACvCxC;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QACEG,IAME,OALFuB,gBAAAA,EAAA;AAAA,UAACe;AAAA,UAAA;AAAA,YACC,aAAA1C;AAAA,YACA,cAAAe;AAAA,YACA,iBAAAX;AAAA,UAAA;AAAA,QAAA;AAAA,MAEA,GACN;AAAA,IAAA;AAAA,EAAA;AAIR,GAEauC,KAAcC,EAAgB7C,CAAY;"}
+{"version":3,"file":"lyra33.js","sources":["../src/components/inputs/search-field/search-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject, useMemo } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  SearchField as AriaSearchField,\n  SearchFieldContext,\n  SearchFieldProps as AriaSearchFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport { InputHeader, InputHeaderProps, sharedInputStyles } from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type SearchFieldProps = AriaSearchFieldProps &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    label: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    isLoading?: boolean;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _SearchField = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    inputRef,\n    isLoading,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: SearchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, SearchFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    ...textFieldprops\n  } = props;\n  const { clear } = useDictionary();\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { buttonExcludedFromTabOrder, input, inputField, outerSlot, outerSlotsWrapper, wrapper } =\n    sharedInputStyles({\n      fullWidth,\n      hasStartSlot: !!startSlot,\n      hasEndSlot: true,\n      hasInputHeader,\n      hasLabel: !!label,\n    });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaSearchField\n        className={wrapper({\n          className,\n        })}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        isInvalid={isInvalid}\n        aria-label={hideInputHeader ? label : undefined}\n        {...textFieldprops}\n        ref={ref}\n      >\n        {({ isDisabled, isEmpty, isInvalid }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader isRequired={isRequired} label={label} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isFocusWithin, isHovered }) =>\n                inputField({\n                  fullWidth,\n                  isFocused: isFocusWithin,\n                  isHovered: isHovered,\n                  isDisabled,\n                  isInvalid,\n                })\n              }\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\"),\n                })}\n                ref={inputRef}\n                required={isRequired}\n                disabled={isDisabled}\n              />\n              {!isEmpty && !isLoading && !isDisabled ? (\n                <Tooltip tooltip={clear}>\n                  <Button excludeFromTabOrder className={buttonExcludedFromTabOrder()}>\n                    <SvgIcon name=\"clear\" />\n                  </Button>\n                </Tooltip>\n              ) : null}\n              {isLoading ? <Spinner size=\"small\" /> : null}\n              {endSlot}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaSearchField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const SearchField = fixedForwardRef(_SearchField);\n"],"names":["_SearchField","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","isLoading","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","SearchFieldContext","className","errorMessage","isDisabled","isInvalid","isRequired","textFieldprops","clear","useDictionary","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","buttonExcludedFromTabOrder","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaSearchField","isEmpty","Fragment","InputHeader","Group","isFocusWithin","isHovered","Input","clsx","Tooltip","Button","SvgIcon","Spinner","InputFooter","SearchField","fixedForwardRef"],"mappings":"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"}

package/dist/lyra34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),o=require("react"),C=require("./lyra89.cjs"),q=require("./lyra93.cjs"),T=require("./lyra26.cjs"),_=require("./lyra38.cjs"),A=require("./lyra39.cjs");require("./lyra40.cjs");const b=require("./lyra35.cjs"),B=require("./lyra613.cjs"),V=require("./lyra614.cjs"),D=require("./lyra615.cjs"),h=o.createContext({valuesWithSeperator:[]}),K=({description:i,errorMessage:m,fullWidth:c=!0,hideHintLabel:p=!0,hideInputFooter:g=!0,hideInputHeader:y=!0,label:j,name:S,...u},a)=>{[u,a]=C.useContextProps(u,a,C.ListBoxContext);const{children:l,className:R,defaultValue:x,isRequired:f,onChange:d,value:v}=u,L=o.useId(),I=o.useId(),[E,N]=o.useState(x??v??""),{track:w}=b.segmentedControlStyles({fullWidth:c}),M=o.useMemo(()=>{const s=o.Children.toArray(l),r=s==null?void 0:s.findIndex(n=>{var t;return((t=n==null?void 0:n.props)==null?void 0:t.value)===E});return s==null?void 0:s.filter((n,t)=>r===void 0||t===r||t===s.length-1?!1:r<t?Math.abs(t-r)>=1:Math.abs(t-r)>=2).map(n=>{var t;return(t=n==null?void 0:n.props)==null?void 0:t.value})},[l,E]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(_.InputHeader,{label:j,labelId:I,isRequired:f,hideHintLabel:p,hideInputHeader:y}),e.jsxRuntimeExports.jsx(C.ListBox,{...u,ref:a,"aria-label":j,"aria-labelledby":I,className:w({className:R}),defaultSelectedKeys:x?new Set([x]):[],orientation:"horizontal",selectionBehavior:"replace",selectionMode:"single",selectedKeys:v?[v]:void 0,disallowEmptySelection:!0,onSelectionChange:s=>{if(s==="all")return;const r=s.keys().next().value;d==null||d(r),N(r)},children:e.jsxRuntimeExports.jsx(h.Provider,{value:{valuesWithSeperator:M},children:e.jsxRuntimeExports.jsx(B.LayoutGroup,{id:L,children:l})})}),e.jsxRuntimeExports.jsx(A.InputFooter,{description:i,errorMessage:m,hideInputFooter:g}),S?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:S,value:E??""}):null]})},F=q.fixedForwardRef(K);F.displayName="SegmentedControl";const P=({children:i,textValue:m,value:c,...p},g)=>{const y=m||(typeof i=="string"?i:void 0),{isDisabled:j}=o.useContext(T.FieldGroupContext),{id:S}=o.useContext(V.LayoutGroupContext),{valuesWithSeperator:u}=o.useContext(h),a=u.includes(c??""),{item:l,itemActive:R,itemText:x}=b.segmentedControlStyles({seperator:a});return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(C.ListBoxItem,{ref:g,className:l({isDisabled:j}),id:p.id??c,textValue:y,...p,children:({isFocusVisible:f,isSelected:d})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[d?e.jsxRuntimeExports.jsx(D.motion.div,{layoutId:S,className:R({isFocusVisible:f}),transition:{type:"tween",duration:.2}}):null,e.jsxRuntimeExports.jsx("div",{className:x(),children:i})]})})})},G=q.fixedForwardRef(P);G.displayName="SegmentedControlItem";exports.SegmentedControl=F;exports.SegmentedControlItem=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),o=require("react"),C=require("./lyra89.cjs"),q=require("./lyra93.cjs"),T=require("./lyra26.cjs"),_=require("./lyra38.cjs"),A=require("./lyra39.cjs");require("./lyra40.cjs");const b=require("./lyra35.cjs"),B=require("./lyra614.cjs"),V=require("./lyra615.cjs"),D=require("./lyra616.cjs"),h=o.createContext({valuesWithSeperator:[]}),K=({description:i,errorMessage:m,fullWidth:c=!0,hideHintLabel:p=!0,hideInputFooter:g=!0,hideInputHeader:y=!0,label:j,name:S,...u},a)=>{[u,a]=C.useContextProps(u,a,C.ListBoxContext);const{children:l,className:R,defaultValue:x,isRequired:f,onChange:d,value:v}=u,L=o.useId(),I=o.useId(),[E,N]=o.useState(x??v??""),{track:w}=b.segmentedControlStyles({fullWidth:c}),M=o.useMemo(()=>{const s=o.Children.toArray(l),r=s==null?void 0:s.findIndex(n=>{var t;return((t=n==null?void 0:n.props)==null?void 0:t.value)===E});return s==null?void 0:s.filter((n,t)=>r===void 0||t===r||t===s.length-1?!1:r<t?Math.abs(t-r)>=1:Math.abs(t-r)>=2).map(n=>{var t;return(t=n==null?void 0:n.props)==null?void 0:t.value})},[l,E]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(_.InputHeader,{label:j,labelId:I,isRequired:f,hideHintLabel:p,hideInputHeader:y}),e.jsxRuntimeExports.jsx(C.ListBox,{...u,ref:a,"aria-label":j,"aria-labelledby":I,className:w({className:R}),defaultSelectedKeys:x?new Set([x]):[],orientation:"horizontal",selectionBehavior:"replace",selectionMode:"single",selectedKeys:v?[v]:void 0,disallowEmptySelection:!0,onSelectionChange:s=>{if(s==="all")return;const r=s.keys().next().value;d==null||d(r),N(r)},children:e.jsxRuntimeExports.jsx(h.Provider,{value:{valuesWithSeperator:M},children:e.jsxRuntimeExports.jsx(B.LayoutGroup,{id:L,children:l})})}),e.jsxRuntimeExports.jsx(A.InputFooter,{description:i,errorMessage:m,hideInputFooter:g}),S?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:S,value:E??""}):null]})},F=q.fixedForwardRef(K);F.displayName="SegmentedControl";const P=({children:i,textValue:m,value:c,...p},g)=>{const y=m||(typeof i=="string"?i:void 0),{isDisabled:j}=o.useContext(T.FieldGroupContext),{id:S}=o.useContext(V.LayoutGroupContext),{valuesWithSeperator:u}=o.useContext(h),a=u.includes(c??""),{item:l,itemActive:R,itemText:x}=b.segmentedControlStyles({seperator:a});return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(C.ListBoxItem,{ref:g,className:l({isDisabled:j}),id:p.id??c,textValue:y,...p,children:({isFocusVisible:f,isSelected:d})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[d?e.jsxRuntimeExports.jsx(D.motion.div,{layoutId:S,className:R({isFocusVisible:f}),transition:{type:"tween",duration:.2}}):null,e.jsxRuntimeExports.jsx("div",{className:x(),children:i})]})})})},G=q.fixedForwardRef(P);G.displayName="SegmentedControlItem";exports.SegmentedControl=F;exports.SegmentedControlItem=G;

package/dist/lyra34.js

@@ -7,9 +7,9 @@ import { InputHeader as E } from "./lyra38.js";
 import { InputFooter as P } from "./lyra39.js";
 import "./lyra40.js";
 import { segmentedControlStyles as F } from "./lyra35.js";
-import { LayoutGroup as k } from "./lyra613.js";
-import { LayoutGroupContext as q } from "./lyra614.js";
-import { motion as z } from "./lyra615.js";
+import { LayoutGroup as k } from "./lyra614.js";
+import { LayoutGroupContext as q } from "./lyra615.js";
+import { motion as z } from "./lyra616.js";
 const N = B({
   valuesWithSeperator: []
 }), H = ({

package/dist/lyra36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),l=require("react"),T=require("./lyra89.cjs"),_=require("./lyra450.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const W=require("./lyra65.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const $=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra95.cjs");require("./lyra80.cjs");require("./lyra454.cjs");const z=require("./lyra38.cjs"),B=require("./lyra39.cjs"),V=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const Z=require("./lyra597.cjs"),C=require("./lyra455.cjs"),K=require("./lyra456.cjs"),g=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const J=require("./lyra73.cjs");require("./lyra74.cjs");const U=require("./lyra457.cjs");require("./lyra458.cjs");require("react-dom");const I=require("./lyra84.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");const Q=require("./lyra88.cjs"),rr=({closePopover:c,disabledItemIdKeys:u,filteredItems:x,getItemId:e,onMultiChange:f,onSingleChange:p,value:t})=>{const N=l.useMemo(()=>{if(Array.isArray(t))return t.length?x.findIndex(s=>e(s)===e(t[0])):0;if(t)return x.findIndex(s=>e(s)===e(t))},[x,e,t]),[h,j]=l.useState(N??0),E=l.useCallback(s=>{if(Number.isInteger(s)){for(let n=s-1;n>=0;n--)if(!(u!=null&&u.includes(e(x[n]))))return Math.max(n,0)}return-1},[u,x,e]),w=l.useCallback(s=>{if(Number.isInteger(s)){for(let n=s+1;n<x.length;n++)if(!(u!=null&&u.includes(e(x[n]))))return Math.min(x.length-1,n)}return-1},[u,x,e]),k=l.useRef([]),a=l.useCallback((s,n)=>{n&&(k.current[s]=n)},[]),i=l.useCallback(s=>{if(f){const n=t?[...t]:[],S=n.map(e),R=S!=null&&S.includes(e(s))?n.filter(F=>e(F)!==e(s)):[...n,s];f==null||f(R)}else p&&(p==null||p(s))},[e,f,p,t]),o=l.useCallback(s=>Array.isArray(t)?t.some(n=>e(n)===e(s)):t?e(t)===e(s):!1,[e,t]),m=I.useMousePosition(),q=l.useRef(void 0),y=l.useCallback(s=>{const n=h;if(s.key==="ArrowDown"){s.preventDefault();const S=w(n);if(S>=0){j(S),q.current=m;const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus()}}else if(s.key==="ArrowUp"){s.preventDefault();const S=E(n);if(S>=0){j(S);const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus(),q.current=m}}else s.key==="Escape"&&c()},[h,c,w,E,m]),v=l.useCallback((s,n)=>{s&&q.current!==m&&(j(n),q.current=m)},[m]);return l.useEffect(()=>{var s;(s=k.current)!=null&&s[h]&&k.current[h].focus()},[open]),{activeItem:h,assignRefOnIndex:a,getItemIsSelected:o,onKeyDown:y,onHoverChange:v,selectedItemIndex:N,toggleSelection:i}},er=({disabledItemIdKeys:c,getItemId:u,items:x,onMultiChange:e,onSingleChange:f,selectRenderElements:p,setOpenPopover:t,value:N})=>{const{activeItem:h,assignRefOnIndex:j,getItemIsSelected:E,onHoverChange:w,onKeyDown:k,toggleSelection:a}=rr({closePopover:()=>t(!1),disabledItemIdKeys:c,filteredItems:x,getItemId:u,onMultiChange:e,onSingleChange:f,value:N}),i=o=>(c==null?void 0:c.includes(u(o)))??!1;return r.jsxRuntimeExports.jsx("div",{className:C.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:x.map((o,m)=>r.jsxRuntimeExports.jsx(T.Button,{"data-index":m,ref:q=>j(m,q),className:"w-full text-start outline-none",onHoverChange:q=>{w(q,m)},onPress:()=>a(o),onKeyDown:q=>k(q),isDisabled:i(o),children:r.jsxRuntimeExports.jsx(K.SharedListItem,{item:o,state:{active:h===m,disabled:(c==null?void 0:c.includes(u(o)))??!1,selected:E(o)},selectRenderElements:p,hasSelection:!0})},u(o)))})},X=({direction:c,disabledItemIdKeys:u,getItemId:x,items:e,label:f,onMultiChange:p,onSingleChange:t,open:N,placement:h="bottom start",selectRenderElements:j,setOpenPopover:E,triggerRef:w,value:k})=>{var m,q;const[a,i]=l.useState((m=w.current)==null?void 0:m.offsetWidth),o=a??((q=w.current)==null?void 0:q.offsetWidth);return Z.default("resize",()=>{var y;i((y=w.current)==null?void 0:y.offsetWidth)}),r.jsxRuntimeExports.jsx(g.Popover,{className:"p-1",isOpen:N,triggerRef:w,onOpenChange:E,shouldUpdatePosition:!0,"aria-label":f,disablePadding:!0,placement:h,style:{width:o&&o>280?o+"px":"280px",direction:c},children:N?r.jsxRuntimeExports.jsx(er,{getItemId:x,items:e,onMultiChange:p,onSingleChange:t,selectRenderElements:j,setOpenPopover:E,value:k,disabledItemIdKeys:u}):null})},sr=({disableClearLogic:c,fullWidth:u,getLabel:x,isDisabled:e,isInvalid:f,onChange:p,placeholder:t,renderCustomElementInValueButton:N,selectRenderElements:h,setOpenPopover:j,value:E})=>{var a;const{inputField:w}=V.sharedInputStyles({}),k=i=>{(i.key==="Escape"||i.key==="Backspace")&&!c?p==null||p(void 0):i.key==="ArrowDown"&&(i.preventDefault(),j(!0))};return r.jsxRuntimeExports.jsxs(T.Button,{className:({isFocused:i,isHovered:o})=>w({fullWidth:u,isDisabled:e,isHovered:o,isFocused:i,isInvalid:f,hasEndSlot:!0,className:_.clsx(o&&!f&&!e&&!i?"border-hover":"","min-h-8")}),isDisabled:e,onKeyDown:k,onPress:()=>{j(!0)},children:[r.jsxRuntimeExports.jsxs("div",{className:"flex grow text-start",children:[N&&E?(a=h(E))==null?void 0:a.customElement:null,E?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:x(E)}):r.jsxRuntimeExports.jsx(J.Text,{color:"secondary",children:t})]}),r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E&&!c&&!e?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsx("div",{className:"text-secondary",role:"button",onClick:i=>{i.stopPropagation(),p==null||p(void 0)},children:r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"clear"})})}):null,r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down"})]})]})},tr=({fullWidth:c,getItemId:u,getLabel:x,isDisabled:e,isInvalid:f,label:p,onChange:t,placeholder:N,setOpenPopover:h,value:j})=>{const{inputField:E}=V.sharedInputStyles({}),w=l.useCallback(a=>{j&&t(j.filter(i=>{const o=u(i);return!a.has(o)}))},[u,t,j]),k=a=>{(a.key==="ArrowDown"||a.key==="Enter"||a.key===" ")&&(a.preventDefault(),h(!0))};return r.jsxRuntimeExports.jsx(T.Group,{children:({isFocusWithin:a})=>r.jsxRuntimeExports.jsx(T.Button,{className:({isFocused:i,isHovered:o})=>E({fullWidth:c,isDisabled:e,isHovered:o,isFocused:i||a,isInvalid:f,hasEndSlot:!0,className:_.clsx(o&&!f&&!e&&!i?"border-hover":"","items-start","py-[0.4375rem]")}),onKeyDown:i=>k(i),onPress:()=>h(!0),isDisabled:e,children:r.jsxRuntimeExports.jsxs("div",{className:"flex w-full outline-none",children:[r.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:j&&j.length?r.jsxRuntimeExports.jsx(U.InputTagGroup,{label:p??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:e?void 0:w,children:j.map(i=>r.jsxRuntimeExports.jsx(U.InputTag,{id:u(i),isDisabled:e,children:x(i)},u(i)))}):r.jsxRuntimeExports.jsx(J.Text,{color:"secondary",children:N})}),r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-4"})]})})})},Y=({getItemId:c,name:u,value:x})=>u?Array.isArray(x)?x.map(e=>r.jsxRuntimeExports.jsx("input",{type:"hidden",name:u,value:c(e)},c(e))):x?r.jsxRuntimeExports.jsx("input",{type:"hidden",name:u,value:c(x)}):null:null,nr=({defaultValue:c,description:u,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:t,getLabel:N,hideHintLabel:h,hideInputFooter:j,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:i,label:o,name:m,onChange:q,placeholder:y,placement:v,renderCustomElementInValueButton:s,selectRenderElements:n,value:S})=>{const{isDisabled:R}=l.useContext($.FieldGroupContext),[F,D]=l.useState(!1),H=w||R,[d,G]=l.useState(S??c),{wrapper:O}=V.sharedInputStyles({}),L=l.useRef(null),{direction:M}=Q.useLocale(),P=l.useCallback(b=>{G(b),q==null||q(b),D(!1)},[q]);l.useEffect(()=>{G(S??c)},[c,S]);const A=S??d;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(Y,{name:m,value:A,getItemId:t}),r.jsxRuntimeExports.jsxs("div",{className:O({fullWidth:p}),children:[r.jsxRuntimeExports.jsx(z.InputHeader,{label:o,hideHintLabel:h,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:L,children:r.jsxRuntimeExports.jsx(sr,{fullWidth:p,isDisabled:H,disableClearLogic:x,isInvalid:k,placeholder:y,value:A,getLabel:N,getItemId:t,label:o,onChange:P,setOpenPopover:D,renderCustomElementInValueButton:s,selectRenderElements:n})}),r.jsxRuntimeExports.jsx(B.InputFooter,{description:u,errorMessage:f,hideInputFooter:j})]}),r.jsxRuntimeExports.jsx(X,{triggerRef:L,label:`${o} options`,getItemId:t,selectRenderElements:n,items:i,open:F,disabledItemIdKeys:e,direction:M,setOpenPopover:D,onSingleChange:P,value:A,placement:v})]})},ur=({defaultValue:c,description:u,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:t,getLabel:N,hideHintLabel:h,hideInputFooter:j,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:i,label:o,name:m,onChange:q,placeholder:y,placement:v,selectRenderElements:s,value:n})=>{const{isDisabled:S}=l.useContext($.FieldGroupContext),R=w||S,[F,D]=l.useState(!1),[H,d]=l.useState(n??c),G=l.useRef(null),{direction:O}=Q.useLocale(),{wrapper:L}=V.sharedInputStyles({}),M=l.useCallback(A=>{d(A),q==null||q(A)},[q]);l.useEffect(()=>{d(n??c)},[c,n]);const P=n??H;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(Y,{name:m,value:P,getItemId:t}),r.jsxRuntimeExports.jsxs("div",{className:L({fullWidth:p}),children:[r.jsxRuntimeExports.jsx(z.InputHeader,{label:o,hideHintLabel:h,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:G,children:r.jsxRuntimeExports.jsx(tr,{fullWidth:p,isDisabled:R,isInvalid:k,placeholder:y,value:P,onChange:M,getItemId:t,getLabel:N,label:o,disableClearLogic:x,setOpenPopover:D,selectRenderElements:s})}),r.jsxRuntimeExports.jsx(B.InputFooter,{description:u,errorMessage:f,hideInputFooter:j})]}),r.jsxRuntimeExports.jsx(X,{label:`${o} options`,triggerRef:G,items:i,open:F,getItemId:t,selectRenderElements:s,disabledItemIdKeys:e,direction:O,setOpenPopover:D,onMultiChange:M,placement:v,value:P})]})};exports.MultiSelect=ur;exports.Select=nr;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),i=require("react"),U=require("./lyra89.cjs"),Z=require("./lyra450.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const Q=require("./lyra65.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const b=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra95.cjs");require("./lyra80.cjs");require("./lyra452.cjs");const C=require("./lyra38.cjs"),K=require("./lyra39.cjs"),_=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const sr=require("./lyra597.cjs"),tr=require("./lyra453.cjs"),nr=require("./lyra454.cjs"),ur=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const g=require("./lyra73.cjs");require("./lyra74.cjs");const Y=require("./lyra455.cjs");require("./lyra456.cjs");const H=require("./lyra610.cjs");require("react-dom");const or=require("./lyra84.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");const I=require("./lyra88.cjs"),ir=({closePopover:c,disabledItemIdKeys:t,filteredItems:x,getItemId:e,onMultiChange:j,onSingleChange:p,value:u})=>{const k=i.useMemo(()=>{if(Array.isArray(u))return u.length?x.findIndex(n=>e(n)===e(u[0])):0;if(u)return x.findIndex(n=>e(n)===e(u))},[x,e,u]),[R,a]=i.useState(k??0),E=i.useCallback(n=>{if(Number.isInteger(n)){for(let l=n-1;l>=0;l--)if(!(t!=null&&t.includes(e(x[l]))))return Math.max(l,0)}return-1},[t,x,e]),N=i.useCallback(n=>{if(Number.isInteger(n)){for(let l=n+1;l<x.length;l++)if(!(t!=null&&t.includes(e(x[l]))))return Math.min(x.length-1,l)}return-1},[t,x,e]),S=i.useRef([]),m=i.useCallback((n,l)=>{l&&(S.current[n]=l)},[]),o=i.useCallback(n=>{if(j){const l=u?[...u]:[],w=l.map(e),f=w!=null&&w.includes(e(n))?l.filter(v=>e(v)!==e(n)):[...l,n];j==null||j(f)}else p&&(p==null||p(n))},[e,j,p,u]),s=i.useCallback(n=>Array.isArray(u)?u.some(l=>e(l)===e(n)):u?e(u)===e(n):!1,[e,u]),h=or.useMousePosition(),q=i.useRef(void 0),y=i.useCallback(n=>{const l=R;if(n.key==="ArrowDown"){n.preventDefault();const w=N(l);if(w>=0){a(w),q.current=h;const f=S.current[w];f==null||f.scrollIntoView({block:"nearest"}),f==null||f.focus()}}else if(n.key==="ArrowUp"){n.preventDefault();const w=E(l);if(w>=0){a(w);const f=S.current[w];f==null||f.scrollIntoView({block:"nearest"}),f==null||f.focus(),q.current=h}}else n.key==="Escape"&&c()},[R,c,N,E,h]),d=i.useCallback((n,l)=>{n&&q.current!==h&&(a(l),q.current=h)},[h]);return i.useEffect(()=>{var n;(n=S.current)!=null&&n[R]&&S.current[R].focus()},[open]),{activeItem:R,assignRefOnIndex:m,getItemIsSelected:s,onKeyDown:y,onHoverChange:d,selectedItemIndex:k,toggleSelection:o}},cr=({disabledItemIdKeys:c,getItemId:t,items:x,onMultiChange:e,onSingleChange:j,selectRenderElements:p,setOpenPopover:u,value:k})=>{const{activeItem:R,assignRefOnIndex:a,getItemIsSelected:E,onHoverChange:N,onKeyDown:S,toggleSelection:m}=ir({closePopover:()=>u(!1),disabledItemIdKeys:c,filteredItems:x,getItemId:t,onMultiChange:e,onSingleChange:j,value:k}),o=s=>(c==null?void 0:c.includes(t(s)))??!1;return r.jsxRuntimeExports.jsx("div",{className:tr.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:x.map((s,h)=>r.jsxRuntimeExports.jsx(U.Button,{"data-index":h,ref:q=>a(h,q),className:"w-full text-start outline-none",onHoverChange:q=>{N(q,h)},onPress:()=>m(s),onKeyDown:q=>S(q),isDisabled:o(s),children:r.jsxRuntimeExports.jsx(nr.SharedListItem,{item:s,state:{active:R===h,disabled:(c==null?void 0:c.includes(t(s)))??!1,selected:E(s)},selectRenderElements:p,hasSelection:!0})},t(s)))})},rr=({direction:c,disabledItemIdKeys:t,getItemId:x,items:e,label:j,onMultiChange:p,onSingleChange:u,open:k,placement:R="bottom start",selectRenderElements:a,setOpenPopover:E,triggerRef:N,value:S})=>{var h,q;const[m,o]=i.useState((h=N.current)==null?void 0:h.offsetWidth),s=m??((q=N.current)==null?void 0:q.offsetWidth);return sr.default("resize",()=>{var y;o((y=N.current)==null?void 0:y.offsetWidth)}),r.jsxRuntimeExports.jsx(ur.Popover,{className:"p-1",isOpen:k,triggerRef:N,onOpenChange:E,shouldUpdatePosition:!0,"aria-label":j,disablePadding:!0,placement:R,style:{width:s&&s>280?s+"px":"280px",direction:c},children:k?r.jsxRuntimeExports.jsx(cr,{getItemId:x,items:e,onMultiChange:p,onSingleChange:u,selectRenderElements:a,setOpenPopover:E,value:S,disabledItemIdKeys:t}):null})},xr=({disableClearLogic:c,fullWidth:t,getLabel:x,isDisabled:e,isInvalid:j,onChange:p,placeholder:u,renderCustomElementInValueButton:k,selectRenderElements:R,setOpenPopover:a,value:E})=>{var m;const{inputField:N}=_.sharedInputStyles({}),S=o=>{(o.key==="Escape"||o.key==="Backspace")&&!c?p==null||p(void 0):o.key==="ArrowDown"&&(o.preventDefault(),a(!0))};return r.jsxRuntimeExports.jsxs(U.Button,{className:({isFocused:o,isHovered:s})=>N({fullWidth:t,isDisabled:e,isHovered:s,isFocused:o,isInvalid:j,hasEndSlot:!0,className:Z.clsx(s&&!j&&!e&&!o?"border-hover":"","min-h-8")}),isDisabled:e,onKeyDown:S,onPress:()=>{a(!0)},children:[r.jsxRuntimeExports.jsxs("div",{className:"flex grow text-start",children:[k&&E?(m=R(E))==null?void 0:m.customElement:null,E?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:x(E)}):r.jsxRuntimeExports.jsx(g.Text,{color:"secondary",children:u})]}),r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E&&!c&&!e?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsx("div",{className:"text-secondary",role:"button",onClick:o=>{o.stopPropagation(),p==null||p(void 0)},children:r.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"clear"})})}):null,r.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"chevron-up-down"})]})]})},lr=({fullWidth:c,getItemId:t,getLabel:x,isDisabled:e,isInvalid:j,label:p,onChange:u,placeholder:k,setOpenPopover:R,value:a})=>{const{inputField:E}=_.sharedInputStyles({}),N=i.useCallback(m=>{a&&u(a.filter(o=>{const s=t(o);return!m.has(s)}))},[t,u,a]),S=m=>{(m.key==="ArrowDown"||m.key==="Enter"||m.key===" ")&&(m.preventDefault(),R(!0))};return r.jsxRuntimeExports.jsx(U.Group,{children:({isFocusWithin:m})=>r.jsxRuntimeExports.jsx(U.Button,{className:({isFocused:o,isHovered:s})=>E({fullWidth:c,isDisabled:e,isHovered:s,isFocused:o||m,isInvalid:j,hasEndSlot:!0,className:Z.clsx(s&&!j&&!e&&!o?"border-hover":"","items-start","py-[0.4375rem]")}),onKeyDown:o=>S(o),onPress:()=>R(!0),isDisabled:e,children:r.jsxRuntimeExports.jsxs("div",{className:"flex w-full outline-none",children:[r.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:a&&a.length?r.jsxRuntimeExports.jsx(Y.InputTagGroup,{label:p??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:e?void 0:N,children:a.map(o=>r.jsxRuntimeExports.jsx(Y.InputTag,{id:t(o),isDisabled:e,children:x(o)},t(o)))}):r.jsxRuntimeExports.jsx(g.Text,{color:"secondary",children:k})}),r.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-4"})]})})})},er=({getItemId:c,name:t,value:x})=>t?Array.isArray(x)?x.map(e=>r.jsxRuntimeExports.jsx("input",{type:"hidden",name:t,value:c(e)},c(e))):x?r.jsxRuntimeExports.jsx("input",{type:"hidden",name:t,value:c(x)}):null:null,pr=({defaultValue:c,description:t,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:j,fullWidth:p=!0,getItemId:u,getLabel:k,hideHintLabel:R,hideInputFooter:a,hideInputHeader:E,isDisabled:N,isInvalid:S,isRequired:m,items:o,label:s,name:h,onChange:q,outerEndSlot:y,outerStartSlot:d,placeholder:n,placement:l,renderCustomElementInValueButton:w,selectRenderElements:f,value:v})=>{const{isDisabled:$}=i.useContext(b.FieldGroupContext),[z,D]=i.useState(!1),B=N||$,[G,F]=i.useState(v??c),M=i.useMemo(()=>H.shouldRenderInputHeader({hideHintLabel:R,hideInputHeader:E,label:s}),[R,E,s]),T=i.useMemo(()=>H.shouldRenderInputFooter({description:t,errorMessage:j,hideInputFooter:a}),[t,j,a]),{outerSlot:W,outerSlotsWrapper:L,wrapper:J}=_.sharedInputStyles({hasInputHeader:M,hasLabel:!!s}),V=i.useRef(null),{direction:O}=I.useLocale(),P=i.useCallback(X=>{F(X),q==null||q(X),D(!1)},[q]);i.useEffect(()=>{F(v??c)},[c,v]);const A=v??G;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(er,{name:h,value:A,getItemId:u}),r.jsxRuntimeExports.jsxs("div",{className:L(),children:[d?r.jsxRuntimeExports.jsx("div",{className:W(),children:d}):null,r.jsxRuntimeExports.jsxs("div",{className:J({fullWidth:p}),children:[M?r.jsxRuntimeExports.jsx(C.InputHeader,{label:s,hideHintLabel:R,isRequired:m}):null,r.jsxRuntimeExports.jsx("div",{ref:V,children:r.jsxRuntimeExports.jsx(xr,{fullWidth:p,isDisabled:B,disableClearLogic:x,isInvalid:S,placeholder:n,value:A,getLabel:k,getItemId:u,label:s,onChange:P,setOpenPopover:D,renderCustomElementInValueButton:w,selectRenderElements:f})}),T?r.jsxRuntimeExports.jsx(K.InputFooter,{description:t,errorMessage:j}):null]}),y?r.jsxRuntimeExports.jsx("div",{className:W(),children:y}):null]}),r.jsxRuntimeExports.jsx(rr,{triggerRef:V,label:`${s} options`,getItemId:u,selectRenderElements:f,items:o,open:z,disabledItemIdKeys:e,direction:O,setOpenPopover:D,onSingleChange:P,value:A,placement:l})]})},jr=({defaultValue:c,description:t,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:j,fullWidth:p=!0,getItemId:u,getLabel:k,hideHintLabel:R,hideInputFooter:a,hideInputHeader:E,isDisabled:N,isInvalid:S,isRequired:m,items:o,label:s,name:h,onChange:q,outerEndSlot:y,outerStartSlot:d,placeholder:n,placement:l,selectRenderElements:w,value:f})=>{const{isDisabled:v}=i.useContext(b.FieldGroupContext),$=N||v,[z,D]=i.useState(!1),[B,G]=i.useState(f??c),F=i.useRef(null),{direction:M}=I.useLocale(),T=i.useMemo(()=>H.shouldRenderInputHeader({hideHintLabel:R,hideInputHeader:E,label:s}),[R,E,s]),W=i.useMemo(()=>H.shouldRenderInputFooter({description:t,errorMessage:j,hideInputFooter:a}),[t,j,a]),{outerSlot:L,outerSlotsWrapper:J,wrapper:V}=_.sharedInputStyles({hasInputHeader:T,hasLabel:!!s}),O=i.useCallback(A=>{G(A),q==null||q(A)},[q]);i.useEffect(()=>{G(f??c)},[c,f]);const P=f??B;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(er,{name:h,value:P,getItemId:u}),r.jsxRuntimeExports.jsxs("div",{className:J(),children:[d?r.jsxRuntimeExports.jsx("div",{className:L(),children:d}):null,r.jsxRuntimeExports.jsxs("div",{className:V({fullWidth:p}),children:[T?r.jsxRuntimeExports.jsx(C.InputHeader,{label:s,hideHintLabel:R,isRequired:m}):null,r.jsxRuntimeExports.jsx("div",{ref:F,children:r.jsxRuntimeExports.jsx(lr,{fullWidth:p,isDisabled:$,isInvalid:S,placeholder:n,value:P,onChange:O,getItemId:u,getLabel:k,label:s,disableClearLogic:x,setOpenPopover:D,selectRenderElements:w})}),W?r.jsxRuntimeExports.jsx(K.InputFooter,{description:t,errorMessage:j}):null]}),y?r.jsxRuntimeExports.jsx("div",{className:L(),children:y}):null]}),r.jsxRuntimeExports.jsx(rr,{label:`${s} options`,triggerRef:F,items:o,open:z,getItemId:u,selectRenderElements:w,disabledItemIdKeys:e,direction:M,setOpenPopover:D,onMultiChange:O,placement:l,value:P})]})};exports.MultiSelect=jr;exports.Select=pr;

package/dist/lyra36.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra36.cjs","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  KeyboardEvent,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Button as AriaButton, Group, Key } from \"react-aria-components\";\n\nimport clsx from \"clsx\";\n\nimport { useLocale, useMousePosition } from \"../../..\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { sharedListStyles } from \"../../lists/shared-list.styles\";\nimport { SharedListItem } from \"../../lists/shared-list-item\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport { MultiSelectProps, SelectItemsProps, SelectProps, ValueButton } from \"./select.types\";\n\ntype UseItemSelectionProps<T> = {\n  closePopover: () => void;\n  disabledItemIdKeys?: Key[];\n  filteredItems: T[];\n  getItemId: (item: T) => Key;\n  onMultiChange?: (value?: T[]) => void;\n  onSingleChange?: (value?: T) => void;\n  value?: T | T[];\n};\n\nconst useItemSelection = <T extends object>({\n  closePopover,\n  disabledItemIdKeys,\n  filteredItems,\n  getItemId,\n  onMultiChange,\n  onSingleChange,\n  value,\n}: UseItemSelectionProps<T>) => {\n  const selectedItemIndex = useMemo(() => {\n    if (Array.isArray(value)) {\n      if (value.length) {\n        return filteredItems.findIndex((item) => getItemId(item) === getItemId(value[0]));\n      } else {\n        return 0;\n      }\n    } else if (value) {\n      return filteredItems.findIndex((item) => getItemId(item) === getItemId(value));\n    }\n  }, [filteredItems, getItemId, value]);\n  // State that keeps track of the 'active' (focused but not really focused) item.\n  const [activeItem, setActiveItem] = useState(selectedItemIndex ?? 0);\n\n  const getPreviousItemIndex = useCallback(\n    (activeIndex?: number) => {\n      if (Number.isInteger(activeIndex)) {\n        for (let i = activeIndex! - 1; i >= 0; i--) {\n          if (!disabledItemIdKeys?.includes(getItemId(filteredItems[i]))) {\n            return Math.max(i, 0);\n          }\n        }\n      }\n      return -1;\n    },\n    [disabledItemIdKeys, filteredItems, getItemId],\n  );\n\n  const getNextItemIndex = useCallback(\n    (activeIndex?: number) => {\n      if (Number.isInteger(activeIndex)) {\n        for (let i = activeIndex! + 1; i < filteredItems.length; i++) {\n          if (!disabledItemIdKeys?.includes(getItemId(filteredItems[i]))) {\n            return Math.min(filteredItems.length - 1, i);\n          }\n        }\n      }\n      return -1;\n    },\n    [disabledItemIdKeys, filteredItems, getItemId],\n  );\n\n  const refs = useRef<HTMLButtonElement[]>([]);\n\n  const assignRefOnIndex = useCallback((index: number, el: HTMLButtonElement | null) => {\n    if (el) {\n      refs.current[index] = el;\n    }\n  }, []);\n\n  // Selects an item in the list and runs the appropriate change handler\n  const toggleSelection = useCallback(\n    (item: T) => {\n      if (onMultiChange) {\n        const currentValue = !value ? [] : [...(value as T[])];\n        const currentValueIds = currentValue.map(getItemId);\n        const newValue = currentValueIds?.includes(getItemId(item))\n          ? currentValue.filter((v) => getItemId(v) !== getItemId(item))\n          : [...currentValue, item];\n        onMultiChange?.(newValue);\n      } else if (onSingleChange) {\n        onSingleChange?.(item);\n      }\n    },\n    [getItemId, onMultiChange, onSingleChange, value],\n  );\n\n  const getItemIsSelected = useCallback(\n    (item: T) => {\n      if (Array.isArray(value)) {\n        return value.some((subValue) => getItemId(subValue) === getItemId(item));\n      } else {\n        return value ? getItemId(value) === getItemId(item) : false;\n      }\n    },\n    [getItemId, value],\n  );\n\n  const mousePosition = useMousePosition();\n  const previousMousePosition = useRef<string | undefined>(undefined);\n\n  // Handles keyboard navigation on buttons\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const currentActiveIndex = activeItem;\n\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        const safeNextIndex = getNextItemIndex(currentActiveIndex);\n\n        if (safeNextIndex >= 0) {\n          setActiveItem(safeNextIndex);\n          previousMousePosition.current = mousePosition;\n          const nextButtonRef = refs.current[safeNextIndex];\n          nextButtonRef?.scrollIntoView({ block: \"nearest\" });\n          nextButtonRef?.focus();\n        }\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        const safePreviousIndex = getPreviousItemIndex(currentActiveIndex);\n\n        if (safePreviousIndex >= 0) {\n          setActiveItem(safePreviousIndex);\n          const previousButtonRef = refs.current[safePreviousIndex];\n          previousButtonRef?.scrollIntoView({ block: \"nearest\" });\n          previousButtonRef?.focus();\n          previousMousePosition.current = mousePosition;\n        }\n      } else if (e.key === \"Escape\") {\n        closePopover();\n      }\n    },\n    [activeItem, closePopover, getNextItemIndex, getPreviousItemIndex, mousePosition],\n  );\n\n  // Handles onHoverChange event for the buttons\n  const onHoverChange = useCallback(\n    (isHovering: boolean, index: number) => {\n      if (isHovering && previousMousePosition.current !== mousePosition) {\n        setActiveItem(index);\n        previousMousePosition.current = mousePosition;\n      }\n    },\n    [mousePosition],\n  );\n\n  // Scroll the active item into view when the popover opens\n  useEffect(() => {\n    if (refs.current?.[activeItem]) {\n      refs.current[activeItem].focus();\n    }\n    // We want this to run everytime the popover opens.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  return {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onKeyDown,\n    onHoverChange,\n    selectedItemIndex,\n    toggleSelection,\n  };\n};\n\nconst ItemsList = <T extends object>({\n  disabledItemIdKeys,\n  getItemId,\n  items,\n  onMultiChange,\n  onSingleChange,\n  selectRenderElements,\n  setOpenPopover,\n  value,\n}: Pick<\n  SelectItemsProps<T>,\n  | \"disabledItemIdKeys\"\n  | \"getItemId\"\n  | \"items\"\n  | \"onMultiChange\"\n  | \"onSingleChange\"\n  | \"selectRenderElements\"\n  | \"setOpenPopover\"\n  | \"value\"\n>) => {\n  const {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onHoverChange,\n    onKeyDown,\n    toggleSelection,\n  } = useItemSelection({\n    closePopover: () => setOpenPopover(false),\n    disabledItemIdKeys,\n    filteredItems: items,\n    getItemId,\n    onMultiChange,\n    onSingleChange,\n    value,\n  });\n\n  const itemIsDisabled = (item: T) => {\n    return disabledItemIdKeys?.includes(getItemId(item)) ?? false;\n  };\n\n  return (\n    <div\n      className={sharedListStyles({\n        className: \"h-full max-h-72 overflow-auto\",\n      })}\n    >\n      {items.map((item, index) => (\n        <AriaButton\n          data-index={index}\n          key={getItemId(item)}\n          ref={(el) => assignRefOnIndex(index, el)}\n          className=\"w-full text-start outline-none\"\n          onHoverChange={(isHovering) => {\n            onHoverChange(isHovering, index);\n          }}\n          onPress={() => toggleSelection(item)}\n          onKeyDown={(e) => onKeyDown(e)}\n          isDisabled={itemIsDisabled(item)}\n        >\n          <SharedListItem\n            item={item}\n            state={{\n              active: activeItem === index,\n              disabled: disabledItemIdKeys?.includes(getItemId(item)) ?? false,\n              selected: getItemIsSelected(item),\n            }}\n            selectRenderElements={selectRenderElements}\n            hasSelection\n          />\n        </AriaButton>\n      ))}\n    </div>\n  );\n};\n\n/**\n * Renders the options for the select component.\n *\n */\nconst SelectItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  getItemId,\n  items,\n  label,\n  onMultiChange,\n  onSingleChange,\n  open,\n  placement = \"bottom start\",\n  selectRenderElements,\n  setOpenPopover,\n  triggerRef,\n  value,\n}: SelectItemsProps<T>) => {\n  const [triggerRefWidth, setTriggerRefWidth] = useState<number | undefined>(\n    triggerRef.current?.offsetWidth,\n  );\n  const triggerWidth = triggerRefWidth ?? triggerRef.current?.offsetWidth;\n\n  useEventListener(\"resize\", () => {\n    setTriggerRefWidth(triggerRef.current?.offsetWidth);\n  });\n\n  return (\n    <Popover\n      className=\"p-1\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      onOpenChange={setOpenPopover}\n      shouldUpdatePosition\n      aria-label={label}\n      disablePadding\n      placement={placement}\n      style={\n        {\n          width: triggerWidth && triggerWidth > 280 ? triggerWidth + \"px\" : \"280px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {open ? (\n        <ItemsList\n          getItemId={getItemId}\n          items={items}\n          onMultiChange={onMultiChange}\n          onSingleChange={onSingleChange}\n          selectRenderElements={selectRenderElements}\n          setOpenPopover={setOpenPopover}\n          value={value}\n          disabledItemIdKeys={disabledItemIdKeys}\n        />\n      ) : null}\n    </Popover>\n  );\n};\n\n/**\n * Renders a single value button for a select input.\n *\n */\nconst SingleValueButton = <T extends object>({\n  disableClearLogic,\n  fullWidth,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  onChange,\n  placeholder,\n  renderCustomElementInValueButton,\n  selectRenderElements,\n  setOpenPopover,\n  value,\n}: Omit<ValueButton<T>, \"onChange\"> & {\n  onChange: (newValue?: T) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({});\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if ((e.key === \"Escape\" || e.key === \"Backspace\") && !disableClearLogic) {\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      setOpenPopover(true);\n    }\n  };\n\n  return (\n    <AriaButton\n      className={({ isFocused, isHovered }) =>\n        inputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          hasEndSlot: true,\n          className: clsx(\n            isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n            \"min-h-8\",\n          ),\n        })\n      }\n      isDisabled={isDisabled}\n      onKeyDown={onKeyDown}\n      onPress={() => {\n        setOpenPopover(true);\n      }}\n    >\n      <div className=\"flex grow text-start\">\n        {renderCustomElementInValueButton && value\n          ? selectRenderElements(value)?.customElement\n          : null}\n        {value ? <>{getLabel(value)}</> : <Text color=\"secondary\">{placeholder}</Text>}\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {value && !disableClearLogic && !isDisabled ? (\n          <>\n            <div\n              className=\"text-secondary\"\n              role=\"button\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n            >\n              <SvgIcon name=\"clear\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon name=\"chevron-up-down\" />\n      </div>\n    </AriaButton>\n  );\n};\n\n/**\n * Renders a button component for selecting multiple values.\n *\n */\nconst MultipleValuesButton = <T extends object>({\n  fullWidth,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  label,\n  onChange,\n  placeholder,\n  setOpenPopover,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({});\n\n  const onRemove = useCallback(\n    (keys: Set<Key>) => {\n      value &&\n        onChange(\n          value.filter((item) => {\n            const itemId = getItemId(item);\n            return !keys.has(itemId);\n          }),\n        );\n    },\n    [getItemId, onChange, value],\n  );\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      setOpenPopover(true);\n    }\n  };\n\n  return (\n    <Group>\n      {({ isFocusWithin }) => (\n        <AriaButton\n          className={({ isFocused, isHovered }) =>\n            inputFieldStyles({\n              fullWidth,\n              isDisabled,\n              isHovered,\n              isFocused: isFocused || isFocusWithin,\n              isInvalid,\n              hasEndSlot: true,\n              className: clsx(\n                isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n                \"items-start\",\n                \"py-[0.4375rem]\",\n              ),\n            })\n          }\n          onKeyDown={(e) => onKeyDown(e)}\n          onPress={() => setOpenPopover(true)}\n          isDisabled={isDisabled}\n        >\n          <div className=\"flex w-full outline-none\">\n            <div className=\"grow text-left\">\n              {value && value.length ? (\n                <InputTagGroup<T>\n                  label={label ?? \"Selected items\"}\n                  className=\"-m-1.5 -mt-[0.3125rem]\"\n                  onRemove={isDisabled ? undefined : onRemove}\n                >\n                  {value.map((item) => (\n                    <InputTag key={getItemId(item)} id={getItemId(item)} isDisabled={isDisabled}>\n                      {getLabel(item)}\n                    </InputTag>\n                  ))}\n                </InputTagGroup>\n              ) : (\n                <Text color=\"secondary\">{placeholder}</Text>\n              )}\n            </div>\n            <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4 min-w-4\" />\n          </div>\n        </AriaButton>\n      )}\n    </Group>\n  );\n};\n\nconst UncontrolledInputs = <T extends object>({\n  getItemId,\n  name,\n  value,\n}: {\n  name?: string;\n  value?: T | T[];\n  getItemId: (item: T) => Key;\n}) => {\n  if (name) {\n    if (Array.isArray(value)) {\n      return value.map((v) => (\n        <input key={getItemId(v)} type=\"hidden\" name={name} value={getItemId(v)} />\n      ));\n    } else if (value) {\n      return <input type=\"hidden\" name={name} value={getItemId(value)} />;\n    } else {\n      return null;\n    }\n  }\n  return null;\n};\n\n/**\n * Renders a select input component.\n *\n */\nexport const Select = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  placeholder,\n  placement,\n  renderCustomElementInValueButton,\n  selectRenderElements,\n  value,\n}: SelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const [open, setOpenPopover] = useState(false);\n  const disabled = isDisabled || fieldGroupIsDisabled;\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const { wrapper } = sharedInputStyles({});\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      setOpenPopover(false);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={wrapper({ fullWidth })}>\n        <InputHeader\n          label={label}\n          hideHintLabel={hideHintLabel}\n          hideInputHeader={hideInputHeader}\n          isRequired={isRequired}\n        />\n        <div ref={triggerRef}>\n          <SingleValueButton\n            fullWidth={fullWidth}\n            isDisabled={disabled}\n            disableClearLogic={disableClearLogic}\n            isInvalid={isInvalid}\n            placeholder={placeholder}\n            value={selectedValue}\n            getLabel={getLabel}\n            getItemId={getItemId}\n            label={label}\n            onChange={onSingleChange}\n            setOpenPopover={setOpenPopover}\n            renderCustomElementInValueButton={renderCustomElementInValueButton}\n            selectRenderElements={selectRenderElements}\n          />\n        </div>\n        <InputFooter\n          description={description}\n          errorMessage={errorMessage}\n          hideInputFooter={hideInputFooter}\n        />\n      </div>\n      <SelectItems<T>\n        triggerRef={triggerRef}\n        label={`${label} options`}\n        getItemId={getItemId}\n        selectRenderElements={selectRenderElements}\n        items={items}\n        open={open}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        setOpenPopover={setOpenPopover}\n        onSingleChange={onSingleChange}\n        value={selectedValue}\n        placement={placement}\n      />\n    </div>\n  );\n};\n\nexport const MultiSelect = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  placeholder,\n  placement,\n  selectRenderElements,\n  value,\n}: MultiSelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const disabled = isDisabled || fieldGroupIsDisabled;\n  const [open, setOpenPopover] = useState(false);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({});\n\n  const onMultipleChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={wrapper({ fullWidth })}>\n        <InputHeader\n          label={label}\n          hideHintLabel={hideHintLabel}\n          hideInputHeader={hideInputHeader}\n          isRequired={isRequired}\n        />\n        <div ref={triggerRef}>\n          <MultipleValuesButton\n            fullWidth={fullWidth}\n            isDisabled={disabled}\n            isInvalid={isInvalid}\n            placeholder={placeholder}\n            value={selectedValue}\n            onChange={onMultipleChange}\n            getItemId={getItemId}\n            getLabel={getLabel}\n            label={label}\n            disableClearLogic={disableClearLogic}\n            setOpenPopover={setOpenPopover}\n            selectRenderElements={selectRenderElements}\n          />\n        </div>\n        <InputFooter\n          description={description}\n          errorMessage={errorMessage}\n          hideInputFooter={hideInputFooter}\n        />\n      </div>\n      <SelectItems<T>\n        label={`${label} options`}\n        triggerRef={triggerRef}\n        items={items}\n        open={open}\n        getItemId={getItemId}\n        selectRenderElements={selectRenderElements}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        setOpenPopover={setOpenPopover}\n        onMultiChange={onMultipleChange}\n        placement={placement}\n        value={selectedValue}\n      />\n    </div>\n  );\n};\n"],"names":["useItemSelection","closePopover","disabledItemIdKeys","filteredItems","getItemId","onMultiChange","onSingleChange","value","selectedItemIndex","useMemo","item","activeItem","setActiveItem","useState","getPreviousItemIndex","useCallback","activeIndex","i","getNextItemIndex","refs","useRef","assignRefOnIndex","index","el","toggleSelection","currentValue","currentValueIds","newValue","v","getItemIsSelected","subValue","mousePosition","useMousePosition","previousMousePosition","onKeyDown","e","currentActiveIndex","safeNextIndex","nextButtonRef","safePreviousIndex","previousButtonRef","onHoverChange","isHovering","useEffect","_a","ItemsList","items","selectRenderElements","setOpenPopover","itemIsDisabled","jsx","sharedListStyles","AriaButton","SharedListItem","SelectItems","direction","label","open","placement","triggerRef","triggerRefWidth","setTriggerRefWidth","triggerWidth","_b","useEventListener","Popover","SingleValueButton","disableClearLogic","fullWidth","getLabel","isDisabled","isInvalid","onChange","placeholder","renderCustomElementInValueButton","inputFieldStyles","sharedInputStyles","jsxs","isFocused","isHovered","clsx","Fragment","Text","SvgIcon","MultipleValuesButton","onRemove","keys","itemId","Group","isFocusWithin","InputTagGroup","InputTag","UncontrolledInputs","name","Select","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","fieldGroupIsDisabled","useContext","FieldGroupContext","disabled","internalValue","setInternalValue","wrapper","useLocale","selectedValue","InputHeader","InputFooter","MultiSelect","onMultipleChange"],"mappings":"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"}
+{"version":3,"file":"lyra36.cjs","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  KeyboardEvent,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Button as AriaButton, Group, Key } from \"react-aria-components\";\n\nimport clsx from \"clsx\";\n\nimport { useLocale, useMousePosition } from \"../../..\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { sharedListStyles } from \"../../lists/shared-list.styles\";\nimport { SharedListItem } from \"../../lists/shared-list-item\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\n\nimport { MultiSelectProps, SelectItemsProps, SelectProps, ValueButton } from \"./select.types\";\n\ntype UseItemSelectionProps<T> = {\n  closePopover: () => void;\n  disabledItemIdKeys?: Key[];\n  filteredItems: T[];\n  getItemId: (item: T) => Key;\n  onMultiChange?: (value?: T[]) => void;\n  onSingleChange?: (value?: T) => void;\n  value?: T | T[];\n};\n\nconst useItemSelection = <T extends object>({\n  closePopover,\n  disabledItemIdKeys,\n  filteredItems,\n  getItemId,\n  onMultiChange,\n  onSingleChange,\n  value,\n}: UseItemSelectionProps<T>) => {\n  const selectedItemIndex = useMemo(() => {\n    if (Array.isArray(value)) {\n      if (value.length) {\n        return filteredItems.findIndex((item) => getItemId(item) === getItemId(value[0]));\n      } else {\n        return 0;\n      }\n    } else if (value) {\n      return filteredItems.findIndex((item) => getItemId(item) === getItemId(value));\n    }\n  }, [filteredItems, getItemId, value]);\n  // State that keeps track of the 'active' (focused but not really focused) item.\n  const [activeItem, setActiveItem] = useState(selectedItemIndex ?? 0);\n\n  const getPreviousItemIndex = useCallback(\n    (activeIndex?: number) => {\n      if (Number.isInteger(activeIndex)) {\n        for (let i = activeIndex! - 1; i >= 0; i--) {\n          if (!disabledItemIdKeys?.includes(getItemId(filteredItems[i]))) {\n            return Math.max(i, 0);\n          }\n        }\n      }\n      return -1;\n    },\n    [disabledItemIdKeys, filteredItems, getItemId],\n  );\n\n  const getNextItemIndex = useCallback(\n    (activeIndex?: number) => {\n      if (Number.isInteger(activeIndex)) {\n        for (let i = activeIndex! + 1; i < filteredItems.length; i++) {\n          if (!disabledItemIdKeys?.includes(getItemId(filteredItems[i]))) {\n            return Math.min(filteredItems.length - 1, i);\n          }\n        }\n      }\n      return -1;\n    },\n    [disabledItemIdKeys, filteredItems, getItemId],\n  );\n\n  const refs = useRef<HTMLButtonElement[]>([]);\n\n  const assignRefOnIndex = useCallback((index: number, el: HTMLButtonElement | null) => {\n    if (el) {\n      refs.current[index] = el;\n    }\n  }, []);\n\n  // Selects an item in the list and runs the appropriate change handler\n  const toggleSelection = useCallback(\n    (item: T) => {\n      if (onMultiChange) {\n        const currentValue = !value ? [] : [...(value as T[])];\n        const currentValueIds = currentValue.map(getItemId);\n        const newValue = currentValueIds?.includes(getItemId(item))\n          ? currentValue.filter((v) => getItemId(v) !== getItemId(item))\n          : [...currentValue, item];\n        onMultiChange?.(newValue);\n      } else if (onSingleChange) {\n        onSingleChange?.(item);\n      }\n    },\n    [getItemId, onMultiChange, onSingleChange, value],\n  );\n\n  const getItemIsSelected = useCallback(\n    (item: T) => {\n      if (Array.isArray(value)) {\n        return value.some((subValue) => getItemId(subValue) === getItemId(item));\n      } else {\n        return value ? getItemId(value) === getItemId(item) : false;\n      }\n    },\n    [getItemId, value],\n  );\n\n  const mousePosition = useMousePosition();\n  const previousMousePosition = useRef<string | undefined>(undefined);\n\n  // Handles keyboard navigation on buttons\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const currentActiveIndex = activeItem;\n\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        const safeNextIndex = getNextItemIndex(currentActiveIndex);\n\n        if (safeNextIndex >= 0) {\n          setActiveItem(safeNextIndex);\n          previousMousePosition.current = mousePosition;\n          const nextButtonRef = refs.current[safeNextIndex];\n          nextButtonRef?.scrollIntoView({ block: \"nearest\" });\n          nextButtonRef?.focus();\n        }\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        const safePreviousIndex = getPreviousItemIndex(currentActiveIndex);\n\n        if (safePreviousIndex >= 0) {\n          setActiveItem(safePreviousIndex);\n          const previousButtonRef = refs.current[safePreviousIndex];\n          previousButtonRef?.scrollIntoView({ block: \"nearest\" });\n          previousButtonRef?.focus();\n          previousMousePosition.current = mousePosition;\n        }\n      } else if (e.key === \"Escape\") {\n        closePopover();\n      }\n    },\n    [activeItem, closePopover, getNextItemIndex, getPreviousItemIndex, mousePosition],\n  );\n\n  // Handles onHoverChange event for the buttons\n  const onHoverChange = useCallback(\n    (isHovering: boolean, index: number) => {\n      if (isHovering && previousMousePosition.current !== mousePosition) {\n        setActiveItem(index);\n        previousMousePosition.current = mousePosition;\n      }\n    },\n    [mousePosition],\n  );\n\n  // Scroll the active item into view when the popover opens\n  useEffect(() => {\n    if (refs.current?.[activeItem]) {\n      refs.current[activeItem].focus();\n    }\n    // We want this to run everytime the popover opens.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  return {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onKeyDown,\n    onHoverChange,\n    selectedItemIndex,\n    toggleSelection,\n  };\n};\n\nconst ItemsList = <T extends object>({\n  disabledItemIdKeys,\n  getItemId,\n  items,\n  onMultiChange,\n  onSingleChange,\n  selectRenderElements,\n  setOpenPopover,\n  value,\n}: Pick<\n  SelectItemsProps<T>,\n  | \"disabledItemIdKeys\"\n  | \"getItemId\"\n  | \"items\"\n  | \"onMultiChange\"\n  | \"onSingleChange\"\n  | \"selectRenderElements\"\n  | \"setOpenPopover\"\n  | \"value\"\n>) => {\n  const {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onHoverChange,\n    onKeyDown,\n    toggleSelection,\n  } = useItemSelection({\n    closePopover: () => setOpenPopover(false),\n    disabledItemIdKeys,\n    filteredItems: items,\n    getItemId,\n    onMultiChange,\n    onSingleChange,\n    value,\n  });\n\n  const itemIsDisabled = (item: T) => {\n    return disabledItemIdKeys?.includes(getItemId(item)) ?? false;\n  };\n\n  return (\n    <div\n      className={sharedListStyles({\n        className: \"h-full max-h-72 overflow-auto\",\n      })}\n    >\n      {items.map((item, index) => (\n        <AriaButton\n          data-index={index}\n          key={getItemId(item)}\n          ref={(el) => assignRefOnIndex(index, el)}\n          className=\"w-full text-start outline-none\"\n          onHoverChange={(isHovering) => {\n            onHoverChange(isHovering, index);\n          }}\n          onPress={() => toggleSelection(item)}\n          onKeyDown={(e) => onKeyDown(e)}\n          isDisabled={itemIsDisabled(item)}\n        >\n          <SharedListItem\n            item={item}\n            state={{\n              active: activeItem === index,\n              disabled: disabledItemIdKeys?.includes(getItemId(item)) ?? false,\n              selected: getItemIsSelected(item),\n            }}\n            selectRenderElements={selectRenderElements}\n            hasSelection\n          />\n        </AriaButton>\n      ))}\n    </div>\n  );\n};\n\n/**\n * Renders the options for the select component.\n *\n */\nconst SelectItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  getItemId,\n  items,\n  label,\n  onMultiChange,\n  onSingleChange,\n  open,\n  placement = \"bottom start\",\n  selectRenderElements,\n  setOpenPopover,\n  triggerRef,\n  value,\n}: SelectItemsProps<T>) => {\n  const [triggerRefWidth, setTriggerRefWidth] = useState<number | undefined>(\n    triggerRef.current?.offsetWidth,\n  );\n  const triggerWidth = triggerRefWidth ?? triggerRef.current?.offsetWidth;\n\n  useEventListener(\"resize\", () => {\n    setTriggerRefWidth(triggerRef.current?.offsetWidth);\n  });\n\n  return (\n    <Popover\n      className=\"p-1\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      onOpenChange={setOpenPopover}\n      shouldUpdatePosition\n      aria-label={label}\n      disablePadding\n      placement={placement}\n      style={\n        {\n          width: triggerWidth && triggerWidth > 280 ? triggerWidth + \"px\" : \"280px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {open ? (\n        <ItemsList\n          getItemId={getItemId}\n          items={items}\n          onMultiChange={onMultiChange}\n          onSingleChange={onSingleChange}\n          selectRenderElements={selectRenderElements}\n          setOpenPopover={setOpenPopover}\n          value={value}\n          disabledItemIdKeys={disabledItemIdKeys}\n        />\n      ) : null}\n    </Popover>\n  );\n};\n\n/**\n * Renders a single value button for a select input.\n *\n */\nconst SingleValueButton = <T extends object>({\n  disableClearLogic,\n  fullWidth,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  onChange,\n  placeholder,\n  renderCustomElementInValueButton,\n  selectRenderElements,\n  setOpenPopover,\n  value,\n}: Omit<ValueButton<T>, \"onChange\"> & {\n  onChange: (newValue?: T) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({});\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if ((e.key === \"Escape\" || e.key === \"Backspace\") && !disableClearLogic) {\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      setOpenPopover(true);\n    }\n  };\n\n  return (\n    <AriaButton\n      className={({ isFocused, isHovered }) =>\n        inputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          hasEndSlot: true,\n          className: clsx(\n            isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n            \"min-h-8\",\n          ),\n        })\n      }\n      isDisabled={isDisabled}\n      onKeyDown={onKeyDown}\n      onPress={() => {\n        setOpenPopover(true);\n      }}\n    >\n      <div className=\"flex grow text-start\">\n        {renderCustomElementInValueButton && value\n          ? selectRenderElements(value)?.customElement\n          : null}\n        {value ? <>{getLabel(value)}</> : <Text color=\"secondary\">{placeholder}</Text>}\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {value && !disableClearLogic && !isDisabled ? (\n          <>\n            <div\n              className=\"text-secondary\"\n              role=\"button\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n            >\n              <SvgIcon name=\"clear\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon name=\"chevron-up-down\" />\n      </div>\n    </AriaButton>\n  );\n};\n\n/**\n * Renders a button component for selecting multiple values.\n *\n */\nconst MultipleValuesButton = <T extends object>({\n  fullWidth,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  label,\n  onChange,\n  placeholder,\n  setOpenPopover,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({});\n\n  const onRemove = useCallback(\n    (keys: Set<Key>) => {\n      value &&\n        onChange(\n          value.filter((item) => {\n            const itemId = getItemId(item);\n            return !keys.has(itemId);\n          }),\n        );\n    },\n    [getItemId, onChange, value],\n  );\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      setOpenPopover(true);\n    }\n  };\n\n  return (\n    <Group>\n      {({ isFocusWithin }) => (\n        <AriaButton\n          className={({ isFocused, isHovered }) =>\n            inputFieldStyles({\n              fullWidth,\n              isDisabled,\n              isHovered,\n              isFocused: isFocused || isFocusWithin,\n              isInvalid,\n              hasEndSlot: true,\n              className: clsx(\n                isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n                \"items-start\",\n                \"py-[0.4375rem]\",\n              ),\n            })\n          }\n          onKeyDown={(e) => onKeyDown(e)}\n          onPress={() => setOpenPopover(true)}\n          isDisabled={isDisabled}\n        >\n          <div className=\"flex w-full outline-none\">\n            <div className=\"grow text-left\">\n              {value && value.length ? (\n                <InputTagGroup<T>\n                  label={label ?? \"Selected items\"}\n                  className=\"-m-1.5 -mt-[0.3125rem]\"\n                  onRemove={isDisabled ? undefined : onRemove}\n                >\n                  {value.map((item) => (\n                    <InputTag key={getItemId(item)} id={getItemId(item)} isDisabled={isDisabled}>\n                      {getLabel(item)}\n                    </InputTag>\n                  ))}\n                </InputTagGroup>\n              ) : (\n                <Text color=\"secondary\">{placeholder}</Text>\n              )}\n            </div>\n            <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4 min-w-4\" />\n          </div>\n        </AriaButton>\n      )}\n    </Group>\n  );\n};\n\nconst UncontrolledInputs = <T extends object>({\n  getItemId,\n  name,\n  value,\n}: {\n  name?: string;\n  value?: T | T[];\n  getItemId: (item: T) => Key;\n}) => {\n  if (name) {\n    if (Array.isArray(value)) {\n      return value.map((v) => (\n        <input key={getItemId(v)} type=\"hidden\" name={name} value={getItemId(v)} />\n      ));\n    } else if (value) {\n      return <input type=\"hidden\" name={name} value={getItemId(value)} />;\n    } else {\n      return null;\n    }\n  }\n  return null;\n};\n\n/**\n * Renders a select input component.\n *\n */\nexport const Select = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  outerEndSlot,\n  outerStartSlot,\n  placeholder,\n  placement,\n  renderCustomElementInValueButton,\n  selectRenderElements,\n  value,\n}: SelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const [open, setOpenPopover] = useState(false);\n  const disabled = isDisabled || fieldGroupIsDisabled;\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      setOpenPopover(false);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={outerSlotsWrapper()}>\n        {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n        <div className={wrapper({ fullWidth })}>\n          {hasInputHeader ? (\n            <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n          ) : null}\n          <div ref={triggerRef}>\n            <SingleValueButton\n              fullWidth={fullWidth}\n              isDisabled={disabled}\n              disableClearLogic={disableClearLogic}\n              isInvalid={isInvalid}\n              placeholder={placeholder}\n              value={selectedValue}\n              getLabel={getLabel}\n              getItemId={getItemId}\n              label={label}\n              onChange={onSingleChange}\n              setOpenPopover={setOpenPopover}\n              renderCustomElementInValueButton={renderCustomElementInValueButton}\n              selectRenderElements={selectRenderElements}\n            />\n          </div>\n          {hasInputFooter ? (\n            <InputFooter description={description} errorMessage={errorMessage} />\n          ) : null}\n        </div>\n        {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n      </div>\n      <SelectItems<T>\n        triggerRef={triggerRef}\n        label={`${label} options`}\n        getItemId={getItemId}\n        selectRenderElements={selectRenderElements}\n        items={items}\n        open={open}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        setOpenPopover={setOpenPopover}\n        onSingleChange={onSingleChange}\n        value={selectedValue}\n        placement={placement}\n      />\n    </div>\n  );\n};\n\nexport const MultiSelect = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  outerEndSlot,\n  outerStartSlot,\n  placeholder,\n  placement,\n  selectRenderElements,\n  value,\n}: MultiSelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const disabled = isDisabled || fieldGroupIsDisabled;\n  const [open, setOpenPopover] = useState(false);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  const onMultipleChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={outerSlotsWrapper()}>\n        {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n        <div className={wrapper({ fullWidth })}>\n          {hasInputHeader ? (\n            <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n          ) : null}\n          <div ref={triggerRef}>\n            <MultipleValuesButton\n              fullWidth={fullWidth}\n              isDisabled={disabled}\n              isInvalid={isInvalid}\n              placeholder={placeholder}\n              value={selectedValue}\n              onChange={onMultipleChange}\n              getItemId={getItemId}\n              getLabel={getLabel}\n              label={label}\n              disableClearLogic={disableClearLogic}\n              setOpenPopover={setOpenPopover}\n              selectRenderElements={selectRenderElements}\n            />\n          </div>\n          {hasInputFooter ? (\n            <InputFooter description={description} errorMessage={errorMessage} />\n          ) : null}\n        </div>\n        {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n      </div>\n      <SelectItems<T>\n        label={`${label} options`}\n        triggerRef={triggerRef}\n        items={items}\n        open={open}\n        getItemId={getItemId}\n        selectRenderElements={selectRenderElements}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        setOpenPopover={setOpenPopover}\n        onMultiChange={onMultipleChange}\n        placement={placement}\n        value={selectedValue}\n      />\n    </div>\n  );\n};\n"],"names":["useItemSelection","closePopover","disabledItemIdKeys","filteredItems","getItemId","onMultiChange","onSingleChange","value","selectedItemIndex","useMemo","item","activeItem","setActiveItem","useState","getPreviousItemIndex","useCallback","activeIndex","i","getNextItemIndex","refs","useRef","assignRefOnIndex","index","el","toggleSelection","currentValue","currentValueIds","newValue","getItemIsSelected","subValue","mousePosition","useMousePosition","previousMousePosition","onKeyDown","e","currentActiveIndex","safeNextIndex","nextButtonRef","safePreviousIndex","previousButtonRef","onHoverChange","isHovering","useEffect","_a","ItemsList","items","selectRenderElements","setOpenPopover","itemIsDisabled","jsx","sharedListStyles","AriaButton","SharedListItem","SelectItems","direction","label","open","placement","triggerRef","triggerRefWidth","setTriggerRefWidth","triggerWidth","_b","useEventListener","Popover","SingleValueButton","disableClearLogic","fullWidth","getLabel","isDisabled","isInvalid","onChange","placeholder","renderCustomElementInValueButton","inputFieldStyles","sharedInputStyles","jsxs","isFocused","isHovered","clsx","Fragment","Text","SvgIcon","MultipleValuesButton","onRemove","keys","itemId","Group","isFocusWithin","InputTagGroup","InputTag","UncontrolledInputs","name","v","Select","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","outerEndSlot","outerStartSlot","fieldGroupIsDisabled","useContext","FieldGroupContext","disabled","internalValue","setInternalValue","hasInputHeader","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","outerSlot","outerSlotsWrapper","wrapper","useLocale","selectedValue","InputHeader","InputFooter","MultiSelect","onMultipleChange"],"mappings":"otEAsCMA,GAAmB,CAAmB,CAC1C,aAAAC,EACA,mBAAAC,EACA,cAAAC,EACA,UAAAC,EACA,cAAAC,EACA,eAAAC,EACA,MAAAC,CACF,IAAgC,CACxB,MAAAC,EAAoBC,EAAAA,QAAQ,IAAM,CAClC,GAAA,MAAM,QAAQF,CAAK,EACrB,OAAIA,EAAM,OACDJ,EAAc,UAAWO,GAASN,EAAUM,CAAI,IAAMN,EAAUG,EAAM,CAAC,CAAC,CAAC,EAEzE,KAEAA,EACF,OAAAJ,EAAc,UAAWO,GAASN,EAAUM,CAAI,IAAMN,EAAUG,CAAK,CAAC,CAE9E,EAAA,CAACJ,EAAeC,EAAWG,CAAK,CAAC,EAE9B,CAACI,EAAYC,CAAa,EAAIC,EAAAA,SAASL,GAAqB,CAAC,EAE7DM,EAAuBC,EAAA,YAC1BC,GAAyB,CACpB,GAAA,OAAO,UAAUA,CAAW,GAC9B,QAASC,EAAID,EAAe,EAAGC,GAAK,EAAGA,IACjC,GAAA,EAACf,GAAA,MAAAA,EAAoB,SAASE,EAAUD,EAAcc,CAAC,CAAC,IACnD,OAAA,KAAK,IAAIA,EAAG,CAAC,EAInB,MAAA,EACT,EACA,CAACf,EAAoBC,EAAeC,CAAS,CAAA,EAGzCc,EAAmBH,EAAA,YACtBC,GAAyB,CACpB,GAAA,OAAO,UAAUA,CAAW,GAC9B,QAASC,EAAID,EAAe,EAAGC,EAAId,EAAc,OAAQc,IACnD,GAAA,EAACf,GAAA,MAAAA,EAAoB,SAASE,EAAUD,EAAcc,CAAC,CAAC,IAC1D,OAAO,KAAK,IAAId,EAAc,OAAS,EAAGc,CAAC,EAI1C,MAAA,EACT,EACA,CAACf,EAAoBC,EAAeC,CAAS,CAAA,EAGzCe,EAAOC,SAA4B,CAAA,CAAE,EAErCC,EAAmBN,EAAAA,YAAY,CAACO,EAAeC,IAAiC,CAChFA,IACGJ,EAAA,QAAQG,CAAK,EAAIC,EAE1B,EAAG,CAAE,CAAA,EAGCC,EAAkBT,EAAA,YACrBL,GAAY,CACX,GAAIL,EAAe,CACjB,MAAMoB,EAAgBlB,EAAa,CAAC,GAAIA,CAAa,EAAvB,CAAK,EAC7BmB,EAAkBD,EAAa,IAAIrB,CAAS,EAC5CuB,EAAWD,GAAA,MAAAA,EAAiB,SAAStB,EAAUM,CAAI,GACrDe,EAAa,OAAQ,GAAMrB,EAAU,CAAC,IAAMA,EAAUM,CAAI,CAAC,EAC3D,CAAC,GAAGe,EAAcf,CAAI,EAC1BL,GAAA,MAAAA,EAAgBsB,QACPrB,IACTA,GAAA,MAAAA,EAAiBI,GAErB,EACA,CAACN,EAAWC,EAAeC,EAAgBC,CAAK,CAAA,EAG5CqB,EAAoBb,EAAA,YACvBL,GACK,MAAM,QAAQH,CAAK,EACdA,EAAM,KAAMsB,GAAazB,EAAUyB,CAAQ,IAAMzB,EAAUM,CAAI,CAAC,EAEhEH,EAAQH,EAAUG,CAAK,IAAMH,EAAUM,CAAI,EAAI,GAG1D,CAACN,EAAWG,CAAK,CAAA,EAGbuB,EAAgBC,GAAAA,mBAChBC,EAAwBZ,EAAAA,OAA2B,MAAS,EAG5Da,EAAYlB,EAAA,YACfmB,GAAqB,CACpB,MAAMC,EAAqBxB,EAEvB,GAAAuB,EAAE,MAAQ,YAAa,CACzBA,EAAE,eAAe,EACX,MAAAE,EAAgBlB,EAAiBiB,CAAkB,EAEzD,GAAIC,GAAiB,EAAG,CACtBxB,EAAcwB,CAAa,EAC3BJ,EAAsB,QAAUF,EAC1B,MAAAO,EAAgBlB,EAAK,QAAQiB,CAAa,EAChDC,GAAA,MAAAA,EAAe,eAAe,CAAE,MAAO,SAAW,GAClDA,GAAA,MAAAA,EAAe,OACjB,CAAA,SACSH,EAAE,MAAQ,UAAW,CAC9BA,EAAE,eAAe,EACX,MAAAI,EAAoBxB,EAAqBqB,CAAkB,EAEjE,GAAIG,GAAqB,EAAG,CAC1B1B,EAAc0B,CAAiB,EACzB,MAAAC,EAAoBpB,EAAK,QAAQmB,CAAiB,EACxDC,GAAA,MAAAA,EAAmB,eAAe,CAAE,MAAO,SAAW,GACtDA,GAAA,MAAAA,EAAmB,QACnBP,EAAsB,QAAUF,CAClC,CAAA,MACSI,EAAE,MAAQ,UACNjC,GAEjB,EACA,CAACU,EAAYV,EAAciB,EAAkBJ,EAAsBgB,CAAa,CAAA,EAI5EU,EAAgBzB,EAAA,YACpB,CAAC0B,EAAqBnB,IAAkB,CAClCmB,GAAcT,EAAsB,UAAYF,IAClDlB,EAAcU,CAAK,EACnBU,EAAsB,QAAUF,EAEpC,EACA,CAACA,CAAa,CAAA,EAIhBY,OAAAA,EAAAA,UAAU,IAAM,QACVC,EAAAxB,EAAK,UAAL,MAAAwB,EAAehC,IACZQ,EAAA,QAAQR,CAAU,EAAE,MAAM,CACjC,EAGC,CAAC,IAAI,CAAC,EAEF,CACL,WAAAA,EACA,iBAAAU,EACA,kBAAAO,EACA,UAAAK,EACA,cAAAO,EACA,kBAAAhC,EACA,gBAAAgB,CAAA,CAEJ,EAEMoB,GAAY,CAAmB,CACnC,mBAAA1C,EACA,UAAAE,EACA,MAAAyC,EACA,cAAAxC,EACA,eAAAC,EACA,qBAAAwC,EACA,eAAAC,EACA,MAAAxC,CACF,IAUM,CACE,KAAA,CACJ,WAAAI,EACA,iBAAAU,EACA,kBAAAO,EACA,cAAAY,EACA,UAAAP,EACA,gBAAAT,GACExB,GAAiB,CACnB,aAAc,IAAM+C,EAAe,EAAK,EACxC,mBAAA7C,EACA,cAAe2C,EACf,UAAAzC,EACA,cAAAC,EACA,eAAAC,EACA,MAAAC,CAAA,CACD,EAEKyC,EAAkBtC,IACfR,GAAA,YAAAA,EAAoB,SAASE,EAAUM,CAAI,KAAM,GAIxD,OAAAuC,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,GAAAA,iBAAiB,CAC1B,UAAW,+BAAA,CACZ,EAEA,SAAML,EAAA,IAAI,CAACnC,EAAMY,IAChB2B,EAAA,kBAAA,IAACE,EAAA,OAAA,CACC,aAAY7B,EAEZ,IAAMC,GAAOF,EAAiBC,EAAOC,CAAE,EACvC,UAAU,iCACV,cAAgBkB,GAAe,CAC7BD,EAAcC,EAAYnB,CAAK,CACjC,EACA,QAAS,IAAME,EAAgBd,CAAI,EACnC,UAAYwB,GAAMD,EAAUC,CAAC,EAC7B,WAAYc,EAAetC,CAAI,EAE/B,SAAAuC,EAAA,kBAAA,IAACG,GAAA,eAAA,CACC,KAAA1C,EACA,MAAO,CACL,OAAQC,IAAeW,EACvB,UAAUpB,GAAA,YAAAA,EAAoB,SAASE,EAAUM,CAAI,KAAM,GAC3D,SAAUkB,EAAkBlB,CAAI,CAClC,EACA,qBAAAoC,EACA,aAAY,EAAA,CACd,CAAA,EAnBK1C,EAAUM,CAAI,CAAA,CAqBtB,CAAA,CAAA,CAGP,EAMM2C,GAAc,CAAmB,CACrC,UAAAC,EACA,mBAAApD,EACA,UAAAE,EACA,MAAAyC,EACA,MAAAU,EACA,cAAAlD,EACA,eAAAC,EACA,KAAAkD,EACA,UAAAC,EAAY,eACZ,qBAAAX,EACA,eAAAC,EACA,WAAAW,EACA,MAAAnD,CACF,IAA2B,SACnB,KAAA,CAACoD,EAAiBC,CAAkB,EAAI/C,EAAA,UAC5C8B,EAAAe,EAAW,UAAX,YAAAf,EAAoB,WAAA,EAEhBkB,EAAeF,KAAmBG,EAAAJ,EAAW,UAAX,YAAAI,EAAoB,aAE5DC,OAAAA,GAAA,QAAiB,SAAU,IAAM,OACZH,GAAAjB,EAAAe,EAAW,UAAX,YAAAf,EAAoB,WAAW,CAAA,CACnD,EAGCM,EAAA,kBAAA,IAACe,GAAA,QAAA,CACC,UAAU,MACV,OAAQR,EACR,WAAAE,EACA,aAAcX,EACd,qBAAoB,GACpB,aAAYQ,EACZ,eAAc,GACd,UAAAE,EACA,MACE,CACE,MAAOI,GAAgBA,EAAe,IAAMA,EAAe,KAAO,QAClE,UAAAP,CACF,EAGD,SAAAE,EACCP,EAAA,kBAAA,IAACL,GAAA,CACC,UAAAxC,EACA,MAAAyC,EACA,cAAAxC,EACA,eAAAC,EACA,qBAAAwC,EACA,eAAAC,EACA,MAAAxC,EACA,mBAAAL,CAAA,CAAA,EAEA,IAAA,CAAA,CAGV,EAMM+D,GAAoB,CAAmB,CAC3C,kBAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,iCAAAC,EACA,qBAAA3B,EACA,eAAAC,EACA,MAAAxC,CACF,IAEM,OACJ,KAAM,CAAE,WAAYmE,CAAqB,EAAAC,EAAA,kBAAkB,CAAE,CAAA,EAEvD1C,EAAaC,GAA8C,EAC1DA,EAAE,MAAQ,UAAYA,EAAE,MAAQ,cAAgB,CAACgC,EACpDK,GAAA,MAAAA,EAAW,QACFrC,EAAE,MAAQ,cACnBA,EAAE,eAAe,EACjBa,EAAe,EAAI,EACrB,EAIA,OAAA6B,EAAA,kBAAA,KAACzB,EAAA,OAAA,CACC,UAAW,CAAC,CAAE,UAAA0B,EAAW,UAAAC,CAAA,IACvBJ,EAAiB,CACf,UAAAP,EACA,WAAAE,EACA,UAAAS,EACA,UAAAD,EACA,UAAAP,EACA,WAAY,GACZ,UAAWS,EAAA,KACTD,GAAa,CAACR,GAAa,CAACD,GAAc,CAACQ,EAAY,eAAiB,GACxE,SACF,CAAA,CACD,EAEH,WAAAR,EACA,UAAApC,EACA,QAAS,IAAM,CACbc,EAAe,EAAI,CACrB,EAEA,SAAA,CAAC6B,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,uBACZ,SAAA,CAAAH,GAAoClE,GACjCoC,EAAAG,EAAqBvC,CAAK,IAA1B,YAAAoC,EAA6B,cAC7B,KACHpC,EAAW0C,EAAA,kBAAA,IAAA+B,EAAA,kBAAA,SAAA,CAAA,SAAAZ,EAAS7D,CAAK,CAAA,CAAE,EAAO0C,EAAA,kBAAA,IAAAgC,EAAA,KAAA,CAAK,MAAM,YAAa,SAAYT,EAAA,CAAA,EACzE,EACAI,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,0BACZ,SAAA,CAAArE,GAAS,CAAC2D,GAAqB,CAACG,EAE7BpB,EAAAA,kBAAAA,IAAA+B,EAAA,kBAAA,SAAA,CAAA,SAAA/B,EAAA,kBAAA,IAAC,MAAA,CACC,UAAU,iBACV,KAAK,SACL,QAAUf,GAAM,CACdA,EAAE,gBAAgB,EAClBqC,GAAA,MAAAA,EAAW,OACb,EAEA,SAAAtB,EAAAA,kBAAAA,IAACiC,EAAAA,QAAQ,CAAA,KAAK,OAAQ,CAAA,CAAA,GAE1B,EACE,KACJjC,EAAAA,kBAAAA,IAACiC,EAAQ,QAAA,CAAA,KAAK,iBAAkB,CAAA,CAAA,EAClC,CAAA,CAAA,CAAA,CAGN,EAMMC,GAAuB,CAAmB,CAC9C,UAAAhB,EACA,UAAA/D,EACA,SAAAgE,EACA,WAAAC,EACA,UAAAC,EACA,MAAAf,EACA,SAAAgB,EACA,YAAAC,EACA,eAAAzB,EACA,MAAAxC,CACF,IAGM,CACJ,KAAM,CAAE,WAAYmE,CAAqB,EAAAC,EAAA,kBAAkB,CAAE,CAAA,EAEvDS,EAAWrE,EAAA,YACdsE,GAAmB,CAEhB9E,GAAAgE,EACEhE,EAAM,OAAQG,GAAS,CACf,MAAA4E,EAASlF,EAAUM,CAAI,EACtB,MAAA,CAAC2E,EAAK,IAAIC,CAAM,CAAA,CACxB,CAAA,CAEP,EACA,CAAClF,EAAWmE,EAAUhE,CAAK,CAAA,EAGvB0B,EAAaC,GAAqC,EAClDA,EAAE,MAAQ,aAAeA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OAC1DA,EAAE,eAAe,EACjBa,EAAe,EAAI,EACrB,EAGF,OACGE,EAAAA,kBAAAA,IAAAsC,EAAAA,MAAA,CACE,SAAC,CAAA,CAAE,cAAAC,KACFvC,EAAA,kBAAA,IAACE,EAAA,OAAA,CACC,UAAW,CAAC,CAAE,UAAA0B,EAAW,UAAAC,CAAA,IACvBJ,EAAiB,CACf,UAAAP,EACA,WAAAE,EACA,UAAAS,EACA,UAAWD,GAAaW,EACxB,UAAAlB,EACA,WAAY,GACZ,UAAWS,EAAA,KACTD,GAAa,CAACR,GAAa,CAACD,GAAc,CAACQ,EAAY,eAAiB,GACxE,cACA,gBACF,CAAA,CACD,EAEH,UAAY3C,GAAMD,EAAUC,CAAC,EAC7B,QAAS,IAAMa,EAAe,EAAI,EAClC,WAAAsB,EAEA,SAAAO,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,2BACb,SAAA,CAAA3B,wBAAC,MAAI,CAAA,UAAU,iBACZ,SAAA1C,GAASA,EAAM,OACd0C,EAAA,kBAAA,IAACwC,EAAA,cAAA,CACC,MAAOlC,GAAS,iBAChB,UAAU,yBACV,SAAUc,EAAa,OAAYe,EAElC,WAAM,IAAK1E,GACVuC,EAAAA,kBAAAA,IAACyC,YAA+B,GAAItF,EAAUM,CAAI,EAAG,WAAA2D,EAClD,SAASD,EAAA1D,CAAI,GADDN,EAAUM,CAAI,CAE7B,CACD,CAAA,CAAA,EAGFuC,EAAA,kBAAA,IAAAgC,EAAA,KAAA,CAAK,MAAM,YAAa,UAAY,CAAA,EAEzC,EACChC,EAAA,kBAAA,IAAAiC,EAAA,QAAA,CAAQ,KAAK,kBAAkB,UAAU,kBAAkB,CAAA,EAC9D,CAAA,CAGN,CAAA,CAAA,CAEJ,EAEMS,GAAqB,CAAmB,CAC5C,UAAAvF,EACA,KAAAwF,EACA,MAAArF,CACF,IAKMqF,EACE,MAAM,QAAQrF,CAAK,EACdA,EAAM,IAAKsF,GAChB5C,EAAAA,kBAAAA,IAAC,SAAyB,KAAK,SAAS,KAAA2C,EAAY,MAAOxF,EAAUyF,CAAC,CAAA,EAA1DzF,EAAUyF,CAAC,CAAkD,CAC1E,EACQtF,EACF0C,wBAAC,SAAM,KAAK,SAAS,KAAA2C,EAAY,MAAOxF,EAAUG,CAAK,CAAG,CAAA,EAE1D,KAGJ,KAOIuF,GAAS,CAAmB,CACvC,aAAAC,EACA,YAAAC,EACA,kBAAA9B,EACA,mBAAAhE,EACA,aAAA+F,EACA,UAAA9B,EAAY,GACZ,UAAA/D,EACA,SAAAgE,EACA,cAAA8B,EACA,gBAAAC,EACA,gBAAAC,EACA,WAAA/B,EACA,UAAAC,EACA,WAAA+B,EACA,MAAAxD,EACA,MAAAU,EACA,KAAAqC,EACA,SAAArB,EACA,aAAA+B,EACA,eAAAC,EACA,YAAA/B,EACA,UAAAf,EACA,iCAAAgB,EACA,qBAAA3B,EACA,MAAAvC,CACF,IAAsB,CACpB,KAAM,CAAE,WAAYiG,CAAqB,EAAIC,aAAWC,EAAiB,iBAAA,EACnE,CAAClD,EAAMT,CAAc,EAAIlC,WAAS,EAAK,EACvC8F,EAAWtC,GAAcmC,EACzB,CAACI,EAAeC,CAAgB,EAAIhG,EAAAA,SAAwBN,GAASwF,CAAY,EAEjFe,EAAiBrG,EAAA,QACrB,IAAMsG,EAAwB,wBAAA,CAAE,cAAAb,EAAe,gBAAAE,EAAiB,MAAA7C,EAAO,EACvE,CAAC2C,EAAeE,EAAiB7C,CAAK,CAAA,EAGlCyD,EAAiBvG,EAAA,QACrB,IAAMwG,EAAwB,wBAAA,CAAE,YAAAjB,EAAa,aAAAC,EAAc,gBAAAE,EAAiB,EAC5E,CAACH,EAAaC,EAAcE,CAAe,CAAA,EAGvC,CAAE,UAAAe,EAAW,kBAAAC,EAAmB,QAAAC,CAAA,EAAYzC,EAAAA,kBAAkB,CAClE,eAAAmC,EACA,SAAU,CAAC,CAACvD,CAAA,CACb,EAEKG,EAAatC,SAAuB,IAAI,EACxC,CAAE,UAAAkC,GAAc+D,EAAAA,YAEhB/G,EAAiBS,EAAA,YACpBY,GAAiB,CAChBkF,EAAiBlF,CAAQ,EACzB4C,GAAA,MAAAA,EAAW5C,GACXoB,EAAe,EAAK,CACtB,EACA,CAACwB,CAAQ,CAAA,EAIX7B,EAAAA,UAAU,IAAM,CACdmE,EAAiBtG,GAASwF,CAAY,CAAA,EACrC,CAACA,EAAcxF,CAAK,CAAC,EAExB,MAAM+G,EAAgB/G,GAASqG,EAE/B,gCACG,MACC,CAAA,SAAA,CAAA3D,EAAA,kBAAA,IAAC0C,GAAmB,CAAA,KAAAC,EAAY,MAAO0B,EAAe,UAAAlH,EAAsB,EAC3EwE,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWuC,EAAA,EACb,SAAA,CAAAZ,0BAAkB,MAAI,CAAA,UAAWW,EAAU,EAAI,UAAe,CAAA,EAAS,8BACvE,MAAI,CAAA,UAAWE,EAAQ,CAAE,UAAAjD,CAAA,CAAW,EAClC,SAAA,CAAA2C,EACE7D,EAAA,kBAAA,IAAAsE,cAAA,CAAY,MAAAhE,EAAc,cAAA2C,EAA8B,WAAAG,CAAwB,CAAA,EAC/E,KACJpD,EAAAA,kBAAAA,IAAC,MAAI,CAAA,IAAKS,EACR,SAAAT,EAAA,kBAAA,IAACgB,GAAA,CACC,UAAAE,EACA,WAAYwC,EACZ,kBAAAzC,EACA,UAAAI,EACA,YAAAE,EACA,MAAO8C,EACP,SAAAlD,EACA,UAAAhE,EACA,MAAAmD,EACA,SAAUjD,EACV,eAAAyC,EACA,iCAAA0B,EACA,qBAAA3B,CAAA,CAAA,EAEJ,EACCkE,EACC/D,EAAA,kBAAA,IAACuE,EAAY,YAAA,CAAA,YAAAxB,EAA0B,aAAAC,CAA4B,CAAA,EACjE,IAAA,EACN,EACCK,EAAgBrD,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWiE,EAAU,EAAI,UAAa,CAAA,EAAS,IAAA,EACtE,EACAjE,EAAA,kBAAA,IAACI,GAAA,CACC,WAAAK,EACA,MAAO,GAAGH,CAAK,WACf,UAAAnD,EACA,qBAAA0C,EACA,MAAAD,EACA,KAAMW,EACN,mBAAAtD,EACA,UAAAoD,EACA,eAAAP,EACA,eAAAzC,EACA,MAAOgH,EACP,UAAA7D,CAAA,CACF,CACF,CAAA,CAAA,CAEJ,EAEagE,GAAc,CAAmB,CAC5C,aAAA1B,EACA,YAAAC,EACA,kBAAA9B,EACA,mBAAAhE,EACA,aAAA+F,EACA,UAAA9B,EAAY,GACZ,UAAA/D,EACA,SAAAgE,EACA,cAAA8B,EACA,gBAAAC,EACA,gBAAAC,EACA,WAAA/B,EACA,UAAAC,EACA,WAAA+B,EACA,MAAAxD,EACA,MAAAU,EACA,KAAAqC,EACA,SAAArB,EACA,aAAA+B,EACA,eAAAC,EACA,YAAA/B,EACA,UAAAf,EACA,qBAAAX,EACA,MAAAvC,CACF,IAA2B,CACzB,KAAM,CAAE,WAAYiG,CAAqB,EAAIC,aAAWC,EAAiB,iBAAA,EACnEC,EAAWtC,GAAcmC,EACzB,CAAChD,EAAMT,CAAc,EAAIlC,WAAS,EAAK,EACvC,CAAC+F,EAAeC,CAAgB,EAAIhG,EAAAA,SAA0BN,GAASwF,CAAY,EACnFrC,EAAatC,SAAuB,IAAI,EACxC,CAAE,UAAAkC,GAAc+D,EAAAA,YAEhBP,EAAiBrG,EAAA,QACrB,IAAMsG,EAAwB,wBAAA,CAAE,cAAAb,EAAe,gBAAAE,EAAiB,MAAA7C,EAAO,EACvE,CAAC2C,EAAeE,EAAiB7C,CAAK,CAAA,EAGlCyD,EAAiBvG,EAAA,QACrB,IAAMwG,EAAwB,wBAAA,CAAE,YAAAjB,EAAa,aAAAC,EAAc,gBAAAE,EAAiB,EAC5E,CAACH,EAAaC,EAAcE,CAAe,CAAA,EAGvC,CAAE,UAAAe,EAAW,kBAAAC,EAAmB,QAAAC,CAAA,EAAYzC,EAAAA,kBAAkB,CAClE,eAAAmC,EACA,SAAU,CAAC,CAACvD,CAAA,CACb,EAEKmE,EAAmB3G,EAAA,YACtBY,GAAmB,CAClBkF,EAAiBlF,CAAQ,EACzB4C,GAAA,MAAAA,EAAW5C,EACb,EACA,CAAC4C,CAAQ,CAAA,EAIX7B,EAAAA,UAAU,IAAM,CACdmE,EAAiBtG,GAASwF,CAAY,CAAA,EACrC,CAACA,EAAcxF,CAAK,CAAC,EAExB,MAAM+G,EAAgB/G,GAASqG,EAE/B,gCACG,MACC,CAAA,SAAA,CAAA3D,EAAA,kBAAA,IAAC0C,GAAmB,CAAA,KAAAC,EAAY,MAAO0B,EAAe,UAAAlH,EAAsB,EAC3EwE,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWuC,EAAA,EACb,SAAA,CAAAZ,0BAAkB,MAAI,CAAA,UAAWW,EAAU,EAAI,UAAe,CAAA,EAAS,8BACvE,MAAI,CAAA,UAAWE,EAAQ,CAAE,UAAAjD,CAAA,CAAW,EAClC,SAAA,CAAA2C,EACE7D,EAAA,kBAAA,IAAAsE,cAAA,CAAY,MAAAhE,EAAc,cAAA2C,EAA8B,WAAAG,CAAwB,CAAA,EAC/E,KACJpD,EAAAA,kBAAAA,IAAC,MAAI,CAAA,IAAKS,EACR,SAAAT,EAAA,kBAAA,IAACkC,GAAA,CACC,UAAAhB,EACA,WAAYwC,EACZ,UAAArC,EACA,YAAAE,EACA,MAAO8C,EACP,SAAUI,EACV,UAAAtH,EACA,SAAAgE,EACA,MAAAb,EACA,kBAAAW,EACA,eAAAnB,EACA,qBAAAD,CAAA,CAAA,EAEJ,EACCkE,EACC/D,EAAA,kBAAA,IAACuE,EAAY,YAAA,CAAA,YAAAxB,EAA0B,aAAAC,CAA4B,CAAA,EACjE,IAAA,EACN,EACCK,EAAgBrD,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWiE,EAAU,EAAI,UAAa,CAAA,EAAS,IAAA,EACtE,EACAjE,EAAA,kBAAA,IAACI,GAAA,CACC,MAAO,GAAGE,CAAK,WACf,WAAAG,EACA,MAAAb,EACA,KAAMW,EACN,UAAApD,EACA,qBAAA0C,EACA,mBAAA5C,EACA,UAAAoD,EACA,eAAAP,EACA,cAAe2E,EACf,UAAAjE,EACA,MAAO6D,CAAA,CACT,CACF,CAAA,CAAA,CAEJ"}