@new-black/lyra 1.0.17 → 1.0.18

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","jsxDEV","AriaSearchField","isEmpty","Fragment","InputHeader","this","Group","isFocusWithin","isHovered","Input","clsx","Tooltip","Button","SvgIcon","Spinner","InputFooter","SearchField","fixedForwardRef"],"mappings":"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"}
+{"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;"}

package/dist/lyra34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),s=require("react"),g=require("./lyra89.cjs"),C=require("./lyra93.cjs"),G=require("./lyra26.cjs"),L=require("./lyra38.cjs"),w=require("./lyra39.cjs");require("./lyra40.cjs");const R=require("./lyra35.cjs"),M=require("./lyra615.cjs"),T=require("./lyra616.cjs"),_=require("./lyra617.cjs"),V=s.createContext({valuesWithSeperator:[]}),A=({description:l,errorMessage:d,fullWidth:p=!0,hideHintLabel:x=!0,hideInputFooter:N=!0,hideInputHeader:j=!0,label:f,name:v,...i},u)=>{[i,u]=g.useContextProps(i,u,g.ListBoxContext);const{children:m,className:b,defaultValue:a,isRequired:y,onChange:c,value:D}=i,q=s.useId(),S=s.useId(),[E,U]=s.useState(a??D??""),{track:h}=R.segmentedControlStyles({fullWidth:p}),F=s.useMemo(()=>{const n=s.Children.toArray(m),o=n==null?void 0:n.findIndex(r=>{var t;return((t=r==null?void 0:r.props)==null?void 0:t.value)===E});return n==null?void 0:n.filter((r,t)=>o===void 0||t===o||t===n.length-1?!1:o<t?Math.abs(t-o)>=1:Math.abs(t-o)>=2).map(r=>{var t;return(t=r==null?void 0:r.props)==null?void 0:t.value})},[m,E]);return e.jsxDevRuntimeExports.jsxDEV(e.jsxDevRuntimeExports.Fragment,{children:[e.jsxDevRuntimeExports.jsxDEV(L.InputHeader,{label:f,labelId:S,isRequired:y,hideHintLabel:x,hideInputHeader:j},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",lineNumber:110,columnNumber:7},void 0),e.jsxDevRuntimeExports.jsxDEV(g.ListBox,{...i,ref:u,"aria-label":f,"aria-labelledby":S,className:h({className:b}),defaultSelectedKeys:a?new Set([a]):[],orientation:"horizontal",selectionBehavior:"replace",selectionMode:"single",selectedKeys:D?[D]:void 0,disallowEmptySelection:!0,onSelectionChange:n=>{if(n==="all")return;const o=n.keys().next().value;c==null||c(o),U(o)},children:e.jsxDevRuntimeExports.jsxDEV(V.Provider,{value:{valuesWithSeperator:F},children:e.jsxDevRuntimeExports.jsxDEV(M.LayoutGroup,{id:q,children:m},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",lineNumber:137,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",lineNumber:136,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",lineNumber:117,columnNumber:7},void 0),e.jsxDevRuntimeExports.jsxDEV(w.InputFooter,{description:l,errorMessage:d,hideInputFooter:N},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",lineNumber:140,columnNumber:7},void 0),v?e.jsxDevRuntimeExports.jsxDEV("input",{type:"hidden",name:v,value:E??""},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",lineNumber:145,columnNumber:15},void 0):null]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",lineNumber:109,columnNumber:5},void 0)},I=C.fixedForwardRef(A);I.displayName="SegmentedControl";const B=({children:l,textValue:d,value:p,...x},N)=>{const j=d||(typeof l=="string"?l:void 0),{isDisabled:f}=s.useContext(G.FieldGroupContext),{id:v}=s.useContext(T.LayoutGroupContext),{valuesWithSeperator:i}=s.useContext(V),u=i.includes(p??""),{item:m,itemActive:b,itemText:a}=R.segmentedControlStyles({seperator:u});return e.jsxDevRuntimeExports.jsxDEV(e.jsxDevRuntimeExports.Fragment,{children:e.jsxDevRuntimeExports.jsxDEV(g.ListBoxItem,{ref:N,className:m({isDisabled:f}),id:x.id??p,textValue:j,...x,children:({isFocusVisible:y,isSelected:c})=>e.jsxDevRuntimeExports.jsxDEV(e.jsxDevRuntimeExports.Fragment,{children:[c?e.jsxDevRuntimeExports.jsxDEV(_.motion.div,{layoutId:v,className:b({isFocusVisible:y}),transition:{type:"tween",duration:.2}},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",lineNumber:184,columnNumber:17},void 0):null,e.jsxDevRuntimeExports.jsxDEV("div",{className:a(),children:l},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",lineNumber:193,columnNumber:15},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",lineNumber:182,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",lineNumber:173,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",lineNumber:172,columnNumber:5},void 0)},k=C.fixedForwardRef(B);k.displayName="SegmentedControlItem";exports.SegmentedControl=I;exports.SegmentedControlItem=k;
+"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("./lyra608.cjs"),V=require("./lyra609.cjs"),D=require("./lyra610.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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra34.cjs","sources":["../src/components/inputs/segmented-control/segmented-control.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  ElementRef,\n  ForwardedRef,\n  ReactNode,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  ListBox,\n  ListBoxContext,\n  ListBoxItem,\n  ListBoxItemProps,\n  ListBoxProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { LayoutGroup, LayoutGroupContext, motion } from \"framer-motion\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputHeader, InputHeaderProps } from \"../shared\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\n\nimport { segmentedControlStyles } from \"./segmented-control.styles\";\n\nconst SegmentedControlSharedContext = createContext<{ valuesWithSeperator: string[] }>({\n  valuesWithSeperator: [],\n});\n\nexport type SegmentedControlRef = ElementRef<typeof ListBox>;\nexport type SegmentedControlProps<T extends object> = InputHeaderProps &\n  InputFooterProps &\n  Omit<\n    ListBoxProps<T>,\n    | \"selectedKeys\"\n    | \"onSelectionChange\"\n    | \"defaultSelectedKeys\"\n    | \"orientation\"\n    | \"selectionBehavior\"\n    | \"selectionMode\"\n    | \"disallowEmptySelection\"\n    | \"children\"\n    | \"items\"\n  > & {\n    value?: string;\n    onChange?: (value?: string) => void;\n    defaultValue?: string;\n    fullWidth?: boolean;\n    children: ReactNode;\n    name?: string;\n  };\n\nconst _SegmentedControl = <T extends object>(\n  {\n    description,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel = true,\n    hideInputFooter = true,\n    hideInputHeader = true,\n    label,\n    name,\n    ...props\n  }: SegmentedControlProps<T>,\n  ref: ForwardedRef<SegmentedControlRef>,\n) => {\n  [props, ref] = useContextProps(props, ref, ListBoxContext);\n  const { children, className, defaultValue, isRequired, onChange, value } = props;\n  const selectedId = useId();\n  const labelId = useId();\n  const [localValue, setLocalValue] = useState<string>(defaultValue ?? value ?? \"\");\n  const { track } = segmentedControlStyles({ fullWidth });\n\n  /**\n   * Array of values of the children that are not selected and at should get a seperator at the end.\n   */\n  const valuesWithSeperator = useMemo(() => {\n    const allChildren = Children.toArray(children);\n    const selectedChildIndex: number | undefined = allChildren?.findIndex((child: any) => {\n      return child?.props?.value === localValue;\n    });\n\n    /**\n     * Filter values that are at least 2 indexes away from the selected value when the selected child index is lower than the current index.\n     * At least 1 index away from the selected child when the selected child index is higher than the current index.\n     * Also prevent that the last item will be added.\n     */\n    const valuesThatGetASeperator = allChildren\n      ?.filter((_, index: number) => {\n        if (selectedChildIndex === undefined) return false;\n        if (index === selectedChildIndex) return false;\n        if (index === allChildren.length - 1) return false;\n        if (selectedChildIndex < index) {\n          return Math.abs(index - selectedChildIndex) >= 1;\n        } else {\n          return Math.abs(index - selectedChildIndex) >= 2;\n        }\n      })\n      .map((child: any) => child?.props?.value);\n\n    return valuesThatGetASeperator;\n  }, [children, localValue]);\n\n  return (\n    <>\n      <InputHeader\n        label={label}\n        labelId={labelId}\n        isRequired={isRequired}\n        hideHintLabel={hideHintLabel}\n        hideInputHeader={hideInputHeader}\n      />\n      <ListBox\n        {...props}\n        ref={ref}\n        aria-label={label}\n        aria-labelledby={labelId}\n        className={track({ className })}\n        defaultSelectedKeys={defaultValue ? new Set([defaultValue]) : []}\n        orientation=\"horizontal\"\n        selectionBehavior=\"replace\"\n        selectionMode=\"single\"\n        selectedKeys={value ? [value] : undefined}\n        disallowEmptySelection\n        onSelectionChange={(keys) => {\n          if (keys === \"all\") return;\n          const firstKeyFromSet = keys.keys().next().value;\n          onChange?.(firstKeyFromSet);\n          setLocalValue(firstKeyFromSet);\n        }}\n      >\n        <SegmentedControlSharedContext.Provider value={{ valuesWithSeperator }}>\n          <LayoutGroup id={selectedId}>{children}</LayoutGroup>\n        </SegmentedControlSharedContext.Provider>\n      </ListBox>\n      <InputFooter\n        description={description}\n        errorMessage={errorMessage}\n        hideInputFooter={hideInputFooter}\n      />\n      {name ? <input type=\"hidden\" name={name} value={localValue ?? \"\"} /> : null}\n    </>\n  );\n};\n\nexport const SegmentedControl = fixedForwardRef(_SegmentedControl);\n// @ts-ignore\nSegmentedControl.displayName = \"SegmentedControl\";\n\nexport type SegmentedControlItemProps<T extends object> = Omit<ListBoxItemProps<T>, \"value\"> & {\n  children: ReactNode;\n  value?: string;\n};\n\ntype SegmentedControlItemRef = ElementRef<typeof ListBoxItem>;\n\nconst _SegmentedControlItem = <T extends object>(\n  { children, textValue, value, ...props }: SegmentedControlItemProps<T>,\n  ref: ForwardedRef<SegmentedControlItemRef>,\n) => {\n  const newTextValue = textValue ? textValue : typeof children === \"string\" ? children : undefined;\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const { id: layoutId } = useContext(LayoutGroupContext);\n  const { valuesWithSeperator } = useContext(SegmentedControlSharedContext);\n  const seperator = valuesWithSeperator.includes(value ?? \"\");\n  const { item, itemActive, itemText } = segmentedControlStyles({ seperator });\n  return (\n    <>\n      <ListBoxItem\n        ref={ref}\n        className={item({ isDisabled: fieldGroupIsDisabled })}\n        id={props.id ?? value}\n        textValue={newTextValue}\n        {...props}\n      >\n        {({ isFocusVisible, isSelected }) => {\n          return (\n            <>\n              {isSelected ? (\n                <motion.div\n                  layoutId={layoutId}\n                  className={itemActive({ isFocusVisible })}\n                  transition={{\n                    type: \"tween\",\n                    duration: 0.2,\n                  }}\n                />\n              ) : null}\n              <div className={itemText()}>{children}</div>\n            </>\n          );\n        }}\n      </ListBoxItem>\n    </>\n  );\n};\n\nexport const SegmentedControlItem = fixedForwardRef(_SegmentedControlItem);\n// @ts-ignore\nSegmentedControlItem.displayName = \"SegmentedControlItem\";\n"],"names":["SegmentedControlSharedContext","createContext","_SegmentedControl","description","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","name","props","ref","useContextProps","ListBoxContext","children","className","defaultValue","isRequired","onChange","value","selectedId","useId","labelId","localValue","setLocalValue","useState","track","segmentedControlStyles","valuesWithSeperator","useMemo","allChildren","Children","selectedChildIndex","child","_a","_","index","jsxDEV","Fragment","InputHeader","this","ListBox","keys","firstKeyFromSet","LayoutGroup","InputFooter","SegmentedControl","fixedForwardRef","_SegmentedControlItem","textValue","newTextValue","fieldGroupIsDisabled","useContext","FieldGroupContext","layoutId","LayoutGroupContext","seperator","item","itemActive","itemText","ListBoxItem","isFocusVisible","isSelected","motion","SegmentedControlItem"],"mappings":"8YA6BMA,EAAgCC,EAAAA,cAAiD,CACrF,oBAAqB,CAAC,CACxB,CAAC,EAyBKC,EAAoB,CACxB,CACE,YAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,GACZ,cAAAC,EAAgB,GAChB,gBAAAC,EAAkB,GAClB,gBAAAC,EAAkB,GAClB,MAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,cAAc,EACzD,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,aAAAC,EAAc,WAAAC,EAAY,SAAAC,EAAU,MAAAC,CAAU,EAAAT,EACrEU,EAAaC,EAAAA,QACbC,EAAUD,EAAAA,QACV,CAACE,EAAYC,CAAa,EAAIC,EAAiB,SAAAT,GAAgBG,GAAS,EAAE,EAC1E,CAAE,MAAAO,CAAM,EAAIC,EAAuB,uBAAA,CAAE,UAAAvB,CAAW,CAAA,EAKhDwB,EAAsBC,EAAAA,QAAQ,IAAM,CAClC,MAAAC,EAAcC,EAAAA,SAAS,QAAQjB,CAAQ,EACvCkB,EAAyCF,GAAA,YAAAA,EAAa,UAAWG,GAAe,OAC7E,QAAAC,EAAAD,GAAA,YAAAA,EAAO,QAAP,YAAAC,EAAc,SAAUX,CAAA,GAqB1B,OAbyBO,GAAA,YAAAA,EAC5B,OAAO,CAACK,EAAGC,IACPJ,IAAuB,QACvBI,IAAUJ,GACVI,IAAUN,EAAY,OAAS,EAAU,GACzCE,EAAqBI,EAChB,KAAK,IAAIA,EAAQJ,CAAkB,GAAK,EAExC,KAAK,IAAII,EAAQJ,CAAkB,GAAK,GAGlD,IAAKC,GAAe,OAAA,OAAAC,EAAAD,GAAA,YAAAA,EAAO,QAAP,YAAAC,EAAc,OAE9B,EACN,CAACpB,EAAUS,CAAU,CAAC,EAEzB,OAEIc,EAAA,qBAAA,OAAAC,gCAAA,CAAA,SAAA,CAAAD,EAAA,qBAAA,OAACE,EAAA,YAAA,CACC,MAAA/B,EACA,QAAAc,EACA,WAAAL,EACA,cAAAZ,EACA,gBAAAE,CAAA,EALF,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAAA,EAAAiC,MAMA,EACAH,EAAA,qBAAA,OAACI,EAAA,QAAA,CACE,GAAG/B,EACJ,IAAAC,EACA,aAAYH,EACZ,kBAAiBc,EACjB,UAAWI,EAAM,CAAE,UAAAX,EAAW,EAC9B,oBAAqBC,EAAmB,IAAA,IAAI,CAACA,CAAY,CAAC,EAAI,CAAC,EAC/D,YAAY,aACZ,kBAAkB,UAClB,cAAc,SACd,aAAcG,EAAQ,CAACA,CAAK,EAAI,OAChC,uBAAsB,GACtB,kBAAoBuB,GAAS,CAC3B,GAAIA,IAAS,MAAO,OACpB,MAAMC,EAAkBD,EAAK,KAAK,EAAE,OAAO,MAC3CxB,GAAA,MAAAA,EAAWyB,GACXnB,EAAcmB,CAAe,CAC/B,EAEA,SAACN,EAAA,qBAAA,OAAAtC,EAA8B,SAA9B,CAAuC,MAAO,CAAE,oBAAA6B,GAC/C,SAACS,EAAAA,qBAAAA,OAAAO,EAAAA,YAAA,CAAY,GAAIxB,EAAa,SAAAN,GAA9B,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAA0B,MAAuC,CADzC,EAAA,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAEA,EAAAA,MAAA,CAAA,EArBF,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAsBA,EACAH,EAAA,qBAAA,OAACQ,EAAA,YAAA,CACC,YAAA3C,EACA,aAAAC,EACA,gBAAAG,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAAA,EAAAkC,MAIA,EACC/B,gCAAQ,QAAM,CAAA,KAAK,SAAS,KAAAA,EAAY,MAAOc,GAAc,EAAtD,EAAA,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAiB,MAA0D,EAAK,IAAA,GApCzE,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAqCA,EAAAA,MAAA,CAEJ,EAEaM,EAAmBC,kBAAgB9C,CAAiB,EAEjE6C,EAAiB,YAAc,mBAS/B,MAAME,EAAwB,CAC5B,CAAE,SAAAlC,EAAU,UAAAmC,EAAW,MAAA9B,EAAO,GAAGT,CAAM,EACvCC,IACG,CACH,MAAMuC,EAAeD,IAAwB,OAAOnC,GAAa,SAAWA,EAAW,QACjF,CAAE,WAAYqC,CAAqB,EAAIC,aAAWC,EAAiB,iBAAA,EACnE,CAAE,GAAIC,CAAS,EAAIF,aAAWG,EAAkB,kBAAA,EAChD,CAAE,oBAAA3B,CAAA,EAAwBwB,EAAA,WAAWrD,CAA6B,EAClEyD,EAAY5B,EAAoB,SAAST,GAAS,EAAE,EACpD,CAAE,KAAAsC,EAAM,WAAAC,EAAY,SAAAC,GAAahC,yBAAuB,CAAE,UAAA6B,EAAW,EAC3E,OAEInB,8BAAAC,EAAAA,qBAAAA,SAAA,CAAA,SAAAD,EAAA,qBAAA,OAACuB,EAAA,YAAA,CACC,IAAAjD,EACA,UAAW8C,EAAK,CAAE,WAAYN,EAAsB,EACpD,GAAIzC,EAAM,IAAMS,EAChB,UAAW+B,EACV,GAAGxC,EAEH,SAAC,CAAA,CAAE,eAAAmD,EAAgB,WAAAC,KAGbzB,EAAA,qBAAA,OAAAC,gCAAA,CAAA,SAAA,CACCwB,EAAAzB,EAAA,qBAAA,OAAC0B,EAAAA,OAAO,IAAP,CACC,SAAAT,EACA,UAAWI,EAAW,CAAE,eAAAG,EAAgB,EACxC,WAAY,CACV,KAAM,QACN,SAAU,EACZ,CAAA,EANF,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAArB,MAAA,EAQE,KACHH,8BAAA,MAAA,CAAI,UAAWsB,IAAa,SAAA7C,CAA7B,EAAA,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAsC,EAAA0B,MAAA,CAAA,GAXxC,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAYA,EAAAA,MAAA,CAEJ,EAvBF,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,GADF,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CA0BA,EAAAA,MAAA,CAEJ,EAEawB,EAAuBjB,kBAAgBC,CAAqB,EAEzEgB,EAAqB,YAAc"}
+{"version":3,"file":"lyra34.cjs","sources":["../src/components/inputs/segmented-control/segmented-control.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  ElementRef,\n  ForwardedRef,\n  ReactNode,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  ListBox,\n  ListBoxContext,\n  ListBoxItem,\n  ListBoxItemProps,\n  ListBoxProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { LayoutGroup, LayoutGroupContext, motion } from \"framer-motion\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputHeader, InputHeaderProps } from \"../shared\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\n\nimport { segmentedControlStyles } from \"./segmented-control.styles\";\n\nconst SegmentedControlSharedContext = createContext<{ valuesWithSeperator: string[] }>({\n  valuesWithSeperator: [],\n});\n\nexport type SegmentedControlRef = ElementRef<typeof ListBox>;\nexport type SegmentedControlProps<T extends object> = InputHeaderProps &\n  InputFooterProps &\n  Omit<\n    ListBoxProps<T>,\n    | \"selectedKeys\"\n    | \"onSelectionChange\"\n    | \"defaultSelectedKeys\"\n    | \"orientation\"\n    | \"selectionBehavior\"\n    | \"selectionMode\"\n    | \"disallowEmptySelection\"\n    | \"children\"\n    | \"items\"\n  > & {\n    value?: string;\n    onChange?: (value?: string) => void;\n    defaultValue?: string;\n    fullWidth?: boolean;\n    children: ReactNode;\n    name?: string;\n  };\n\nconst _SegmentedControl = <T extends object>(\n  {\n    description,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel = true,\n    hideInputFooter = true,\n    hideInputHeader = true,\n    label,\n    name,\n    ...props\n  }: SegmentedControlProps<T>,\n  ref: ForwardedRef<SegmentedControlRef>,\n) => {\n  [props, ref] = useContextProps(props, ref, ListBoxContext);\n  const { children, className, defaultValue, isRequired, onChange, value } = props;\n  const selectedId = useId();\n  const labelId = useId();\n  const [localValue, setLocalValue] = useState<string>(defaultValue ?? value ?? \"\");\n  const { track } = segmentedControlStyles({ fullWidth });\n\n  /**\n   * Array of values of the children that are not selected and at should get a seperator at the end.\n   */\n  const valuesWithSeperator = useMemo(() => {\n    const allChildren = Children.toArray(children);\n    const selectedChildIndex: number | undefined = allChildren?.findIndex((child: any) => {\n      return child?.props?.value === localValue;\n    });\n\n    /**\n     * Filter values that are at least 2 indexes away from the selected value when the selected child index is lower than the current index.\n     * At least 1 index away from the selected child when the selected child index is higher than the current index.\n     * Also prevent that the last item will be added.\n     */\n    const valuesThatGetASeperator = allChildren\n      ?.filter((_, index: number) => {\n        if (selectedChildIndex === undefined) return false;\n        if (index === selectedChildIndex) return false;\n        if (index === allChildren.length - 1) return false;\n        if (selectedChildIndex < index) {\n          return Math.abs(index - selectedChildIndex) >= 1;\n        } else {\n          return Math.abs(index - selectedChildIndex) >= 2;\n        }\n      })\n      .map((child: any) => child?.props?.value);\n\n    return valuesThatGetASeperator;\n  }, [children, localValue]);\n\n  return (\n    <>\n      <InputHeader\n        label={label}\n        labelId={labelId}\n        isRequired={isRequired}\n        hideHintLabel={hideHintLabel}\n        hideInputHeader={hideInputHeader}\n      />\n      <ListBox\n        {...props}\n        ref={ref}\n        aria-label={label}\n        aria-labelledby={labelId}\n        className={track({ className })}\n        defaultSelectedKeys={defaultValue ? new Set([defaultValue]) : []}\n        orientation=\"horizontal\"\n        selectionBehavior=\"replace\"\n        selectionMode=\"single\"\n        selectedKeys={value ? [value] : undefined}\n        disallowEmptySelection\n        onSelectionChange={(keys) => {\n          if (keys === \"all\") return;\n          const firstKeyFromSet = keys.keys().next().value;\n          onChange?.(firstKeyFromSet);\n          setLocalValue(firstKeyFromSet);\n        }}\n      >\n        <SegmentedControlSharedContext.Provider value={{ valuesWithSeperator }}>\n          <LayoutGroup id={selectedId}>{children}</LayoutGroup>\n        </SegmentedControlSharedContext.Provider>\n      </ListBox>\n      <InputFooter\n        description={description}\n        errorMessage={errorMessage}\n        hideInputFooter={hideInputFooter}\n      />\n      {name ? <input type=\"hidden\" name={name} value={localValue ?? \"\"} /> : null}\n    </>\n  );\n};\n\nexport const SegmentedControl = fixedForwardRef(_SegmentedControl);\n// @ts-ignore\nSegmentedControl.displayName = \"SegmentedControl\";\n\nexport type SegmentedControlItemProps<T extends object> = Omit<ListBoxItemProps<T>, \"value\"> & {\n  children: ReactNode;\n  value?: string;\n};\n\ntype SegmentedControlItemRef = ElementRef<typeof ListBoxItem>;\n\nconst _SegmentedControlItem = <T extends object>(\n  { children, textValue, value, ...props }: SegmentedControlItemProps<T>,\n  ref: ForwardedRef<SegmentedControlItemRef>,\n) => {\n  const newTextValue = textValue ? textValue : typeof children === \"string\" ? children : undefined;\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const { id: layoutId } = useContext(LayoutGroupContext);\n  const { valuesWithSeperator } = useContext(SegmentedControlSharedContext);\n  const seperator = valuesWithSeperator.includes(value ?? \"\");\n  const { item, itemActive, itemText } = segmentedControlStyles({ seperator });\n  return (\n    <>\n      <ListBoxItem\n        ref={ref}\n        className={item({ isDisabled: fieldGroupIsDisabled })}\n        id={props.id ?? value}\n        textValue={newTextValue}\n        {...props}\n      >\n        {({ isFocusVisible, isSelected }) => {\n          return (\n            <>\n              {isSelected ? (\n                <motion.div\n                  layoutId={layoutId}\n                  className={itemActive({ isFocusVisible })}\n                  transition={{\n                    type: \"tween\",\n                    duration: 0.2,\n                  }}\n                />\n              ) : null}\n              <div className={itemText()}>{children}</div>\n            </>\n          );\n        }}\n      </ListBoxItem>\n    </>\n  );\n};\n\nexport const SegmentedControlItem = fixedForwardRef(_SegmentedControlItem);\n// @ts-ignore\nSegmentedControlItem.displayName = \"SegmentedControlItem\";\n"],"names":["SegmentedControlSharedContext","createContext","_SegmentedControl","description","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","name","props","ref","useContextProps","ListBoxContext","children","className","defaultValue","isRequired","onChange","value","selectedId","useId","labelId","localValue","setLocalValue","useState","track","segmentedControlStyles","valuesWithSeperator","useMemo","allChildren","Children","selectedChildIndex","child","_a","_","index","jsxs","Fragment","jsx","InputHeader","ListBox","keys","firstKeyFromSet","LayoutGroup","InputFooter","SegmentedControl","fixedForwardRef","_SegmentedControlItem","textValue","newTextValue","fieldGroupIsDisabled","useContext","FieldGroupContext","layoutId","LayoutGroupContext","seperator","item","itemActive","itemText","ListBoxItem","isFocusVisible","isSelected","motion","SegmentedControlItem"],"mappings":"8YA6BMA,EAAgCC,EAAAA,cAAiD,CACrF,oBAAqB,CAAC,CACxB,CAAC,EAyBKC,EAAoB,CACxB,CACE,YAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,GACZ,cAAAC,EAAgB,GAChB,gBAAAC,EAAkB,GAClB,gBAAAC,EAAkB,GAClB,MAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,cAAc,EACzD,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,aAAAC,EAAc,WAAAC,EAAY,SAAAC,EAAU,MAAAC,CAAU,EAAAT,EACrEU,EAAaC,EAAAA,QACbC,EAAUD,EAAAA,QACV,CAACE,EAAYC,CAAa,EAAIC,EAAiB,SAAAT,GAAgBG,GAAS,EAAE,EAC1E,CAAE,MAAAO,CAAM,EAAIC,EAAuB,uBAAA,CAAE,UAAAvB,CAAW,CAAA,EAKhDwB,EAAsBC,EAAAA,QAAQ,IAAM,CAClC,MAAAC,EAAcC,EAAAA,SAAS,QAAQjB,CAAQ,EACvCkB,EAAyCF,GAAA,YAAAA,EAAa,UAAWG,GAAe,OAC7E,QAAAC,EAAAD,GAAA,YAAAA,EAAO,QAAP,YAAAC,EAAc,SAAUX,CAAA,GAqB1B,OAbyBO,GAAA,YAAAA,EAC5B,OAAO,CAACK,EAAGC,IACPJ,IAAuB,QACvBI,IAAUJ,GACVI,IAAUN,EAAY,OAAS,EAAU,GACzCE,EAAqBI,EAChB,KAAK,IAAIA,EAAQJ,CAAkB,GAAK,EAExC,KAAK,IAAII,EAAQJ,CAAkB,GAAK,GAGlD,IAAKC,GAAe,OAAA,OAAAC,EAAAD,GAAA,YAAAA,EAAO,QAAP,YAAAC,EAAc,OAE9B,EACN,CAACpB,EAAUS,CAAU,CAAC,EAEzB,OAEIc,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,YAAA,CACC,MAAAhC,EACA,QAAAc,EACA,WAAAL,EACA,cAAAZ,EACA,gBAAAE,CAAA,CACF,EACAgC,EAAA,kBAAA,IAACE,EAAA,QAAA,CACE,GAAG/B,EACJ,IAAAC,EACA,aAAYH,EACZ,kBAAiBc,EACjB,UAAWI,EAAM,CAAE,UAAAX,EAAW,EAC9B,oBAAqBC,EAAmB,IAAA,IAAI,CAACA,CAAY,CAAC,EAAI,CAAC,EAC/D,YAAY,aACZ,kBAAkB,UAClB,cAAc,SACd,aAAcG,EAAQ,CAACA,CAAK,EAAI,OAChC,uBAAsB,GACtB,kBAAoBuB,GAAS,CAC3B,GAAIA,IAAS,MAAO,OACpB,MAAMC,EAAkBD,EAAK,KAAK,EAAE,OAAO,MAC3CxB,GAAA,MAAAA,EAAWyB,GACXnB,EAAcmB,CAAe,CAC/B,EAEA,SAACJ,EAAA,kBAAA,IAAAxC,EAA8B,SAA9B,CAAuC,MAAO,CAAE,oBAAA6B,CAAoB,EACnE,SAACW,EAAA,kBAAA,IAAAK,EAAA,YAAA,CAAY,GAAIxB,EAAa,SAAAN,CAAS,CAAA,EACzC,CAAA,CACF,EACAyB,EAAA,kBAAA,IAACM,EAAA,YAAA,CACC,YAAA3C,EACA,aAAAC,EACA,gBAAAG,CAAA,CACF,EACCG,0BAAQ,QAAM,CAAA,KAAK,SAAS,KAAAA,EAAY,MAAOc,GAAc,EAAA,CAAI,EAAK,IACzE,CAAA,CAAA,CAEJ,EAEauB,EAAmBC,kBAAgB9C,CAAiB,EAEjE6C,EAAiB,YAAc,mBAS/B,MAAME,EAAwB,CAC5B,CAAE,SAAAlC,EAAU,UAAAmC,EAAW,MAAA9B,EAAO,GAAGT,CAAM,EACvCC,IACG,CACH,MAAMuC,EAAeD,IAAwB,OAAOnC,GAAa,SAAWA,EAAW,QACjF,CAAE,WAAYqC,CAAqB,EAAIC,aAAWC,EAAiB,iBAAA,EACnE,CAAE,GAAIC,CAAS,EAAIF,aAAWG,EAAkB,kBAAA,EAChD,CAAE,oBAAA3B,CAAA,EAAwBwB,EAAA,WAAWrD,CAA6B,EAClEyD,EAAY5B,EAAoB,SAAST,GAAS,EAAE,EACpD,CAAE,KAAAsC,EAAM,WAAAC,EAAY,SAAAC,GAAahC,yBAAuB,CAAE,UAAA6B,EAAW,EAC3E,OAEIjB,wBAAAD,EAAAA,kBAAAA,SAAA,CAAA,SAAAC,EAAA,kBAAA,IAACqB,EAAA,YAAA,CACC,IAAAjD,EACA,UAAW8C,EAAK,CAAE,WAAYN,EAAsB,EACpD,GAAIzC,EAAM,IAAMS,EAChB,UAAW+B,EACV,GAAGxC,EAEH,SAAC,CAAA,CAAE,eAAAmD,EAAgB,WAAAC,KAGbzB,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CACCwB,EAAAvB,EAAA,kBAAA,IAACwB,EAAAA,OAAO,IAAP,CACC,SAAAT,EACA,UAAWI,EAAW,CAAE,eAAAG,EAAgB,EACxC,WAAY,CACV,KAAM,QACN,SAAU,EACZ,CAAA,CAAA,EAEA,KACHtB,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWoB,IAAa,SAAA7C,CAAS,CAAA,CACxC,CAAA,CAAA,CAEJ,CAEJ,CAAA,CAAA,CAEJ,EAEakD,EAAuBjB,kBAAgBC,CAAqB,EAEzEgB,EAAqB,YAAc"}

package/dist/lyra34.js

@@ -1,182 +1,114 @@
 import { j as e } from "./lyra90.js";
-import { createContext as F, useId as V, useState as G, useMemo as L, Children as w, useContext as S } from "react";
-import { useContextProps as A, ListBoxContext as B, ListBox as M, ListBoxItem as T } from "./lyra89.js";
-import { fixedForwardRef as C } from "./lyra93.js";
-import { FieldGroupContext as K } from "./lyra26.js";
-import { InputHeader as R } from "./lyra38.js";
-import { InputFooter as W } from "./lyra39.js";
+import { createContext as B, useId as b, useState as M, useMemo as T, Children as V, useContext as I } from "react";
+import { useContextProps as D, ListBoxContext as K, ListBox as R, ListBoxItem as W } from "./lyra89.js";
+import { fixedForwardRef as h } from "./lyra93.js";
+import { FieldGroupContext as _ } from "./lyra26.js";
+import { InputHeader as E } from "./lyra38.js";
+import { InputFooter as P } from "./lyra39.js";
 import "./lyra40.js";
-import { segmentedControlStyles as E } from "./lyra35.js";
-import { LayoutGroup as _ } from "./lyra615.js";
-import { LayoutGroupContext as P } from "./lyra616.js";
-import { motion as q } from "./lyra617.js";
-const k = F({
+import { segmentedControlStyles as F } from "./lyra35.js";
+import { LayoutGroup as k } from "./lyra608.js";
+import { LayoutGroupContext as q } from "./lyra609.js";
+import { motion as z } from "./lyra610.js";
+const N = B({
   valuesWithSeperator: []
-}), z = ({
-  description: i,
-  errorMessage: d,
+}), H = ({
+  description: n,
+  errorMessage: u,
   fullWidth: c = !0,
   hideHintLabel: p = !0,
-  hideInputFooter: N = !0,
-  hideInputHeader: g = !0,
+  hideInputFooter: S = !0,
+  hideInputHeader: v = !0,
   label: f,
   name: x,
-  ...r
-}, m) => {
-  [r, m] = A(r, m, B);
-  const { children: l, className: b, defaultValue: a, isRequired: v, onChange: u, value: y } = r, I = V(), D = V(), [j, U] = G(a ?? y ?? ""), { track: $ } = E({ fullWidth: c }), h = L(() => {
-    const n = w.toArray(l), o = n == null ? void 0 : n.findIndex((s) => {
+  ...a
+}, i) => {
+  [a, i] = D(a, i, K);
+  const { children: l, className: y, defaultValue: d, isRequired: g, onChange: m, value: j } = a, G = b(), $ = b(), [C, L] = M(d ?? j ?? ""), { track: w } = F({ fullWidth: c }), A = T(() => {
+    const o = V.toArray(l), r = o == null ? void 0 : o.findIndex((s) => {
       var t;
-      return ((t = s == null ? void 0 : s.props) == null ? void 0 : t.value) === j;
+      return ((t = s == null ? void 0 : s.props) == null ? void 0 : t.value) === C;
     });
-    return n == null ? void 0 : n.filter((s, t) => o === void 0 || t === o || t === n.length - 1 ? !1 : o < t ? Math.abs(t - o) >= 1 : Math.abs(t - o) >= 2).map((s) => {
+    return o == null ? void 0 : o.filter((s, t) => r === void 0 || t === r || t === o.length - 1 ? !1 : r < t ? Math.abs(t - r) >= 1 : Math.abs(t - r) >= 2).map((s) => {
       var t;
       return (t = s == null ? void 0 : s.props) == null ? void 0 : t.value;
     });
-  }, [l, j]);
-  return /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxDEV(
-      R,
+  }, [l, C]);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      E,
       {
         label: f,
-        labelId: D,
-        isRequired: v,
+        labelId: $,
+        isRequired: g,
         hideHintLabel: p,
-        hideInputHeader: g
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",
-        lineNumber: 110,
-        columnNumber: 7
-      },
-      void 0
+        hideInputHeader: v
+      }
     ),
-    /* @__PURE__ */ e.jsxDEV(
-      M,
+    /* @__PURE__ */ e.jsx(
+      R,
       {
-        ...r,
-        ref: m,
+        ...a,
+        ref: i,
         "aria-label": f,
-        "aria-labelledby": D,
-        className: $({ className: b }),
-        defaultSelectedKeys: a ? /* @__PURE__ */ new Set([a]) : [],
+        "aria-labelledby": $,
+        className: w({ className: y }),
+        defaultSelectedKeys: d ? /* @__PURE__ */ new Set([d]) : [],
         orientation: "horizontal",
         selectionBehavior: "replace",
         selectionMode: "single",
-        selectedKeys: y ? [y] : void 0,
+        selectedKeys: j ? [j] : void 0,
         disallowEmptySelection: !0,
-        onSelectionChange: (n) => {
-          if (n === "all")
+        onSelectionChange: (o) => {
+          if (o === "all")
             return;
-          const o = n.keys().next().value;
-          u == null || u(o), U(o);
+          const r = o.keys().next().value;
+          m == null || m(r), L(r);
         },
-        children: /* @__PURE__ */ e.jsxDEV(k.Provider, { value: { valuesWithSeperator: h }, children: /* @__PURE__ */ e.jsxDEV(_, { id: I, children: l }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",
-          lineNumber: 137,
-          columnNumber: 11
-        }, void 0) }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",
-          lineNumber: 136,
-          columnNumber: 9
-        }, void 0)
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",
-        lineNumber: 117,
-        columnNumber: 7
-      },
-      void 0
+        children: /* @__PURE__ */ e.jsx(N.Provider, { value: { valuesWithSeperator: A }, children: /* @__PURE__ */ e.jsx(k, { id: G, children: l }) })
+      }
     ),
-    /* @__PURE__ */ e.jsxDEV(
-      W,
+    /* @__PURE__ */ e.jsx(
+      P,
       {
-        description: i,
-        errorMessage: d,
-        hideInputFooter: N
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",
-        lineNumber: 140,
-        columnNumber: 7
-      },
-      void 0
+        description: n,
+        errorMessage: u,
+        hideInputFooter: S
+      }
     ),
-    x ? /* @__PURE__ */ e.jsxDEV("input", { type: "hidden", name: x, value: j ?? "" }, void 0, !1, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",
-      lineNumber: 145,
-      columnNumber: 15
-    }, void 0) : null
-  ] }, void 0, !0, {
-    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",
-    lineNumber: 109,
-    columnNumber: 5
-  }, void 0);
-}, H = C(z);
-H.displayName = "SegmentedControl";
-const J = ({ children: i, textValue: d, value: c, ...p }, N) => {
-  const g = d || (typeof i == "string" ? i : void 0), { isDisabled: f } = S(K), { id: x } = S(P), { valuesWithSeperator: r } = S(k), m = r.includes(c ?? ""), { item: l, itemActive: b, itemText: a } = E({ seperator: m });
-  return /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: /* @__PURE__ */ e.jsxDEV(
-    T,
+    x ? /* @__PURE__ */ e.jsx("input", { type: "hidden", name: x, value: C ?? "" }) : null
+  ] });
+}, J = h(H);
+J.displayName = "SegmentedControl";
+const O = ({ children: n, textValue: u, value: c, ...p }, S) => {
+  const v = u || (typeof n == "string" ? n : void 0), { isDisabled: f } = I(_), { id: x } = I(q), { valuesWithSeperator: a } = I(N), i = a.includes(c ?? ""), { item: l, itemActive: y, itemText: d } = F({ seperator: i });
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
+    W,
     {
-      ref: N,
+      ref: S,
       className: l({ isDisabled: f }),
       id: p.id ?? c,
-      textValue: g,
+      textValue: v,
       ...p,
-      children: ({ isFocusVisible: v, isSelected: u }) => /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: [
-        u ? /* @__PURE__ */ e.jsxDEV(
-          q.div,
+      children: ({ isFocusVisible: g, isSelected: m }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        m ? /* @__PURE__ */ e.jsx(
+          z.div,
           {
             layoutId: x,
-            className: b({ isFocusVisible: v }),
+            className: y({ isFocusVisible: g }),
             transition: {
               type: "tween",
               duration: 0.2
             }
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",
-            lineNumber: 184,
-            columnNumber: 17
-          },
-          void 0
+          }
         ) : null,
-        /* @__PURE__ */ e.jsxDEV("div", { className: a(), children: i }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",
-          lineNumber: 193,
-          columnNumber: 15
-        }, void 0)
-      ] }, void 0, !0, {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",
-        lineNumber: 182,
-        columnNumber: 13
-      }, void 0)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",
-      lineNumber: 173,
-      columnNumber: 7
-    },
-    void 0
-  ) }, void 0, !1, {
-    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/segmented-control/segmented-control.tsx",
-    lineNumber: 172,
-    columnNumber: 5
-  }, void 0);
-}, O = C(J);
-O.displayName = "SegmentedControlItem";
+        /* @__PURE__ */ e.jsx("div", { className: d(), children: n })
+      ] })
+    }
+  ) });
+}, Q = h(O);
+Q.displayName = "SegmentedControlItem";
 export {
-  H as SegmentedControl,
-  O as SegmentedControlItem
+  J as SegmentedControl,
+  Q as SegmentedControlItem
 };

package/dist/lyra34.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra34.js","sources":["../src/components/inputs/segmented-control/segmented-control.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  ElementRef,\n  ForwardedRef,\n  ReactNode,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  ListBox,\n  ListBoxContext,\n  ListBoxItem,\n  ListBoxItemProps,\n  ListBoxProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { LayoutGroup, LayoutGroupContext, motion } from \"framer-motion\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputHeader, InputHeaderProps } from \"../shared\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\n\nimport { segmentedControlStyles } from \"./segmented-control.styles\";\n\nconst SegmentedControlSharedContext = createContext<{ valuesWithSeperator: string[] }>({\n  valuesWithSeperator: [],\n});\n\nexport type SegmentedControlRef = ElementRef<typeof ListBox>;\nexport type SegmentedControlProps<T extends object> = InputHeaderProps &\n  InputFooterProps &\n  Omit<\n    ListBoxProps<T>,\n    | \"selectedKeys\"\n    | \"onSelectionChange\"\n    | \"defaultSelectedKeys\"\n    | \"orientation\"\n    | \"selectionBehavior\"\n    | \"selectionMode\"\n    | \"disallowEmptySelection\"\n    | \"children\"\n    | \"items\"\n  > & {\n    value?: string;\n    onChange?: (value?: string) => void;\n    defaultValue?: string;\n    fullWidth?: boolean;\n    children: ReactNode;\n    name?: string;\n  };\n\nconst _SegmentedControl = <T extends object>(\n  {\n    description,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel = true,\n    hideInputFooter = true,\n    hideInputHeader = true,\n    label,\n    name,\n    ...props\n  }: SegmentedControlProps<T>,\n  ref: ForwardedRef<SegmentedControlRef>,\n) => {\n  [props, ref] = useContextProps(props, ref, ListBoxContext);\n  const { children, className, defaultValue, isRequired, onChange, value } = props;\n  const selectedId = useId();\n  const labelId = useId();\n  const [localValue, setLocalValue] = useState<string>(defaultValue ?? value ?? \"\");\n  const { track } = segmentedControlStyles({ fullWidth });\n\n  /**\n   * Array of values of the children that are not selected and at should get a seperator at the end.\n   */\n  const valuesWithSeperator = useMemo(() => {\n    const allChildren = Children.toArray(children);\n    const selectedChildIndex: number | undefined = allChildren?.findIndex((child: any) => {\n      return child?.props?.value === localValue;\n    });\n\n    /**\n     * Filter values that are at least 2 indexes away from the selected value when the selected child index is lower than the current index.\n     * At least 1 index away from the selected child when the selected child index is higher than the current index.\n     * Also prevent that the last item will be added.\n     */\n    const valuesThatGetASeperator = allChildren\n      ?.filter((_, index: number) => {\n        if (selectedChildIndex === undefined) return false;\n        if (index === selectedChildIndex) return false;\n        if (index === allChildren.length - 1) return false;\n        if (selectedChildIndex < index) {\n          return Math.abs(index - selectedChildIndex) >= 1;\n        } else {\n          return Math.abs(index - selectedChildIndex) >= 2;\n        }\n      })\n      .map((child: any) => child?.props?.value);\n\n    return valuesThatGetASeperator;\n  }, [children, localValue]);\n\n  return (\n    <>\n      <InputHeader\n        label={label}\n        labelId={labelId}\n        isRequired={isRequired}\n        hideHintLabel={hideHintLabel}\n        hideInputHeader={hideInputHeader}\n      />\n      <ListBox\n        {...props}\n        ref={ref}\n        aria-label={label}\n        aria-labelledby={labelId}\n        className={track({ className })}\n        defaultSelectedKeys={defaultValue ? new Set([defaultValue]) : []}\n        orientation=\"horizontal\"\n        selectionBehavior=\"replace\"\n        selectionMode=\"single\"\n        selectedKeys={value ? [value] : undefined}\n        disallowEmptySelection\n        onSelectionChange={(keys) => {\n          if (keys === \"all\") return;\n          const firstKeyFromSet = keys.keys().next().value;\n          onChange?.(firstKeyFromSet);\n          setLocalValue(firstKeyFromSet);\n        }}\n      >\n        <SegmentedControlSharedContext.Provider value={{ valuesWithSeperator }}>\n          <LayoutGroup id={selectedId}>{children}</LayoutGroup>\n        </SegmentedControlSharedContext.Provider>\n      </ListBox>\n      <InputFooter\n        description={description}\n        errorMessage={errorMessage}\n        hideInputFooter={hideInputFooter}\n      />\n      {name ? <input type=\"hidden\" name={name} value={localValue ?? \"\"} /> : null}\n    </>\n  );\n};\n\nexport const SegmentedControl = fixedForwardRef(_SegmentedControl);\n// @ts-ignore\nSegmentedControl.displayName = \"SegmentedControl\";\n\nexport type SegmentedControlItemProps<T extends object> = Omit<ListBoxItemProps<T>, \"value\"> & {\n  children: ReactNode;\n  value?: string;\n};\n\ntype SegmentedControlItemRef = ElementRef<typeof ListBoxItem>;\n\nconst _SegmentedControlItem = <T extends object>(\n  { children, textValue, value, ...props }: SegmentedControlItemProps<T>,\n  ref: ForwardedRef<SegmentedControlItemRef>,\n) => {\n  const newTextValue = textValue ? textValue : typeof children === \"string\" ? children : undefined;\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const { id: layoutId } = useContext(LayoutGroupContext);\n  const { valuesWithSeperator } = useContext(SegmentedControlSharedContext);\n  const seperator = valuesWithSeperator.includes(value ?? \"\");\n  const { item, itemActive, itemText } = segmentedControlStyles({ seperator });\n  return (\n    <>\n      <ListBoxItem\n        ref={ref}\n        className={item({ isDisabled: fieldGroupIsDisabled })}\n        id={props.id ?? value}\n        textValue={newTextValue}\n        {...props}\n      >\n        {({ isFocusVisible, isSelected }) => {\n          return (\n            <>\n              {isSelected ? (\n                <motion.div\n                  layoutId={layoutId}\n                  className={itemActive({ isFocusVisible })}\n                  transition={{\n                    type: \"tween\",\n                    duration: 0.2,\n                  }}\n                />\n              ) : null}\n              <div className={itemText()}>{children}</div>\n            </>\n          );\n        }}\n      </ListBoxItem>\n    </>\n  );\n};\n\nexport const SegmentedControlItem = fixedForwardRef(_SegmentedControlItem);\n// @ts-ignore\nSegmentedControlItem.displayName = \"SegmentedControlItem\";\n"],"names":["SegmentedControlSharedContext","createContext","_SegmentedControl","description","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","name","props","ref","useContextProps","ListBoxContext","children","className","defaultValue","isRequired","onChange","value","selectedId","useId","labelId","localValue","setLocalValue","useState","track","segmentedControlStyles","valuesWithSeperator","useMemo","allChildren","Children","selectedChildIndex","child","_a","_","index","jsxDEV","Fragment","InputHeader","this","ListBox","keys","firstKeyFromSet","LayoutGroup","InputFooter","SegmentedControl","fixedForwardRef","_SegmentedControlItem","textValue","newTextValue","fieldGroupIsDisabled","useContext","FieldGroupContext","layoutId","LayoutGroupContext","seperator","item","itemActive","itemText","ListBoxItem","isFocusVisible","isSelected","motion","SegmentedControlItem"],"mappings":"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"}
+{"version":3,"file":"lyra34.js","sources":["../src/components/inputs/segmented-control/segmented-control.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  ElementRef,\n  ForwardedRef,\n  ReactNode,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  ListBox,\n  ListBoxContext,\n  ListBoxItem,\n  ListBoxItemProps,\n  ListBoxProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { LayoutGroup, LayoutGroupContext, motion } from \"framer-motion\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputHeader, InputHeaderProps } from \"../shared\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\n\nimport { segmentedControlStyles } from \"./segmented-control.styles\";\n\nconst SegmentedControlSharedContext = createContext<{ valuesWithSeperator: string[] }>({\n  valuesWithSeperator: [],\n});\n\nexport type SegmentedControlRef = ElementRef<typeof ListBox>;\nexport type SegmentedControlProps<T extends object> = InputHeaderProps &\n  InputFooterProps &\n  Omit<\n    ListBoxProps<T>,\n    | \"selectedKeys\"\n    | \"onSelectionChange\"\n    | \"defaultSelectedKeys\"\n    | \"orientation\"\n    | \"selectionBehavior\"\n    | \"selectionMode\"\n    | \"disallowEmptySelection\"\n    | \"children\"\n    | \"items\"\n  > & {\n    value?: string;\n    onChange?: (value?: string) => void;\n    defaultValue?: string;\n    fullWidth?: boolean;\n    children: ReactNode;\n    name?: string;\n  };\n\nconst _SegmentedControl = <T extends object>(\n  {\n    description,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel = true,\n    hideInputFooter = true,\n    hideInputHeader = true,\n    label,\n    name,\n    ...props\n  }: SegmentedControlProps<T>,\n  ref: ForwardedRef<SegmentedControlRef>,\n) => {\n  [props, ref] = useContextProps(props, ref, ListBoxContext);\n  const { children, className, defaultValue, isRequired, onChange, value } = props;\n  const selectedId = useId();\n  const labelId = useId();\n  const [localValue, setLocalValue] = useState<string>(defaultValue ?? value ?? \"\");\n  const { track } = segmentedControlStyles({ fullWidth });\n\n  /**\n   * Array of values of the children that are not selected and at should get a seperator at the end.\n   */\n  const valuesWithSeperator = useMemo(() => {\n    const allChildren = Children.toArray(children);\n    const selectedChildIndex: number | undefined = allChildren?.findIndex((child: any) => {\n      return child?.props?.value === localValue;\n    });\n\n    /**\n     * Filter values that are at least 2 indexes away from the selected value when the selected child index is lower than the current index.\n     * At least 1 index away from the selected child when the selected child index is higher than the current index.\n     * Also prevent that the last item will be added.\n     */\n    const valuesThatGetASeperator = allChildren\n      ?.filter((_, index: number) => {\n        if (selectedChildIndex === undefined) return false;\n        if (index === selectedChildIndex) return false;\n        if (index === allChildren.length - 1) return false;\n        if (selectedChildIndex < index) {\n          return Math.abs(index - selectedChildIndex) >= 1;\n        } else {\n          return Math.abs(index - selectedChildIndex) >= 2;\n        }\n      })\n      .map((child: any) => child?.props?.value);\n\n    return valuesThatGetASeperator;\n  }, [children, localValue]);\n\n  return (\n    <>\n      <InputHeader\n        label={label}\n        labelId={labelId}\n        isRequired={isRequired}\n        hideHintLabel={hideHintLabel}\n        hideInputHeader={hideInputHeader}\n      />\n      <ListBox\n        {...props}\n        ref={ref}\n        aria-label={label}\n        aria-labelledby={labelId}\n        className={track({ className })}\n        defaultSelectedKeys={defaultValue ? new Set([defaultValue]) : []}\n        orientation=\"horizontal\"\n        selectionBehavior=\"replace\"\n        selectionMode=\"single\"\n        selectedKeys={value ? [value] : undefined}\n        disallowEmptySelection\n        onSelectionChange={(keys) => {\n          if (keys === \"all\") return;\n          const firstKeyFromSet = keys.keys().next().value;\n          onChange?.(firstKeyFromSet);\n          setLocalValue(firstKeyFromSet);\n        }}\n      >\n        <SegmentedControlSharedContext.Provider value={{ valuesWithSeperator }}>\n          <LayoutGroup id={selectedId}>{children}</LayoutGroup>\n        </SegmentedControlSharedContext.Provider>\n      </ListBox>\n      <InputFooter\n        description={description}\n        errorMessage={errorMessage}\n        hideInputFooter={hideInputFooter}\n      />\n      {name ? <input type=\"hidden\" name={name} value={localValue ?? \"\"} /> : null}\n    </>\n  );\n};\n\nexport const SegmentedControl = fixedForwardRef(_SegmentedControl);\n// @ts-ignore\nSegmentedControl.displayName = \"SegmentedControl\";\n\nexport type SegmentedControlItemProps<T extends object> = Omit<ListBoxItemProps<T>, \"value\"> & {\n  children: ReactNode;\n  value?: string;\n};\n\ntype SegmentedControlItemRef = ElementRef<typeof ListBoxItem>;\n\nconst _SegmentedControlItem = <T extends object>(\n  { children, textValue, value, ...props }: SegmentedControlItemProps<T>,\n  ref: ForwardedRef<SegmentedControlItemRef>,\n) => {\n  const newTextValue = textValue ? textValue : typeof children === \"string\" ? children : undefined;\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const { id: layoutId } = useContext(LayoutGroupContext);\n  const { valuesWithSeperator } = useContext(SegmentedControlSharedContext);\n  const seperator = valuesWithSeperator.includes(value ?? \"\");\n  const { item, itemActive, itemText } = segmentedControlStyles({ seperator });\n  return (\n    <>\n      <ListBoxItem\n        ref={ref}\n        className={item({ isDisabled: fieldGroupIsDisabled })}\n        id={props.id ?? value}\n        textValue={newTextValue}\n        {...props}\n      >\n        {({ isFocusVisible, isSelected }) => {\n          return (\n            <>\n              {isSelected ? (\n                <motion.div\n                  layoutId={layoutId}\n                  className={itemActive({ isFocusVisible })}\n                  transition={{\n                    type: \"tween\",\n                    duration: 0.2,\n                  }}\n                />\n              ) : null}\n              <div className={itemText()}>{children}</div>\n            </>\n          );\n        }}\n      </ListBoxItem>\n    </>\n  );\n};\n\nexport const SegmentedControlItem = fixedForwardRef(_SegmentedControlItem);\n// @ts-ignore\nSegmentedControlItem.displayName = \"SegmentedControlItem\";\n"],"names":["SegmentedControlSharedContext","createContext","_SegmentedControl","description","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","name","props","ref","useContextProps","ListBoxContext","children","className","defaultValue","isRequired","onChange","value","selectedId","useId","labelId","localValue","setLocalValue","useState","track","segmentedControlStyles","valuesWithSeperator","useMemo","allChildren","Children","selectedChildIndex","child","_a","_","index","jsxs","Fragment","jsx","InputHeader","ListBox","keys","firstKeyFromSet","LayoutGroup","InputFooter","SegmentedControl","fixedForwardRef","_SegmentedControlItem","textValue","newTextValue","fieldGroupIsDisabled","useContext","FieldGroupContext","layoutId","LayoutGroupContext","seperator","item","itemActive","itemText","ListBoxItem","isFocusVisible","isSelected","motion","SegmentedControlItem"],"mappings":"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"}

package/dist/lyra36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),m=require("react"),G=require("./lyra89.cjs"),_=require("./lyra450.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const H=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("./lyra490.cjs");const z=require("./lyra38.cjs"),B=require("./lyra39.cjs"),L=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const Z=require("./lyra596.cjs"),C=require("./lyra491.cjs"),K=require("./lyra492.cjs"),g=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const J=require("./lyra73.cjs");require("./lyra74.cjs");const W=require("./lyra493.cjs");require("./lyra494.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"),ee=({closePopover:o,disabledItemIdKeys:i,filteredItems:l,getItemId:s,onMultiChange:N,onSingleChange:p,value:t})=>{const k=m.useMemo(()=>{if(Array.isArray(t))return t.length?l.findIndex(r=>s(r)===s(t[0])):0;if(t)return l.findIndex(r=>s(r)===s(t))},[l,s,t]),[D,x]=m.useState(k??0),d=m.useCallback(r=>{if(Number.isInteger(r)){for(let n=r-1;n>=0;n--)if(!(i!=null&&i.includes(s(l[n]))))return Math.max(n,0)}return-1},[i,l,s]),q=m.useCallback(r=>{if(Number.isInteger(r)){for(let n=r+1;n<l.length;n++)if(!(i!=null&&i.includes(s(l[n]))))return Math.min(l.length-1,n)}return-1},[i,l,s]),b=m.useRef([]),f=m.useCallback((r,n)=>{n&&(b.current[r]=n)},[]),u=m.useCallback(r=>{if(N){const n=t?[...t]:[],E=n.map(s),j=E!=null&&E.includes(s(r))?n.filter(S=>s(S)!==s(r)):[...n,r];N==null||N(j)}else p&&(p==null||p(r))},[s,N,p,t]),c=m.useCallback(r=>Array.isArray(t)?t.some(n=>s(n)===s(r)):t?s(t)===s(r):!1,[s,t]),v=I.useMousePosition(),a=m.useRef(void 0),y=m.useCallback(r=>{const n=D;if(r.key==="ArrowDown"){r.preventDefault();const E=q(n);if(E>=0){x(E),a.current=v;const j=b.current[E];j==null||j.scrollIntoView({block:"nearest"}),j==null||j.focus()}}else if(r.key==="ArrowUp"){r.preventDefault();const E=d(n);if(E>=0){x(E);const j=b.current[E];j==null||j.scrollIntoView({block:"nearest"}),j==null||j.focus(),a.current=v}}else r.key==="Escape"&&o()},[D,o,q,d,v]),h=m.useCallback((r,n)=>{r&&a.current!==v&&(x(n),a.current=v)},[v]);return m.useEffect(()=>{var r;(r=b.current)!=null&&r[D]&&b.current[D].focus()},[open]),{activeItem:D,assignRefOnIndex:f,getItemIsSelected:c,onKeyDown:y,onHoverChange:h,selectedItemIndex:k,toggleSelection:u}},se=({disabledItemIdKeys:o,getItemId:i,items:l,onMultiChange:s,onSingleChange:N,selectRenderElements:p,setOpenPopover:t,value:k})=>{const{activeItem:D,assignRefOnIndex:x,getItemIsSelected:d,onHoverChange:q,onKeyDown:b,toggleSelection:f}=ee({closePopover:()=>t(!1),disabledItemIdKeys:o,filteredItems:l,getItemId:i,onMultiChange:s,onSingleChange:N,value:k}),u=c=>(o==null?void 0:o.includes(i(c)))??!1;return e.jsxDevRuntimeExports.jsxDEV("div",{className:C.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:l.map((c,v)=>e.jsxDevRuntimeExports.jsxDEV(G.Button,{"data-index":v,ref:a=>x(v,a),className:"w-full text-start outline-none",onHoverChange:a=>{q(a,v)},onPress:()=>f(c),onKeyDown:a=>b(a),isDisabled:u(c),children:e.jsxDevRuntimeExports.jsxDEV(K.SharedListItem,{item:c,state:{active:D===v,disabled:(o==null?void 0:o.includes(i(c)))??!1,selected:d(c)},selectRenderElements:p,hasSelection:!0},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:253,columnNumber:11},void 0)},i(c),!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:241,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:235,columnNumber:5},void 0)},X=({direction:o,disabledItemIdKeys:i,getItemId:l,items:s,label:N,onMultiChange:p,onSingleChange:t,open:k,placement:D="bottom start",selectRenderElements:x,setOpenPopover:d,triggerRef:q,value:b})=>{var v,a;const[f,u]=m.useState((v=q.current)==null?void 0:v.offsetWidth),c=f??((a=q.current)==null?void 0:a.offsetWidth);return Z.default("resize",()=>{var y;u((y=q.current)==null?void 0:y.offsetWidth)}),e.jsxDevRuntimeExports.jsxDEV(g.Popover,{className:"p-1",isOpen:k,triggerRef:q,onOpenChange:d,shouldUpdatePosition:!0,"aria-label":N,disablePadding:!0,placement:D,style:{width:c&&c>280?c+"px":"280px",direction:o},children:k?e.jsxDevRuntimeExports.jsxDEV(se,{getItemId:l,items:s,onMultiChange:p,onSingleChange:t,selectRenderElements:x,setOpenPopover:d,value:b,disabledItemIdKeys:i},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:315,columnNumber:9},void 0):null},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:298,columnNumber:5},void 0)},re=({disableClearLogic:o,fullWidth:i,getLabel:l,isDisabled:s,isInvalid:N,onChange:p,placeholder:t,renderCustomElementInValueButton:k,selectRenderElements:D,setOpenPopover:x,value:d})=>{var f;const{inputField:q}=L.sharedInputStyles({}),b=u=>{(u.key==="Escape"||u.key==="Backspace")&&!o?p==null||p(void 0):u.key==="ArrowDown"&&(u.preventDefault(),x(!0))};return e.jsxDevRuntimeExports.jsxDEV(G.Button,{className:({isFocused:u,isHovered:c})=>q({fullWidth:i,isDisabled:s,isHovered:c,isFocused:u,isInvalid:N,hasEndSlot:!0,className:_.clsx(c&&!N&&!s&&!u?"border-hover":"","min-h-8")}),isDisabled:s,onKeyDown:b,onPress:()=>{x(!0)},children:[e.jsxDevRuntimeExports.jsxDEV("div",{className:"flex grow text-start",children:[k&&d?(f=D(d))==null?void 0:f.customElement:null,d?e.jsxDevRuntimeExports.jsxDEV(e.jsxDevRuntimeExports.Fragment,{children:l(d)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:386,columnNumber:18},void 0):e.jsxDevRuntimeExports.jsxDEV(J.Text,{color:"secondary",children:t},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:386,columnNumber:43},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:382,columnNumber:7},void 0),e.jsxDevRuntimeExports.jsxDEV("div",{className:"flex items-center gap-2",children:[d&&!o&&!s?e.jsxDevRuntimeExports.jsxDEV(e.jsxDevRuntimeExports.Fragment,{children:e.jsxDevRuntimeExports.jsxDEV("div",{className:"text-secondary",role:"button",onClick:u=>{u.stopPropagation(),p==null||p(void 0)},children:e.jsxDevRuntimeExports.jsxDEV(H.SvgIcon,{name:"clear"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:399,columnNumber:15},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:391,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:390,columnNumber:11},void 0):null,e.jsxDevRuntimeExports.jsxDEV(H.SvgIcon,{name:"chevron-up-down"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:403,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:388,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:361,columnNumber:5},void 0)},te=({fullWidth:o,getItemId:i,getLabel:l,isDisabled:s,isInvalid:N,label:p,onChange:t,placeholder:k,setOpenPopover:D,value:x})=>{const{inputField:d}=L.sharedInputStyles({}),q=m.useCallback(f=>{x&&t(x.filter(u=>{const c=i(u);return!f.has(c)}))},[i,t,x]),b=f=>{(f.key==="ArrowDown"||f.key==="Enter"||f.key===" ")&&(f.preventDefault(),D(!0))};return e.jsxDevRuntimeExports.jsxDEV(G.Group,{children:({isFocusWithin:f})=>e.jsxDevRuntimeExports.jsxDEV(G.Button,{className:({isFocused:u,isHovered:c})=>d({fullWidth:o,isDisabled:s,isHovered:c,isFocused:u||f,isInvalid:N,hasEndSlot:!0,className:_.clsx(c&&!N&&!s&&!u?"border-hover":"","items-start","py-[0.4375rem]")}),onKeyDown:u=>b(u),onPress:()=>D(!0),isDisabled:s,children:e.jsxDevRuntimeExports.jsxDEV("div",{className:"flex w-full outline-none",children:[e.jsxDevRuntimeExports.jsxDEV("div",{className:"grow text-left",children:x&&x.length?e.jsxDevRuntimeExports.jsxDEV(W.InputTagGroup,{label:p??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:s?void 0:q,children:x.map(u=>e.jsxDevRuntimeExports.jsxDEV(W.InputTag,{id:i(u),isDisabled:s,children:l(u)},i(u),!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:482,columnNumber:21},void 0))},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:476,columnNumber:17},void 0):e.jsxDevRuntimeExports.jsxDEV(J.Text,{color:"secondary",children:k},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:488,columnNumber:17},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:474,columnNumber:13},void 0),e.jsxDevRuntimeExports.jsxDEV(H.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-4"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:491,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:473,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:453,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:451,columnNumber:5},void 0)},Y=({getItemId:o,name:i,value:l})=>i?Array.isArray(l)?l.map(s=>e.jsxDevRuntimeExports.jsxDEV("input",{type:"hidden",name:i,value:o(s)},o(s),!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:511,columnNumber:9},void 0)):l?e.jsxDevRuntimeExports.jsxDEV("input",{type:"hidden",name:i,value:o(l)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:514,columnNumber:14},void 0):null:null,ne=({defaultValue:o,description:i,disableClearLogic:l,disabledItemIdKeys:s,errorMessage:N,fullWidth:p=!0,getItemId:t,getLabel:k,hideHintLabel:D,hideInputFooter:x,hideInputHeader:d,isDisabled:q,isInvalid:b,isRequired:f,items:u,label:c,name:v,onChange:a,placeholder:y,placement:h,renderCustomElementInValueButton:r,selectRenderElements:n,value:E})=>{const{isDisabled:j}=m.useContext($.FieldGroupContext),[S,R]=m.useState(!1),M=q||j,[P,w]=m.useState(E??o),{wrapper:T}=L.sharedInputStyles({}),A=m.useRef(null),{direction:F}=Q.useLocale(),V=m.useCallback(O=>{w(O),a==null||a(O),R(!1)},[a]);m.useEffect(()=>{w(E??o)},[o,E]);const U=E??P;return e.jsxDevRuntimeExports.jsxDEV("div",{children:[e.jsxDevRuntimeExports.jsxDEV(Y,{name:v,value:U,getItemId:t},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:578,columnNumber:7},void 0),e.jsxDevRuntimeExports.jsxDEV("div",{className:T({fullWidth:p}),children:[e.jsxDevRuntimeExports.jsxDEV(z.InputHeader,{label:c,hideHintLabel:D,hideInputHeader:d,isRequired:f},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:580,columnNumber:9},void 0),e.jsxDevRuntimeExports.jsxDEV("div",{ref:A,children:e.jsxDevRuntimeExports.jsxDEV(re,{fullWidth:p,isDisabled:M,disableClearLogic:l,isInvalid:b,placeholder:y,value:U,getLabel:k,getItemId:t,label:c,onChange:V,setOpenPopover:R,renderCustomElementInValueButton:r,selectRenderElements:n},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:587,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:586,columnNumber:9},void 0),e.jsxDevRuntimeExports.jsxDEV(B.InputFooter,{description:i,errorMessage:N,hideInputFooter:x},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:603,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:579,columnNumber:7},void 0),e.jsxDevRuntimeExports.jsxDEV(X,{triggerRef:A,label:`${c} options`,getItemId:t,selectRenderElements:n,items:u,open:S,disabledItemIdKeys:s,direction:F,setOpenPopover:R,onSingleChange:V,value:U,placement:h},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:609,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:577,columnNumber:5},void 0)},ie=({defaultValue:o,description:i,disableClearLogic:l,disabledItemIdKeys:s,errorMessage:N,fullWidth:p=!0,getItemId:t,getLabel:k,hideHintLabel:D,hideInputFooter:x,hideInputHeader:d,isDisabled:q,isInvalid:b,isRequired:f,items:u,label:c,name:v,onChange:a,placeholder:y,placement:h,selectRenderElements:r,value:n})=>{const{isDisabled:E}=m.useContext($.FieldGroupContext),j=q||E,[S,R]=m.useState(!1),[M,P]=m.useState(n??o),w=m.useRef(null),{direction:T}=Q.useLocale(),{wrapper:A}=L.sharedInputStyles({}),F=m.useCallback(U=>{P(U),a==null||a(U)},[a]);m.useEffect(()=>{P(n??o)},[o,n]);const V=n??M;return e.jsxDevRuntimeExports.jsxDEV("div",{children:[e.jsxDevRuntimeExports.jsxDEV(Y,{name:v,value:V,getItemId:t},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:677,columnNumber:7},void 0),e.jsxDevRuntimeExports.jsxDEV("div",{className:A({fullWidth:p}),children:[e.jsxDevRuntimeExports.jsxDEV(z.InputHeader,{label:c,hideHintLabel:D,hideInputHeader:d,isRequired:f},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:679,columnNumber:9},void 0),e.jsxDevRuntimeExports.jsxDEV("div",{ref:w,children:e.jsxDevRuntimeExports.jsxDEV(te,{fullWidth:p,isDisabled:j,isInvalid:b,placeholder:y,value:V,onChange:F,getItemId:t,getLabel:k,label:c,disableClearLogic:l,setOpenPopover:R,selectRenderElements:r},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:686,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:685,columnNumber:9},void 0),e.jsxDevRuntimeExports.jsxDEV(B.InputFooter,{description:i,errorMessage:N,hideInputFooter:x},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:701,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:678,columnNumber:7},void 0),e.jsxDevRuntimeExports.jsxDEV(X,{label:`${c} options`,triggerRef:w,items:u,open:S,getItemId:t,selectRenderElements:r,disabledItemIdKeys:s,direction:T,setOpenPopover:R,onMultiChange:F,placement:h,value:V},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:707,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/select/select.tsx",lineNumber:676,columnNumber:5},void 0)};exports.MultiSelect=ie;exports.Select=ne;
+"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("./lyra452.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("./lyra596.cjs"),C=require("./lyra453.cjs"),K=require("./lyra454.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("./lyra455.cjs");require("./lyra456.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;