@new-black/lyra 0.1.14 → 0.1.15

package/dist/lyra17.js

@@ -1,7 +1,7 @@
 import { j as e } from "./lyra54.js";
 import { useState as d } from "react";
 import { Button as p } from "./lyra8.js";
-import "./lyra72.js";
+import "./lyra68.js";
 import { SvgIcon as t } from "./lyra39.js";
 import { TextField as a } from "./lyra26.js";
 const i = {

package/dist/lyra173.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("./lyra120.cjs");function u(){const e=t.useRef(!1);return r.useIsomorphicLayoutEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),e}exports.useIsMounted=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("./lyra121.cjs");function u(){const e=t.useRef(!1);return r.useIsomorphicLayoutEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),e}exports.useIsMounted=u;

package/dist/lyra173.js

@@ -1,5 +1,5 @@
 import { useRef as r } from "react";
-import { useIsomorphicLayoutEffect as t } from "./lyra120.js";
+import { useIsomorphicLayoutEffect as t } from "./lyra121.js";
 function n() {
   const e = r(!1);
   return t(() => (e.current = !0, () => {

package/dist/lyra18.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),x=require("react"),u=require("./lyra53.cjs"),g=require("./lyra63.cjs"),o=require("./lyra43.cjs"),N=require("./lyra44.cjs");require("./lyra11.cjs");require("./lyra115.cjs");require("./lyra13.cjs");require("./lyra26.cjs");require("./lyra16.cjs");require("./lyra8.cjs");require("./lyra72.cjs");require("./lyra19.cjs");require("./lyra2.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra73.cjs");require("./lyra10.cjs");require("./lyra28.cjs");require("./lyra75.cjs");require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra116.cjs");require("./lyra78.cjs");require("./lyra40.cjs");require("./lyra79.cjs");require("./lyra42.cjs");require("./lyra151.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const n=require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra117.cjs");require("./lyra25.cjs");require("./lyra27.cjs");const c=require("./lyra157.cjs"),d=require("./lyra55.cjs"),m=x.forwardRef(({label:i,labelClassName:r,optionalLabel:a="Optional",description:t,errorMessage:s,children:l,orientation:j="vertical",isRequired:p,color:y,className:R,...f},v)=>e.jsxRuntimeExports.jsx(u.RadioGroup,{...f,ref:v,children:E=>e.jsxRuntimeExports.jsxs("div",{className:"lyra-radio lyra-input flex flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:g.cx("flex items-center gap-3",i?"justify-between":"justify-end"),children:[i?e.jsxRuntimeExports.jsx(u.Label,{className:n.sharedInputlabelStyles({className:r}),style:{fontFamily:"var(--input-label-font-family)"},children:i}):null,p===!1?e.jsxRuntimeExports.jsx("span",{className:n.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:a}):null]}),e.jsxRuntimeExports.jsx("div",{className:d.twMerge(c.radioGroupStyles({orientation:j,color:y,className:R})),children:typeof l=="function"?l(E):l}),t&&e.jsxRuntimeExports.jsx(o.Text,{className:"mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:t}),s&&e.jsxRuntimeExports.jsx(o.Text,{className:"mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:s})]})}));m.displayName="RadioGroup";const q=x.forwardRef(({className:i,children:r,...a},t)=>e.jsxRuntimeExports.jsx(u.Radio,{...a,ref:t,children:s=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-start gap-x-[--radio-gap-x]",children:[e.jsxRuntimeExports.jsx("div",{className:d.twMerge(c.radioStyles({className:i,isDisabled:s.isDisabled,isSelected:s.isSelected,isFocusVisible:s.isFocusVisible,isHovered:s.isHovered,isPressed:s.isPressed})),children:s.isSelected&&e.jsxRuntimeExports.jsx("svg",{className:"w-[--radio-size]",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsxRuntimeExports.jsx("circle",{cx:"10",cy:"10",r:"4",fill:"currentColor"})})}),r&&e.jsxRuntimeExports.jsx("div",{className:N.textStyles({variant:"body-medium",className:["leading-5",s.isDisabled?"cursor-not-allowed opacity-50":""]}),children:typeof r=="function"?r(s):r})]})})}));q.displayName="Radio";exports.Radio=q;exports.RadioGroup=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),x=require("react"),u=require("./lyra53.cjs"),g=require("./lyra60.cjs"),o=require("./lyra43.cjs"),N=require("./lyra44.cjs");require("./lyra11.cjs");require("./lyra77.cjs");require("./lyra13.cjs");require("./lyra26.cjs");require("./lyra16.cjs");require("./lyra8.cjs");require("./lyra68.cjs");require("./lyra19.cjs");require("./lyra2.cjs");require("./lyra66.cjs");require("./lyra72.cjs");require("./lyra61.cjs");require("./lyra10.cjs");require("./lyra28.cjs");require("./lyra70.cjs");require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra78.cjs");require("./lyra74.cjs");require("./lyra40.cjs");require("./lyra76.cjs");require("./lyra42.cjs");require("./lyra151.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const n=require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra79.cjs");require("./lyra25.cjs");require("./lyra27.cjs");const c=require("./lyra159.cjs"),d=require("./lyra55.cjs"),m=x.forwardRef(({label:i,labelClassName:r,optionalLabel:a="Optional",description:t,errorMessage:s,children:l,orientation:j="vertical",isRequired:p,color:y,className:R,...f},v)=>e.jsxRuntimeExports.jsx(u.RadioGroup,{...f,ref:v,children:E=>e.jsxRuntimeExports.jsxs("div",{className:"lyra-radio lyra-input flex flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:g.cx("flex items-center gap-3",i?"justify-between":"justify-end"),children:[i?e.jsxRuntimeExports.jsx(u.Label,{className:n.sharedInputlabelStyles({className:r}),style:{fontFamily:"var(--input-label-font-family)"},children:i}):null,p===!1?e.jsxRuntimeExports.jsx("span",{className:n.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:a}):null]}),e.jsxRuntimeExports.jsx("div",{className:d.twMerge(c.radioGroupStyles({orientation:j,color:y,className:R})),children:typeof l=="function"?l(E):l}),t&&e.jsxRuntimeExports.jsx(o.Text,{className:"mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:t}),s&&e.jsxRuntimeExports.jsx(o.Text,{className:"mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:s})]})}));m.displayName="RadioGroup";const q=x.forwardRef(({className:i,children:r,...a},t)=>e.jsxRuntimeExports.jsx(u.Radio,{...a,ref:t,children:s=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-start gap-x-[--radio-gap-x]",children:[e.jsxRuntimeExports.jsx("div",{className:d.twMerge(c.radioStyles({className:i,isDisabled:s.isDisabled,isSelected:s.isSelected,isFocusVisible:s.isFocusVisible,isHovered:s.isHovered,isPressed:s.isPressed})),children:s.isSelected&&e.jsxRuntimeExports.jsx("svg",{className:"w-[--radio-size]",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsxRuntimeExports.jsx("circle",{cx:"10",cy:"10",r:"4",fill:"currentColor"})})}),r&&e.jsxRuntimeExports.jsx("div",{className:N.textStyles({variant:"body-medium",className:["leading-5",s.isDisabled?"cursor-not-allowed opacity-50":""]}),children:typeof r=="function"?r(s):r})]})})}));q.displayName="Radio";exports.Radio=q;exports.RadioGroup=m;

package/dist/lyra18.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra18.cjs","sources":["../src/components/inputs/radio-group/radio-group.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  Label,\n  Radio as AriaRadio,\n  RadioGroup as AriaRadioGroup,\n  RadioGroupProps as AriaRadioGroupProps,\n  RadioProps as AriaRadioProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { Text, textStyles } from \"../../text\";\nimport { sharedInputHintStyles, sharedInputlabelStyles } from \"..\";\n\nimport { radioGroupStyles, radioStyles } from \"./radio.styles\";\n\nexport type RadioGroupProps = AriaRadioGroupProps &\n  VariantProps<typeof radioGroupStyles> & {\n    label?: string;\n    labelClassName?: string;\n    optionalLabel?: string;\n    errorMessage?: string;\n    description?: string;\n    orientation?: \"horizontal\" | \"vertical\";\n  };\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  (\n    {\n      label,\n      labelClassName,\n      optionalLabel = \"Optional\",\n      description,\n      errorMessage,\n      children,\n      orientation = \"vertical\",\n      isRequired,\n      color,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <AriaRadioGroup {...props} ref={ref}>\n        {(renderProps) => (\n          <div className=\"lyra-radio lyra-input flex flex-col gap-y-1\">\n            <div\n              className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles({\n                    className: labelClassName,\n                  })}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                </Label>\n              ) : null}\n              {isRequired === false ? (\n                <span\n                  className={sharedInputHintStyles()}\n                  style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n                >\n                  {optionalLabel}\n                </span>\n              ) : null}\n            </div>\n            <div className={twMerge(radioGroupStyles({ orientation, color, className }))}>\n              {typeof children === \"function\" ? children(renderProps) : children}\n            </div>\n            {description && (\n              <Text className=\"mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n                {description}\n              </Text>\n            )}\n            {errorMessage && (\n              <Text\n                className=\"mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n          </div>\n        )}\n      </AriaRadioGroup>\n    );\n  },\n);\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport type RadioProps = AriaRadioProps & VariantProps<typeof radioStyles>;\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <AriaRadio {...props} ref={ref}>\n        {(renderProps) => (\n          <>\n            <div className=\"flex items-start gap-x-[--radio-gap-x]\">\n              <div\n                className={twMerge(\n                  radioStyles({\n                    className,\n                    isDisabled: renderProps.isDisabled,\n                    isSelected: renderProps.isSelected,\n                    isFocusVisible: renderProps.isFocusVisible,\n                    isHovered: renderProps.isHovered,\n                    isPressed: renderProps.isPressed,\n                  }),\n                )}\n              >\n                {renderProps.isSelected && (\n                  <svg\n                    className=\"w-[--radio-size]\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <circle cx=\"10\" cy=\"10\" r=\"4\" fill=\"currentColor\" />\n                  </svg>\n                )}\n              </div>\n              {children && (\n                <div\n                  className={textStyles({\n                    variant: \"body-medium\",\n                    className: [\n                      \"leading-5\",\n                      renderProps.isDisabled ? \"cursor-not-allowed opacity-50\" : \"\",\n                    ],\n                  })}\n                >\n                  {typeof children === \"function\" ? children(renderProps) : children}\n                </div>\n              )}\n            </div>\n          </>\n        )}\n      </AriaRadio>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\n"],"names":["RadioGroup","forwardRef","label","labelClassName","optionalLabel","description","errorMessage","children","orientation","isRequired","color","className","props","ref","jsx","AriaRadioGroup","renderProps","jsxs","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","radioGroupStyles","Text","Radio","AriaRadio","Fragment","radioStyles","textStyles"],"mappings":"whCA2BaA,EAAaC,EAAA,WACxB,CACE,CACE,MAAAC,EACA,eAAAC,EACA,cAAAC,EAAgB,WAChB,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,WACd,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,GAELC,IAGEC,EAAA,kBAAA,IAACC,EAAgB,WAAA,CAAA,GAAGH,EAAO,IAAAC,EACxB,SAACG,GACAC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,8CACb,SAAA,CAAAA,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,0BAA2BhB,EAAQ,kBAAoB,aAAa,EAEjF,SAAA,CACCA,EAAAY,EAAA,kBAAA,IAACK,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,CAChC,UAAWjB,CAAA,CACZ,EACD,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAAD,CAAA,CAAA,EAED,KACHO,IAAe,GACdK,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWO,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAjB,CAAA,CAAA,EAED,IAAA,CAAA,CACN,0BACC,MAAI,CAAA,UAAWkB,UAAQC,mBAAiB,CAAE,YAAAf,EAAa,MAAAE,EAAO,UAAAC,CAAW,CAAA,CAAC,EACxE,SAAO,OAAAJ,GAAa,WAAaA,EAASS,CAAW,EAAIT,EAC5D,EACCF,GACES,EAAAA,kBAAAA,IAAAU,EAAAA,KAAA,CAAK,UAAU,SAAS,QAAQ,aAAa,MAAM,YAAY,KAAK,cAClE,SACHnB,CAAA,CAAA,EAEDC,GACCQ,EAAA,kBAAA,IAACU,EAAA,KAAA,CACC,UAAU,SACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAlB,CAAA,CACH,CAAA,CAEJ,CAAA,CAEJ,CAAA,CAGN,EAEAN,EAAW,YAAc,aAIlB,MAAMyB,EAAQxB,EAAA,WACnB,CAAC,CAAE,UAAAU,EAAW,SAAAJ,EAAU,GAAGK,CAAA,EAASC,IAEhCC,EAAAA,kBAAAA,IAACY,EAAAA,MAAW,CAAA,GAAGd,EAAO,IAAAC,EACnB,SAACG,GAEEF,EAAA,kBAAA,IAAAa,EAAA,kBAAA,SAAA,CAAA,SAAAV,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,yCACb,SAAA,CAAAH,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWQ,EAAA,QACTM,cAAY,CACV,UAAAjB,EACA,WAAYK,EAAY,WACxB,WAAYA,EAAY,WACxB,eAAgBA,EAAY,eAC5B,UAAWA,EAAY,UACvB,UAAWA,EAAY,SAAA,CACxB,CACH,EAEC,WAAY,YACXF,EAAA,kBAAA,IAAC,MAAA,CACC,UAAU,mBACV,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAA,kBAAA,IAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,IAAI,KAAK,cAAe,CAAA,CAAA,CACpD,CAAA,CAEJ,EACCP,GACCO,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWe,EAAAA,WAAW,CACpB,QAAS,cACT,UAAW,CACT,YACAb,EAAY,WAAa,gCAAkC,EAC7D,CAAA,CACD,EAEA,SAAO,OAAAT,GAAa,WAAaA,EAASS,CAAW,EAAIT,CAAA,CAC5D,CAAA,EAEJ,EACF,CAEJ,CAAA,CAGN,EAEAkB,EAAM,YAAc"}
+{"version":3,"file":"lyra18.cjs","sources":["../src/components/inputs/radio-group/radio-group.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  Label,\n  Radio as AriaRadio,\n  RadioGroup as AriaRadioGroup,\n  RadioGroupProps as AriaRadioGroupProps,\n  RadioProps as AriaRadioProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { Text, textStyles } from \"../../text\";\nimport { sharedInputHintStyles, sharedInputlabelStyles } from \"..\";\n\nimport { radioGroupStyles, radioStyles } from \"./radio.styles\";\n\nexport type RadioGroupProps = AriaRadioGroupProps &\n  VariantProps<typeof radioGroupStyles> & {\n    label?: string;\n    labelClassName?: string;\n    optionalLabel?: string;\n    errorMessage?: string;\n    description?: string;\n    orientation?: \"horizontal\" | \"vertical\";\n  };\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  (\n    {\n      label,\n      labelClassName,\n      optionalLabel = \"Optional\",\n      description,\n      errorMessage,\n      children,\n      orientation = \"vertical\",\n      isRequired,\n      color,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <AriaRadioGroup {...props} ref={ref}>\n        {(renderProps) => (\n          <div className=\"lyra-radio lyra-input flex flex-col gap-y-1\">\n            <div\n              className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles({\n                    className: labelClassName,\n                  })}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                </Label>\n              ) : null}\n              {isRequired === false ? (\n                <span\n                  className={sharedInputHintStyles()}\n                  style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n                >\n                  {optionalLabel}\n                </span>\n              ) : null}\n            </div>\n            <div className={twMerge(radioGroupStyles({ orientation, color, className }))}>\n              {typeof children === \"function\" ? children(renderProps) : children}\n            </div>\n            {description && (\n              <Text className=\"mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n                {description}\n              </Text>\n            )}\n            {errorMessage && (\n              <Text\n                className=\"mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n          </div>\n        )}\n      </AriaRadioGroup>\n    );\n  },\n);\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport type RadioProps = AriaRadioProps & VariantProps<typeof radioStyles>;\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <AriaRadio {...props} ref={ref}>\n        {(renderProps) => (\n          <>\n            <div className=\"flex items-start gap-x-[--radio-gap-x]\">\n              <div\n                className={twMerge(\n                  radioStyles({\n                    className,\n                    isDisabled: renderProps.isDisabled,\n                    isSelected: renderProps.isSelected,\n                    isFocusVisible: renderProps.isFocusVisible,\n                    isHovered: renderProps.isHovered,\n                    isPressed: renderProps.isPressed,\n                  }),\n                )}\n              >\n                {renderProps.isSelected && (\n                  <svg\n                    className=\"w-[--radio-size]\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <circle cx=\"10\" cy=\"10\" r=\"4\" fill=\"currentColor\" />\n                  </svg>\n                )}\n              </div>\n              {children && (\n                <div\n                  className={textStyles({\n                    variant: \"body-medium\",\n                    className: [\n                      \"leading-5\",\n                      renderProps.isDisabled ? \"cursor-not-allowed opacity-50\" : \"\",\n                    ],\n                  })}\n                >\n                  {typeof children === \"function\" ? children(renderProps) : children}\n                </div>\n              )}\n            </div>\n          </>\n        )}\n      </AriaRadio>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\n"],"names":["RadioGroup","forwardRef","label","labelClassName","optionalLabel","description","errorMessage","children","orientation","isRequired","color","className","props","ref","jsx","AriaRadioGroup","renderProps","jsxs","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","radioGroupStyles","Text","Radio","AriaRadio","Fragment","radioStyles","textStyles"],"mappings":"qhCA2BaA,EAAaC,EAAA,WACxB,CACE,CACE,MAAAC,EACA,eAAAC,EACA,cAAAC,EAAgB,WAChB,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,WACd,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,GAELC,IAGEC,EAAA,kBAAA,IAACC,EAAgB,WAAA,CAAA,GAAGH,EAAO,IAAAC,EACxB,SAACG,GACAC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,8CACb,SAAA,CAAAA,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,0BAA2BhB,EAAQ,kBAAoB,aAAa,EAEjF,SAAA,CACCA,EAAAY,EAAA,kBAAA,IAACK,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,CAChC,UAAWjB,CAAA,CACZ,EACD,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAAD,CAAA,CAAA,EAED,KACHO,IAAe,GACdK,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWO,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAjB,CAAA,CAAA,EAED,IAAA,CAAA,CACN,0BACC,MAAI,CAAA,UAAWkB,UAAQC,mBAAiB,CAAE,YAAAf,EAAa,MAAAE,EAAO,UAAAC,CAAW,CAAA,CAAC,EACxE,SAAO,OAAAJ,GAAa,WAAaA,EAASS,CAAW,EAAIT,EAC5D,EACCF,GACES,EAAAA,kBAAAA,IAAAU,EAAAA,KAAA,CAAK,UAAU,SAAS,QAAQ,aAAa,MAAM,YAAY,KAAK,cAClE,SACHnB,CAAA,CAAA,EAEDC,GACCQ,EAAA,kBAAA,IAACU,EAAA,KAAA,CACC,UAAU,SACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAlB,CAAA,CACH,CAAA,CAEJ,CAAA,CAEJ,CAAA,CAGN,EAEAN,EAAW,YAAc,aAIlB,MAAMyB,EAAQxB,EAAA,WACnB,CAAC,CAAE,UAAAU,EAAW,SAAAJ,EAAU,GAAGK,CAAA,EAASC,IAEhCC,EAAAA,kBAAAA,IAACY,EAAAA,MAAW,CAAA,GAAGd,EAAO,IAAAC,EACnB,SAACG,GAEEF,EAAA,kBAAA,IAAAa,EAAA,kBAAA,SAAA,CAAA,SAAAV,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,yCACb,SAAA,CAAAH,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWQ,EAAA,QACTM,cAAY,CACV,UAAAjB,EACA,WAAYK,EAAY,WACxB,WAAYA,EAAY,WACxB,eAAgBA,EAAY,eAC5B,UAAWA,EAAY,UACvB,UAAWA,EAAY,SAAA,CACxB,CACH,EAEC,WAAY,YACXF,EAAA,kBAAA,IAAC,MAAA,CACC,UAAU,mBACV,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAA,kBAAA,IAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,IAAI,KAAK,cAAe,CAAA,CAAA,CACpD,CAAA,CAEJ,EACCP,GACCO,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWe,EAAAA,WAAW,CACpB,QAAS,cACT,UAAW,CACT,YACAb,EAAY,WAAa,gCAAkC,EAC7D,CAAA,CACD,EAEA,SAAO,OAAAT,GAAa,WAAaA,EAASS,CAAW,EAAIT,CAAA,CAC5D,CAAA,EAEJ,EACF,CAEJ,CAAA,CAGN,EAEAkB,EAAM,YAAc"}

package/dist/lyra18.js

@@ -1,30 +1,30 @@
 import { j as i } from "./lyra54.js";
 import { forwardRef as l } from "react";
 import { RadioGroup as j, Label as b, Radio as v } from "./lyra53.js";
-import { cx as N } from "./lyra63.js";
+import { cx as N } from "./lyra60.js";
 import { Text as m } from "./lyra43.js";
 import { textStyles as h } from "./lyra44.js";
 import "./lyra11.js";
-import "./lyra115.js";
+import "./lyra77.js";
 import "./lyra13.js";
 import "./lyra26.js";
 import "./lyra16.js";
 import "./lyra8.js";
-import "./lyra72.js";
+import "./lyra68.js";
 import "./lyra19.js";
 import "./lyra2.js";
-import "./lyra68.js";
-import "./lyra70.js";
-import "./lyra73.js";
+import "./lyra66.js";
+import "./lyra72.js";
+import "./lyra61.js";
 import "./lyra10.js";
 import "./lyra28.js";
-import "./lyra75.js";
+import "./lyra70.js";
 import "./lyra30.js";
 import "./lyra32.js";
-import "./lyra116.js";
 import "./lyra78.js";
+import "./lyra74.js";
 import "./lyra40.js";
-import "./lyra79.js";
+import "./lyra76.js";
 import "./lyra42.js";
 import "./lyra151.js";
 import "./lyra49.js";
@@ -32,10 +32,10 @@ import "./lyra58.js";
 import "./lyra51.js";
 import { sharedInputlabelStyles as g, sharedInputHintStyles as w } from "./lyra22.js";
 import "./lyra23.js";
-import "./lyra117.js";
+import "./lyra79.js";
 import "./lyra25.js";
 import "./lyra27.js";
-import { radioGroupStyles as $, radioStyles as R } from "./lyra157.js";
+import { radioGroupStyles as $, radioStyles as R } from "./lyra159.js";
 import { twMerge as p } from "./lyra55.js";
 const S = l(
   ({

package/dist/lyra183.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra207.cjs"),A=require("./lyra238.cjs"),w=require("./lyra301.cjs"),S=require("./lyra206.cjs"),q=require("./lyra263.cjs"),P=require("./lyra216.cjs");function V({protectedKeys:t,needsAnimating:o},n){const i=t.hasOwnProperty(n)&&o[n]!==!0;return o[n]=!1,i}function b(t,o,{delay:n=0,transitionOverride:i,type:f}={}){let{transition:d=t.getDefaultTransition(),transitionEnd:r,...p}=t.makeTargetAnimatable(o);const s=t.getValue("willChange");i&&(d=i);const c=[],g=f&&t.animationState&&t.animationState.getState()[f];for(const a in p){const e=t.getValue(a),l=p[a];if(!e||l===void 0||g&&V(g,a))continue;const u={delay:n,elapsed:0,...d};if(window.HandoffAppearAnimations&&!e.hasAnimated){const h=t.getProps()[A.optimizedAppearDataAttribute];h&&(u.elapsed=window.HandoffAppearAnimations(h,a,e,P.frame),u.syncStart=!0)}e.start(w.animateMotionValue(a,e,l,t.shouldReduceMotion&&T.transformProps.has(a)?{type:!1}:u));const m=e.animation;S.isWillChangeMotionValue(s)&&(s.add(a),m.then(()=>s.remove(a))),c.push(m)}return r&&Promise.all(c).then(()=>{r&&q.setTarget(t,r)}),c}exports.animateTarget=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra207.cjs"),A=require("./lyra238.cjs"),w=require("./lyra300.cjs"),S=require("./lyra206.cjs"),q=require("./lyra263.cjs"),P=require("./lyra216.cjs");function V({protectedKeys:t,needsAnimating:o},n){const i=t.hasOwnProperty(n)&&o[n]!==!0;return o[n]=!1,i}function b(t,o,{delay:n=0,transitionOverride:i,type:f}={}){let{transition:d=t.getDefaultTransition(),transitionEnd:r,...p}=t.makeTargetAnimatable(o);const s=t.getValue("willChange");i&&(d=i);const c=[],g=f&&t.animationState&&t.animationState.getState()[f];for(const a in p){const e=t.getValue(a),l=p[a];if(!e||l===void 0||g&&V(g,a))continue;const u={delay:n,elapsed:0,...d};if(window.HandoffAppearAnimations&&!e.hasAnimated){const h=t.getProps()[A.optimizedAppearDataAttribute];h&&(u.elapsed=window.HandoffAppearAnimations(h,a,e,P.frame),u.syncStart=!0)}e.start(w.animateMotionValue(a,e,l,t.shouldReduceMotion&&T.transformProps.has(a)?{type:!1}:u));const m=e.animation;S.isWillChangeMotionValue(s)&&(s.add(a),m.then(()=>s.remove(a))),c.push(m)}return r&&Promise.all(c).then(()=>{r&&q.setTarget(t,r)}),c}exports.animateTarget=b;

package/dist/lyra183.js

@@ -1,6 +1,6 @@
 import { transformProps as A } from "./lyra207.js";
 import { optimizedAppearDataAttribute as w } from "./lyra238.js";
-import { animateMotionValue as T } from "./lyra301.js";
+import { animateMotionValue as T } from "./lyra300.js";
 import { isWillChangeMotionValue as S } from "./lyra206.js";
 import { setTarget as P } from "./lyra263.js";
 import { frame as V } from "./lyra216.js";

package/dist/lyra19.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),E=require("react"),r=require("./lyra53.cjs"),x=require("./lyra63.cjs"),w=require("./lyra64.cjs"),M=require("./lyra8.cjs");require("./lyra72.cjs");const H=require("./lyra37.cjs"),P=require("./lyra39.cjs"),p=require("./lyra43.cjs");require("./lyra69.cjs");const l=require("./lyra22.cjs");require("./lyra74.cjs");const B=require("./lyra55.cjs"),C=({label:a,description:m,errorMessage:d,className:v,fullWidth:R=!1,isDisabled:o=!1,isRequired:u,clearLabel:q="Clear",isInvalid:j,startSlot:h,endSlot:f,size:S,optionalLabel:N="Optional",isLoading:y,inputRef:I,...s},c)=>{[s,c]=r.useContextProps(s,c,r.SearchFieldContext);const[g,F]=E.useState(!1),[b,i]=E.useState(!1);return e.jsxRuntimeExports.jsx(r.SearchField,{className:l.sharedInputFieldWrapperStyles({className:x.cx("lyra-input",v)}),isDisabled:o,isRequired:u,isInvalid:j,...s,onFocus:t=>{var n;F(!0),(n=s.onFocus)==null||n.call(s,t)},onBlur:t=>{var n;F(!1),(n=s.onBlur)==null||n.call(s,t)},ref:c,children:({isEmpty:t})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:x.cx("flex items-center gap-3",a?"justify-between":"justify-end"),children:[a?e.jsxRuntimeExports.jsx(r.Label,{className:l.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:a}):null,u===!1?e.jsxRuntimeExports.jsx("span",{className:l.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:N}):null]}),e.jsxRuntimeExports.jsxs("div",{className:B.twMerge(l.sharedInputFieldStyles({fullWidth:R,isFocused:g,isHovered:b,isDisabled:o,isInvalid:j})),onPointerEnter:()=>i(!0),onPointerLeave:()=>i(!1),onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[h,e.jsxRuntimeExports.jsx(r.Input,{className:l.sharedInputStyles({size:S,className:x.cx(!!h&&"ps-2",!!f&&"pe-2")}),required:u,disabled:o,style:{fontFamily:"var(--input-font-family)"},ref:I}),!t&&!y?e.jsxRuntimeExports.jsx("div",{className:"px-2",children:e.jsxRuntimeExports.jsx(M.Button,{variant:"ghost",size:"small",tooltip:q,children:e.jsxRuntimeExports.jsx(P.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,y?e.jsxRuntimeExports.jsx("div",{className:"px-4",children:e.jsxRuntimeExports.jsx(H.Spinner,{size:"small"})}):null,f]}),m&&e.jsxRuntimeExports.jsx(p.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:m}),d&&e.jsxRuntimeExports.jsx(p.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:d})]})})},T=w.fixedForwardRef(C);exports.SearchField=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),E=require("react"),r=require("./lyra53.cjs"),x=require("./lyra60.cjs"),w=require("./lyra62.cjs"),M=require("./lyra8.cjs");require("./lyra68.cjs");const H=require("./lyra37.cjs"),P=require("./lyra39.cjs"),p=require("./lyra43.cjs");require("./lyra71.cjs");const l=require("./lyra22.cjs");require("./lyra75.cjs");const B=require("./lyra55.cjs"),C=({label:a,description:m,errorMessage:d,className:v,fullWidth:R=!1,isDisabled:o=!1,isRequired:u,clearLabel:q="Clear",isInvalid:j,startSlot:h,endSlot:f,size:S,optionalLabel:N="Optional",isLoading:y,inputRef:I,...s},c)=>{[s,c]=r.useContextProps(s,c,r.SearchFieldContext);const[g,F]=E.useState(!1),[b,i]=E.useState(!1);return e.jsxRuntimeExports.jsx(r.SearchField,{className:l.sharedInputFieldWrapperStyles({className:x.cx("lyra-input",v)}),isDisabled:o,isRequired:u,isInvalid:j,...s,onFocus:t=>{var n;F(!0),(n=s.onFocus)==null||n.call(s,t)},onBlur:t=>{var n;F(!1),(n=s.onBlur)==null||n.call(s,t)},ref:c,children:({isEmpty:t})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:x.cx("flex items-center gap-3",a?"justify-between":"justify-end"),children:[a?e.jsxRuntimeExports.jsx(r.Label,{className:l.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:a}):null,u===!1?e.jsxRuntimeExports.jsx("span",{className:l.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:N}):null]}),e.jsxRuntimeExports.jsxs("div",{className:B.twMerge(l.sharedInputFieldStyles({fullWidth:R,isFocused:g,isHovered:b,isDisabled:o,isInvalid:j})),onPointerEnter:()=>i(!0),onPointerLeave:()=>i(!1),onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[h,e.jsxRuntimeExports.jsx(r.Input,{className:l.sharedInputStyles({size:S,className:x.cx(!!h&&"ps-2",!!f&&"pe-2")}),required:u,disabled:o,style:{fontFamily:"var(--input-font-family)"},ref:I}),!t&&!y?e.jsxRuntimeExports.jsx("div",{className:"px-2",children:e.jsxRuntimeExports.jsx(M.Button,{variant:"ghost",size:"small",tooltip:q,children:e.jsxRuntimeExports.jsx(P.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,y?e.jsxRuntimeExports.jsx("div",{className:"px-4",children:e.jsxRuntimeExports.jsx(H.Spinner,{size:"small"})}):null,f]}),m&&e.jsxRuntimeExports.jsx(p.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:m}),d&&e.jsxRuntimeExports.jsx(p.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:d})]})})},T=w.fixedForwardRef(C);exports.SearchField=T;

package/dist/lyra19.js

@@ -1,16 +1,16 @@
 import { j as e } from "./lyra54.js";
 import { useState as p } from "react";
 import { useContextProps as w, SearchField as H, Label as B, Input as C, SearchFieldContext as E } from "./lyra53.js";
-import { cx as m } from "./lyra63.js";
-import { fixedForwardRef as M } from "./lyra64.js";
+import { cx as m } from "./lyra60.js";
+import { fixedForwardRef as M } from "./lyra62.js";
 import { Button as P } from "./lyra8.js";
-import "./lyra72.js";
+import "./lyra68.js";
 import { Spinner as z } from "./lyra37.js";
 import { SvgIcon as L } from "./lyra39.js";
 import { Text as j } from "./lyra43.js";
-import "./lyra69.js";
+import "./lyra71.js";
 import { sharedInputFieldWrapperStyles as O, sharedInputlabelStyles as T, sharedInputHintStyles as W, sharedInputFieldStyles as _, sharedInputStyles as k } from "./lyra22.js";
-import "./lyra74.js";
+import "./lyra75.js";
 import { twMerge as A } from "./lyra55.js";
 const G = ({
   label: r,

package/dist/lyra191.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),C=require("./lyra187.cjs"),l=require("./lyra190.cjs"),m=require("./lyra120.cjs"),x=require("./lyra196.cjs"),p=require("./lyra189.cjs");function g(s,u,a,n){const{visualElement:c}=t.useContext(l.MotionContext),f=t.useContext(x.LazyContext),o=t.useContext(C.PresenceContext),d=t.useContext(p.MotionConfigContext).reducedMotion,i=t.useRef();n=n||f.renderer,!i.current&&n&&(i.current=n(s,{visualState:u,parent:c,props:a,presenceContext:o,blockInitialAnimation:o?o.initial===!1:!1,reducedMotionConfig:d}));const e=i.current;t.useInsertionEffect(()=>{e&&e.update(a,o)});const r=t.useRef(!!window.HandoffAppearAnimations);return m.useIsomorphicLayoutEffect(()=>{e&&(e.render(),r.current&&e.animationState&&e.animationState.animateChanges())}),t.useEffect(()=>{e&&(e.updateFeatures(),!r.current&&e.animationState&&e.animationState.animateChanges(),window.HandoffAppearAnimations=void 0,r.current=!1)}),e}exports.useVisualElement=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),C=require("./lyra187.cjs"),l=require("./lyra190.cjs"),m=require("./lyra121.cjs"),x=require("./lyra196.cjs"),p=require("./lyra189.cjs");function g(s,u,a,n){const{visualElement:c}=t.useContext(l.MotionContext),f=t.useContext(x.LazyContext),o=t.useContext(C.PresenceContext),d=t.useContext(p.MotionConfigContext).reducedMotion,i=t.useRef();n=n||f.renderer,!i.current&&n&&(i.current=n(s,{visualState:u,parent:c,props:a,presenceContext:o,blockInitialAnimation:o?o.initial===!1:!1,reducedMotionConfig:d}));const e=i.current;t.useInsertionEffect(()=>{e&&e.update(a,o)});const r=t.useRef(!!window.HandoffAppearAnimations);return m.useIsomorphicLayoutEffect(()=>{e&&(e.render(),r.current&&e.animationState&&e.animationState.animateChanges())}),t.useEffect(()=>{e&&(e.updateFeatures(),!r.current&&e.animationState&&e.animationState.animateChanges(),window.HandoffAppearAnimations=void 0,r.current=!1)}),e}exports.useVisualElement=g;

package/dist/lyra191.js

@@ -1,7 +1,7 @@
 import { useContext as o, useRef as f, useInsertionEffect as p, useEffect as C } from "react";
 import { PresenceContext as l } from "./lyra187.js";
 import { MotionContext as x } from "./lyra190.js";
-import { useIsomorphicLayoutEffect as A } from "./lyra120.js";
+import { useIsomorphicLayoutEffect as A } from "./lyra121.js";
 import { LazyContext as g } from "./lyra196.js";
 import { MotionConfigContext as w } from "./lyra189.js";
 function H(s, u, a, t) {

package/dist/lyra2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra54.cjs"),e=require("react"),A=require("./lyra53.cjs"),E=require("./lyra63.cjs"),R=require("./lyra64.cjs"),S=require("./lyra39.cjs"),g=require("./lyra3.cjs"),C=require("./lyra65.cjs"),h=require("./lyra55.cjs"),P=require("./lyra66.cjs"),N=require("./lyra67.cjs"),w=e.createContext(void 0),F=({children:m,mode:l="multiple",className:u,...d},p)=>{const[t,s]=e.useState([]),f=e.useCallback(o=>{l==="single"?t.includes(o)?s([]):s([o]):t.includes(o)?s(t.filter(i=>i!==o)):s([...t,o])},[l,t]);return n.jsxRuntimeExports.jsx(w.Provider,{value:{toggleItemKey:f,openItemKeys:t},children:n.jsxRuntimeExports.jsx("div",{ref:p,className:E.cx("lyra-accordion flex flex-col",u),...d,children:m})})},M=({title:m,className:l,isDisabled:u,defaultOpen:d,children:p,disableAccordionContentPadding:t},s)=>{const{focusProps:f,isFocusVisible:o}=C.useFocusRing({within:!0}),{toggleItemKey:i,openItemKeys:j}=e.useContext(w),c=e.useId(),I=e.useId(),v=e.useId(),y=e.useRef(!1),x=e.useMemo(()=>j.includes(c),[c,j]);return e.useEffect(()=>{d&&!y.current&&(i(c),y.current=!0)},[c,d,i]),n.jsxRuntimeExports.jsxs("div",{className:h.twMerge(g.accordionItemStyles({isFocusVisible:o,className:l})),...f,ref:s,children:[n.jsxRuntimeExports.jsxs(A.Button,{id:I,isDisabled:u,className:h.twMerge(g.accordionItemButtonStyles({isOpen:x,isDisabled:u})),"aria-expanded":x,onPress:()=>i(c),onKeyDown:r=>{if(r.key==="ArrowDown"){r.preventDefault();const a=r.currentTarget.parentElement.nextElementSibling;a&&a.firstChild.focus()}else if(r.key==="ArrowUp"){r.preventDefault();const a=r.currentTarget.parentElement.previousElementSibling;a&&a.firstChild.focus()}},"aria-controls":v,children:[m,n.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-down",className:E.cx("transition duration-200 ease-in-out",x?"rotate-180":"rotate-0","w-4")})]}),n.jsxRuntimeExports.jsx(P.AnimatePresence,{initial:!1,children:x&&n.jsxRuntimeExports.jsx(N.motion.div,{id:v,className:"overflow-clip",initial:"collapsed",animate:"open",exit:"collapsed",variants:{open:{opacity:1,height:"auto"},collapsed:{opacity:0,height:0}},transition:{duration:.3,ease:[.04,.62,.23,.98]},role:"region","aria-labelledby":I,children:n.jsxRuntimeExports.jsx("div",{className:g.accordionItemContentStyles({disableAccordionContentPadding:t}),style:{fontFamily:"var(--accordion-content-font-family)"},children:p})})})]})},_=R.fixedForwardRef(F),$=R.fixedForwardRef(M);exports.Accordion=_;exports.AccordionItem=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra54.cjs"),e=require("react"),A=require("./lyra53.cjs"),E=require("./lyra60.cjs"),R=require("./lyra62.cjs"),S=require("./lyra39.cjs"),g=require("./lyra3.cjs"),C=require("./lyra63.cjs"),h=require("./lyra55.cjs"),P=require("./lyra64.cjs"),N=require("./lyra65.cjs"),w=e.createContext(void 0),F=({children:m,mode:l="multiple",className:u,...d},p)=>{const[t,s]=e.useState([]),f=e.useCallback(o=>{l==="single"?t.includes(o)?s([]):s([o]):t.includes(o)?s(t.filter(i=>i!==o)):s([...t,o])},[l,t]);return n.jsxRuntimeExports.jsx(w.Provider,{value:{toggleItemKey:f,openItemKeys:t},children:n.jsxRuntimeExports.jsx("div",{ref:p,className:E.cx("lyra-accordion flex flex-col",u),...d,children:m})})},M=({title:m,className:l,isDisabled:u,defaultOpen:d,children:p,disableAccordionContentPadding:t},s)=>{const{focusProps:f,isFocusVisible:o}=C.useFocusRing({within:!0}),{toggleItemKey:i,openItemKeys:j}=e.useContext(w),c=e.useId(),I=e.useId(),v=e.useId(),y=e.useRef(!1),x=e.useMemo(()=>j.includes(c),[c,j]);return e.useEffect(()=>{d&&!y.current&&(i(c),y.current=!0)},[c,d,i]),n.jsxRuntimeExports.jsxs("div",{className:h.twMerge(g.accordionItemStyles({isFocusVisible:o,className:l})),...f,ref:s,children:[n.jsxRuntimeExports.jsxs(A.Button,{id:I,isDisabled:u,className:h.twMerge(g.accordionItemButtonStyles({isOpen:x,isDisabled:u})),"aria-expanded":x,onPress:()=>i(c),onKeyDown:r=>{if(r.key==="ArrowDown"){r.preventDefault();const a=r.currentTarget.parentElement.nextElementSibling;a&&a.firstChild.focus()}else if(r.key==="ArrowUp"){r.preventDefault();const a=r.currentTarget.parentElement.previousElementSibling;a&&a.firstChild.focus()}},"aria-controls":v,children:[m,n.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-down",className:E.cx("transition duration-200 ease-in-out",x?"rotate-180":"rotate-0","w-4")})]}),n.jsxRuntimeExports.jsx(P.AnimatePresence,{initial:!1,children:x&&n.jsxRuntimeExports.jsx(N.motion.div,{id:v,className:"overflow-clip",initial:"collapsed",animate:"open",exit:"collapsed",variants:{open:{opacity:1,height:"auto"},collapsed:{opacity:0,height:0}},transition:{duration:.3,ease:[.04,.62,.23,.98]},role:"region","aria-labelledby":I,children:n.jsxRuntimeExports.jsx("div",{className:g.accordionItemContentStyles({disableAccordionContentPadding:t}),style:{fontFamily:"var(--accordion-content-font-family)"},children:p})})})]})},_=R.fixedForwardRef(F),$=R.fixedForwardRef(M);exports.Accordion=_;exports.AccordionItem=$;

package/dist/lyra2.js

@@ -1,14 +1,14 @@
 import { j as t } from "./lyra54.js";
 import { createContext as S, useState as E, useCallback as N, useContext as P, useId as x, useRef as $, useMemo as R, useEffect as F } from "react";
 import { Button as k } from "./lyra53.js";
-import { cx as h } from "./lyra63.js";
-import { fixedForwardRef as j } from "./lyra64.js";
+import { cx as h } from "./lyra60.js";
+import { fixedForwardRef as j } from "./lyra62.js";
 import { SvgIcon as D } from "./lyra39.js";
 import { accordionItemStyles as B, accordionItemButtonStyles as K, accordionItemContentStyles as M } from "./lyra3.js";
-import { useFocusRing as T } from "./lyra65.js";
+import { useFocusRing as T } from "./lyra63.js";
 import { twMerge as y } from "./lyra55.js";
-import { AnimatePresence as _ } from "./lyra66.js";
-import { motion as z } from "./lyra67.js";
+import { AnimatePresence as _ } from "./lyra64.js";
+import { motion as z } from "./lyra65.js";
 const w = S(
   void 0
 ), O = ({ children: m, mode: a = "multiple", className: l, ...f }, p) => {

package/dist/lyra20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra54.cjs"),R=require("react"),B=require("./lyra53.cjs");require("./lyra2.cjs");const y=require("./lyra63.cjs");require("./lyra68.cjs");const T=require("./lyra43.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra73.cjs");require("./lyra8.cjs");const G=require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra115.cjs");require("./lyra13.cjs");require("./lyra26.cjs");const v=require("./lyra39.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");const Q=require("./lyra29.cjs"),C=require("./lyra154.cjs"),K=require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra116.cjs");const f=require("./lyra22.cjs"),$=require("./lyra155.cjs");require("./lyra23.cjs");require("./lyra117.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra78.cjs");const ss=require("./lyra37.cjs");require("./lyra40.cjs");require("./lyra79.cjs");require("./lyra42.cjs");require("./lyra151.cjs");const es=require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const g=require("./lyra156.cjs"),k=require("./lyra55.cjs"),_=require("./lyra52.cjs"),ts=({itemLabelKey:e,items:n,onQueryChange:i})=>{const[o,c]=R.useState(""),{contains:u,startsWith:j}=_.useFilter({sensitivity:"base"}),m=R.useMemo(()=>{if(i)return n;{let a=[];a=n.filter(t=>j(t[e],o??""));const x=n.filter(t=>u(t[e],o??"")).sort((t,d)=>{const r=t[e].indexOf(o??""),p=d[e].indexOf(o??"");return r-p});return a=a.concat(x),a=a.filter((t,d,r)=>d===r.findIndex(p=>p[e]===t[e])),a}},[u,j,e,n,i,o]);return R.useEffect(()=>{i&&(i==null||i(o))},[o]),{filteredItems:m,query:o,setQuery:c}},z=e=>y.cx(e==="small"&&"min-h-[42px]",e==="medium"&&"min-h-[50px]",e==="large"&&"min-h-[58px]"),rs=({endSlot:e,fullWidth:n,isDisabled:i,isInvalid:o,open:c,openPopover:u,itemLabelKey:j,placeholder:m,size:a="medium",startSlot:E,value:x,onChange:t})=>{const d=r=>{r.key==="Escape"||r.key==="Backspace"?t==null||t(void 0):(r.key==="ArrowDown"||r.key==="ArrowUp")&&(u==null||u())};return s.jsxRuntimeExports.jsxs(B.Button,{"aria-haspopup":"listbox","aria-expanded":c,className:({isFocused:r,isHovered:p})=>f.sharedInputFieldStyles({fullWidth:n,isDisabled:i,isHovered:p,isFocused:r,isInvalid:o,size:a,className:y.cx(z(a),"gap-2")}),onKeyDown:d,onPress:u,children:[E,s.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:x!=null&&x[j]?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:x==null?void 0:x[j]}):s.jsxRuntimeExports.jsx(T.Text,{color:"secondary",children:m})}),e,s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[x?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsx("div",{className:k.twMerge(G.buttonStyles({size:"small",color:"monochrome",variant:"ghost",className:"p-1",isDisabled:i})),role:"button",onPointerDown:r=>{r.stopPropagation(),t==null||t(void 0)},onClick:r=>{r.stopPropagation(),t==null||t(void 0)},children:s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"chevron-down",className:y.cx("h-4 w-4 transition duration-150",c&&"rotate-180")})]})]})},ns=({endSlot:e,fullWidth:n,isDisabled:i,isInvalid:o,open:c,openPopover:u,itemLabelKey:j,itemIdKey:m,placeholder:a,size:E="medium",label:x,startSlot:t,onChange:d,value:r})=>{const p=l=>{(l.key==="ArrowDown"||l.key==="ArrowUp")&&(u==null||u())};return s.jsxRuntimeExports.jsxs(B.Button,{className:({isHovered:l,isFocused:h})=>f.sharedInputFieldStyles({fullWidth:n,isDisabled:i,isHovered:l,isFocused:h,isInvalid:o,size:E,className:z(E)}),onPress:u,onKeyDown:p,"aria-haspopup":"listbox","aria-expanded":c,children:[t,s.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:r&&r.length?s.jsxRuntimeExports.jsx($.TagGroup,{"aria-label":x??"Selected items",onRemove:l=>{r&&d(r.filter(h=>!l.has(h[m])))},children:r.map(l=>s.jsxRuntimeExports.jsx($.TagItem,{...l,children:l==null?void 0:l[j]},l[m]))}):s.jsxRuntimeExports.jsx(T.Text,{color:"secondary",children:a})}),e,s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"chevron-down",className:y.cx("h-4 w-4 min-w-[16px] transition duration-150",c&&"rotate-180")})]})},J=({label:e,optionalLabel:n,isRequired:i})=>s.jsxRuntimeExports.jsxs("div",{className:y.cx("flex items-center gap-3",e?"justify-between":"justify-end"),children:[e?s.jsxRuntimeExports.jsx(B.Label,{className:f.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:e}):null,i===!1?s.jsxRuntimeExports.jsx("span",{className:f.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:n}):null]}),X=({description:e,errorMessage:n})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[e&&s.jsxRuntimeExports.jsx(T.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:e}),n&&s.jsxRuntimeExports.jsx(T.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:n})]}),is=({item:e,state:n,renderItem:i,itemLabelKey:o})=>{const c=e==null?void 0:e[o];return i?i(e,n):s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[n.selected?s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"checkmark",className:"h-4 w-4"}):s.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),c]})},os=({onQueryChange:e,isLoading:n,startSlot:i,endSlot:o,clearLabel:c="Clear",query:u,setQuery:j})=>{const[m,a]=R.useState(!1),[E,x]=R.useState(!1),[t,d]=R.useState(!1),r=es.useSpinDelay(n??!1,{delay:500,minDuration:200});return R.useEffect(()=>{setTimeout(()=>{d(!0)},10)},[]),s.jsxRuntimeExports.jsx("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:!0,className:"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl"}),children:s.jsxRuntimeExports.jsxs("div",{className:k.twMerge(f.sharedInputFieldStyles({fullWidth:!0,isFocused:m,isHovered:E,className:"bg-neutral-0 px-2"})),onPointerEnter:()=>x(!0),onPointerLeave:()=>x(!1),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),children:[s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"search",className:"-me-2 h-4 w-4"}),i,t?s.jsxRuntimeExports.jsx(g.Combobox.Input,{autoFocus:!0,className:f.sharedInputStyles({size:"small"}),onChange:p=>{j(p.target.value??""),e==null||e(p.target.value)},value:u??"",onFocus:()=>a(!0),onBlur:()=>a(!1)}):null,u&&u.length?s.jsxRuntimeExports.jsx(B.Button,{"aria-label":c??"Clear",className:k.twMerge(G.buttonStyles({size:"small",color:"monochrome",variant:"ghost"})),excludeFromTabOrder:!0,onPress:()=>{j("")},children:s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"cross",className:"h-4 w-4"})}):null,o,r?s.jsxRuntimeExports.jsx(ss.Spinner,{className:"mx-2",size:"small"}):null]})})},Y=({direction:e,disabledItemIdKeys:n,itemIdKey:i,itemLabelKey:o,items:c,open:u,renderItem:j,triggerRef:m,isLoading:a,onQueryChange:E,setOpenPopover:x})=>{var p;const{filteredItems:t,query:d,setQuery:r}=ts({itemLabelKey:o,items:c,onQueryChange:E});return s.jsxRuntimeExports.jsxs(K.Popover,{className:"lyra-list-box pb-2",isOpen:u,triggerRef:m,showPopoverInBottomDrawerOnSmallScreens:!0,onOpenChange:x,shouldUpdatePosition:!0,style:{"--trigger-width":((p=m.current)==null?void 0:p.offsetWidth)+"px",direction:e},children:[s.jsxRuntimeExports.jsx(os,{onQueryChange:E,isLoading:a,query:d,setQuery:r}),t&&t.length?s.jsxRuntimeExports.jsx(g.Combobox.Options,{static:!0,className:Q.listBoxStyles({className:"max-h-80 overflow-y-auto"}),children:t.map(l=>s.jsxRuntimeExports.jsx(g.Combobox.Option,{className:({active:h,selected:F,disabled:b})=>k.twMerge(C.listBoxItemStyles({active:h,disabled:b,selected:F})),value:l,disabled:n==null?void 0:n.includes(l==null?void 0:l[i]),children:h=>s.jsxRuntimeExports.jsx(is,{item:l,state:h,renderItem:j,itemLabelKey:o})},l[i]))}):null]})},ls=({isDisabled:e,isRequired:n,label:i,optionalLabel:o="Optional",description:c,errorMessage:u,isInvalid:j,fullWidth:m=!0,by:a,defaultValue:E,name:x,onChange:t,itemLabelKey:d,itemIdKey:r,value:p,size:l="medium",startSlot:h,items:F,endSlot:b,disabledItemIdKeys:D,placeholder:P,renderItem:H,onQueryChange:W,isLoading:A})=>{const[V,L]=R.useState(p??E),[w,S]=R.useState(!1),U=()=>S(!0),O=()=>S(!1),I=R.useCallback(N=>{L(N),t==null||t(N),O()},[t]),M=R.useRef(null),{direction:q}=_.useLocale();return s.jsxRuntimeExports.jsx(g.Combobox,{disabled:e,name:x,value:V??"",onChange:I,by:a,children:({disabled:N,value:Z})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:m}),children:[s.jsxRuntimeExports.jsx(J,{label:i,optionalLabel:o,isRequired:n}),s.jsxRuntimeExports.jsx("div",{ref:M,children:s.jsxRuntimeExports.jsx(rs,{endSlot:b,fullWidth:m,isDisabled:N,isInvalid:j,open:w,openPopover:U,placeholder:P,size:l,startSlot:h,value:Z,itemLabelKey:d,itemIdKey:r,onChange:I})}),s.jsxRuntimeExports.jsx(X,{description:c,errorMessage:u})]}),s.jsxRuntimeExports.jsx(Y,{triggerRef:M,itemIdKey:r,itemLabelKey:d,items:F,open:w,setOpenPopover:S,renderItem:H,disabledItemIdKeys:D,direction:q,onQueryChange:W,isLoading:A})]})})},us=({isDisabled:e,isRequired:n,label:i,optionalLabel:o="Optional",description:c,errorMessage:u,isInvalid:j,fullWidth:m=!0,by:a,defaultValue:E,name:x,onChange:t,itemLabelKey:d,itemIdKey:r,value:p,size:l="medium",startSlot:h,items:F,endSlot:b,disabledItemIdKeys:D,placeholder:P,renderItem:H,onQueryChange:W,isLoading:A})=>{const[V,L]=R.useState(p??E),[w,S]=R.useState(!1),U=()=>S(!0),O=R.useCallback(q=>{L(q),t==null||t(q)},[t]),I=R.useRef(null),{direction:M}=_.useLocale();return s.jsxRuntimeExports.jsx(g.Combobox,{disabled:e,name:x,value:V??[],onChange:O,by:a,multiple:!0,children:({disabled:q,value:N})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:m}),children:[s.jsxRuntimeExports.jsx(J,{label:i,optionalLabel:o,isRequired:n}),s.jsxRuntimeExports.jsx("div",{ref:I,children:s.jsxRuntimeExports.jsx(ns,{endSlot:b,fullWidth:m,isDisabled:q,isInvalid:j,open:w,openPopover:U,placeholder:P,size:l,startSlot:h,value:N,itemLabelKey:d,itemIdKey:r,onChange:O})}),s.jsxRuntimeExports.jsx(X,{description:c,errorMessage:u})]}),s.jsxRuntimeExports.jsx(Y,{triggerRef:I,itemIdKey:r,itemLabelKey:d,items:F,open:w,setOpenPopover:S,renderItem:H,disabledItemIdKeys:D,direction:M,onQueryChange:W,isLoading:A})]})})};exports.MultiSearchListField=us;exports.SearchListField=ls;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra54.cjs"),R=require("react"),B=require("./lyra53.cjs");require("./lyra2.cjs");const y=require("./lyra60.cjs");require("./lyra66.cjs");const T=require("./lyra43.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra61.cjs");require("./lyra8.cjs");const G=require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra77.cjs");require("./lyra13.cjs");require("./lyra26.cjs");const v=require("./lyra39.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");const Q=require("./lyra29.cjs"),C=require("./lyra160.cjs"),K=require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra78.cjs");const f=require("./lyra22.cjs"),$=require("./lyra161.cjs");require("./lyra23.cjs");require("./lyra79.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra74.cjs");const ss=require("./lyra37.cjs");require("./lyra40.cjs");require("./lyra76.cjs");require("./lyra42.cjs");require("./lyra151.cjs");const es=require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const g=require("./lyra163.cjs"),k=require("./lyra55.cjs"),_=require("./lyra52.cjs"),ts=({itemLabelKey:e,items:n,onQueryChange:i})=>{const[o,c]=R.useState(""),{contains:u,startsWith:j}=_.useFilter({sensitivity:"base"}),m=R.useMemo(()=>{if(i)return n;{let a=[];a=n.filter(t=>j(t[e],o??""));const x=n.filter(t=>u(t[e],o??"")).sort((t,d)=>{const r=t[e].indexOf(o??""),p=d[e].indexOf(o??"");return r-p});return a=a.concat(x),a=a.filter((t,d,r)=>d===r.findIndex(p=>p[e]===t[e])),a}},[u,j,e,n,i,o]);return R.useEffect(()=>{i&&(i==null||i(o))},[o]),{filteredItems:m,query:o,setQuery:c}},z=e=>y.cx(e==="small"&&"min-h-[42px]",e==="medium"&&"min-h-[50px]",e==="large"&&"min-h-[58px]"),rs=({endSlot:e,fullWidth:n,isDisabled:i,isInvalid:o,open:c,openPopover:u,itemLabelKey:j,placeholder:m,size:a="medium",startSlot:E,value:x,onChange:t})=>{const d=r=>{r.key==="Escape"||r.key==="Backspace"?t==null||t(void 0):(r.key==="ArrowDown"||r.key==="ArrowUp")&&(u==null||u())};return s.jsxRuntimeExports.jsxs(B.Button,{"aria-haspopup":"listbox","aria-expanded":c,className:({isFocused:r,isHovered:p})=>f.sharedInputFieldStyles({fullWidth:n,isDisabled:i,isHovered:p,isFocused:r,isInvalid:o,size:a,className:y.cx(z(a),"gap-2")}),onKeyDown:d,onPress:u,children:[E,s.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:x!=null&&x[j]?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:x==null?void 0:x[j]}):s.jsxRuntimeExports.jsx(T.Text,{color:"secondary",children:m})}),e,s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[x?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsx("div",{className:k.twMerge(G.buttonStyles({size:"small",color:"monochrome",variant:"ghost",className:"p-1",isDisabled:i})),role:"button",onPointerDown:r=>{r.stopPropagation(),t==null||t(void 0)},onClick:r=>{r.stopPropagation(),t==null||t(void 0)},children:s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"chevron-down",className:y.cx("h-4 w-4 transition duration-150",c&&"rotate-180")})]})]})},ns=({endSlot:e,fullWidth:n,isDisabled:i,isInvalid:o,open:c,openPopover:u,itemLabelKey:j,itemIdKey:m,placeholder:a,size:E="medium",label:x,startSlot:t,onChange:d,value:r})=>{const p=l=>{(l.key==="ArrowDown"||l.key==="ArrowUp")&&(u==null||u())};return s.jsxRuntimeExports.jsxs(B.Button,{className:({isHovered:l,isFocused:h})=>f.sharedInputFieldStyles({fullWidth:n,isDisabled:i,isHovered:l,isFocused:h,isInvalid:o,size:E,className:z(E)}),onPress:u,onKeyDown:p,"aria-haspopup":"listbox","aria-expanded":c,children:[t,s.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:r&&r.length?s.jsxRuntimeExports.jsx($.TagGroup,{"aria-label":x??"Selected items",onRemove:l=>{r&&d(r.filter(h=>!l.has(h[m])))},children:r.map(l=>s.jsxRuntimeExports.jsx($.TagItem,{...l,children:l==null?void 0:l[j]},l[m]))}):s.jsxRuntimeExports.jsx(T.Text,{color:"secondary",children:a})}),e,s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"chevron-down",className:y.cx("h-4 w-4 min-w-[16px] transition duration-150",c&&"rotate-180")})]})},J=({label:e,optionalLabel:n,isRequired:i})=>s.jsxRuntimeExports.jsxs("div",{className:y.cx("flex items-center gap-3",e?"justify-between":"justify-end"),children:[e?s.jsxRuntimeExports.jsx(B.Label,{className:f.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:e}):null,i===!1?s.jsxRuntimeExports.jsx("span",{className:f.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:n}):null]}),X=({description:e,errorMessage:n})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[e&&s.jsxRuntimeExports.jsx(T.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:e}),n&&s.jsxRuntimeExports.jsx(T.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:n})]}),is=({item:e,state:n,renderItem:i,itemLabelKey:o})=>{const c=e==null?void 0:e[o];return i?i(e,n):s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[n.selected?s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"checkmark",className:"h-4 w-4"}):s.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),c]})},os=({onQueryChange:e,isLoading:n,startSlot:i,endSlot:o,clearLabel:c="Clear",query:u,setQuery:j})=>{const[m,a]=R.useState(!1),[E,x]=R.useState(!1),[t,d]=R.useState(!1),r=es.useSpinDelay(n??!1,{delay:500,minDuration:200});return R.useEffect(()=>{setTimeout(()=>{d(!0)},10)},[]),s.jsxRuntimeExports.jsx("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:!0,className:"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl"}),children:s.jsxRuntimeExports.jsxs("div",{className:k.twMerge(f.sharedInputFieldStyles({fullWidth:!0,isFocused:m,isHovered:E,className:"bg-neutral-0 px-2"})),onPointerEnter:()=>x(!0),onPointerLeave:()=>x(!1),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),children:[s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"search",className:"-me-2 h-4 w-4"}),i,t?s.jsxRuntimeExports.jsx(g.Combobox.Input,{autoFocus:!0,className:f.sharedInputStyles({size:"small"}),onChange:p=>{j(p.target.value??""),e==null||e(p.target.value)},value:u??"",onFocus:()=>a(!0),onBlur:()=>a(!1)}):null,u&&u.length?s.jsxRuntimeExports.jsx(B.Button,{"aria-label":c??"Clear",className:k.twMerge(G.buttonStyles({size:"small",color:"monochrome",variant:"ghost"})),excludeFromTabOrder:!0,onPress:()=>{j("")},children:s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"cross",className:"h-4 w-4"})}):null,o,r?s.jsxRuntimeExports.jsx(ss.Spinner,{className:"mx-2",size:"small"}):null]})})},Y=({direction:e,disabledItemIdKeys:n,itemIdKey:i,itemLabelKey:o,items:c,open:u,renderItem:j,triggerRef:m,isLoading:a,onQueryChange:E,setOpenPopover:x})=>{var p;const{filteredItems:t,query:d,setQuery:r}=ts({itemLabelKey:o,items:c,onQueryChange:E});return s.jsxRuntimeExports.jsxs(K.Popover,{className:"lyra-list-box pb-2",isOpen:u,triggerRef:m,showPopoverInBottomDrawerOnSmallScreens:!0,onOpenChange:x,shouldUpdatePosition:!0,style:{"--trigger-width":((p=m.current)==null?void 0:p.offsetWidth)+"px",direction:e},children:[s.jsxRuntimeExports.jsx(os,{onQueryChange:E,isLoading:a,query:d,setQuery:r}),t&&t.length?s.jsxRuntimeExports.jsx(g.Combobox.Options,{static:!0,className:Q.listBoxStyles({className:"max-h-80 overflow-y-auto"}),children:t.map(l=>s.jsxRuntimeExports.jsx(g.Combobox.Option,{className:({active:h,selected:F,disabled:b})=>k.twMerge(C.listBoxItemStyles({active:h,disabled:b,selected:F})),value:l,disabled:n==null?void 0:n.includes(l==null?void 0:l[i]),children:h=>s.jsxRuntimeExports.jsx(is,{item:l,state:h,renderItem:j,itemLabelKey:o})},l[i]))}):null]})},ls=({isDisabled:e,isRequired:n,label:i,optionalLabel:o="Optional",description:c,errorMessage:u,isInvalid:j,fullWidth:m=!0,by:a,defaultValue:E,name:x,onChange:t,itemLabelKey:d,itemIdKey:r,value:p,size:l="medium",startSlot:h,items:F,endSlot:b,disabledItemIdKeys:D,placeholder:P,renderItem:H,onQueryChange:W,isLoading:A})=>{const[V,L]=R.useState(p??E),[w,S]=R.useState(!1),U=()=>S(!0),O=()=>S(!1),I=R.useCallback(N=>{L(N),t==null||t(N),O()},[t]),M=R.useRef(null),{direction:q}=_.useLocale();return s.jsxRuntimeExports.jsx(g.Combobox,{disabled:e,name:x,value:V??"",onChange:I,by:a,children:({disabled:N,value:Z})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:m}),children:[s.jsxRuntimeExports.jsx(J,{label:i,optionalLabel:o,isRequired:n}),s.jsxRuntimeExports.jsx("div",{ref:M,children:s.jsxRuntimeExports.jsx(rs,{endSlot:b,fullWidth:m,isDisabled:N,isInvalid:j,open:w,openPopover:U,placeholder:P,size:l,startSlot:h,value:Z,itemLabelKey:d,itemIdKey:r,onChange:I})}),s.jsxRuntimeExports.jsx(X,{description:c,errorMessage:u})]}),s.jsxRuntimeExports.jsx(Y,{triggerRef:M,itemIdKey:r,itemLabelKey:d,items:F,open:w,setOpenPopover:S,renderItem:H,disabledItemIdKeys:D,direction:q,onQueryChange:W,isLoading:A})]})})},us=({isDisabled:e,isRequired:n,label:i,optionalLabel:o="Optional",description:c,errorMessage:u,isInvalid:j,fullWidth:m=!0,by:a,defaultValue:E,name:x,onChange:t,itemLabelKey:d,itemIdKey:r,value:p,size:l="medium",startSlot:h,items:F,endSlot:b,disabledItemIdKeys:D,placeholder:P,renderItem:H,onQueryChange:W,isLoading:A})=>{const[V,L]=R.useState(p??E),[w,S]=R.useState(!1),U=()=>S(!0),O=R.useCallback(q=>{L(q),t==null||t(q)},[t]),I=R.useRef(null),{direction:M}=_.useLocale();return s.jsxRuntimeExports.jsx(g.Combobox,{disabled:e,name:x,value:V??[],onChange:O,by:a,multiple:!0,children:({disabled:q,value:N})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:m}),children:[s.jsxRuntimeExports.jsx(J,{label:i,optionalLabel:o,isRequired:n}),s.jsxRuntimeExports.jsx("div",{ref:I,children:s.jsxRuntimeExports.jsx(ns,{endSlot:b,fullWidth:m,isDisabled:q,isInvalid:j,open:w,openPopover:U,placeholder:P,size:l,startSlot:h,value:N,itemLabelKey:d,itemIdKey:r,onChange:O})}),s.jsxRuntimeExports.jsx(X,{description:c,errorMessage:u})]}),s.jsxRuntimeExports.jsx(Y,{triggerRef:I,itemIdKey:r,itemLabelKey:d,items:F,open:w,setOpenPopover:S,renderItem:H,disabledItemIdKeys:D,direction:M,onQueryChange:W,isLoading:A})]})})};exports.MultiSearchListField=us;exports.SearchListField=ls;

package/dist/lyra20.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra20.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import { CSSProperties, Key, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useFilter } from \"react-aria\";\nimport { Button as AriaButton, Label } from \"react-aria-components\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { buttonStyles } from \"../../button\";\nimport { listBoxStyles } from \"../../list-box\";\nimport { listBoxItemStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSearchListFieldProps,\n  SearchInputProps,\n  SearchListFieldFooterProps,\n  SearchListFieldHeaderProps,\n  SearchListFieldItemProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  UseSearchListFieldContext,\n  ValueButton,\n} from \"./seach-list-field.types\";\n\nconst useFilterItemsOnQuery = <T extends object>({\n  itemLabelKey,\n  items,\n  onQueryChange,\n}: UseSearchListFieldContext<T>) => {\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains, startsWith } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    // If we have a onQueryChange handler, we don't want to filter items\n    // ourselves. Just return the list of items.\n    if (onQueryChange) {\n      return items;\n    } else {\n      let itemsToReturn: T[] = [];\n      // Make sure that items that start with the query are shown first, then the items that contain the query.\n      itemsToReturn = items.filter((item) => {\n        return startsWith(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Get all Items that contain the query\n      const itemsThatContainQuery = items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Sort items that contain the query by the index of the query in the item label.\n      const sortedItemsThatContainQuery = itemsThatContainQuery.sort((a, b) => {\n        const aIndex = (a[itemLabelKey] as string).indexOf(query ?? \"\");\n        const bIndex = (b[itemLabelKey] as string).indexOf(query ?? \"\");\n        return aIndex - bIndex;\n      });\n\n      itemsToReturn = itemsToReturn.concat(sortedItemsThatContainQuery);\n\n      // remove the duplicates\n      itemsToReturn = itemsToReturn.filter(\n        (item, index, self) =>\n          index === self.findIndex((t) => t[itemLabelKey] === item[itemLabelKey]),\n      );\n\n      return itemsToReturn;\n    }\n  }, [contains, startsWith, itemLabelKey, items, onQueryChange, query]);\n\n  useEffect(() => {\n    if (onQueryChange) {\n      onQueryChange?.(query);\n    }\n    // onQueryChange should not be added to the dependencies, it will cause a\n    // rerender loop.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query]);\n\n  return {\n    filteredItems,\n    query,\n    setQuery,\n  };\n};\n\nconst minHeightClasses = (size: \"small\" | \"medium\" | \"large\") => {\n  return cx(\n    size === \"small\" && \"min-h-[42px]\",\n    size === \"medium\" && \"min-h-[50px]\",\n    size === \"large\" && \"min-h-[58px]\",\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  openPopover,\n  itemLabelKey,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n  onChange,\n}: ValueButton<T>) => {\n  /**\n   * Handles the keydown event for the search list field.\n   * If the Escape or Backspace key is pressed, calls the onChange function with undefined.\n   * @param e - The keyboard event.\n   */\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"Escape\" || e.key === \"Backspace\") {\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n  };\n\n  return (\n    <AriaButton\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={({ isFocused, isHovered }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: cx(minHeightClasses(size), \"gap-2\"),\n        })\n      }\n      onKeyDown={onKeyDown}\n      onPress={openPopover}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value?.[itemLabelKey] ? (\n          <>{value?.[itemLabelKey]}</>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <div className=\"flex items-center gap-2\">\n        {value ? (\n          <>\n            <div\n              className={twMerge(\n                buttonStyles({\n                  size: \"small\",\n                  color: \"monochrome\",\n                  variant: \"ghost\",\n                  className: \"p-1\",\n                  isDisabled,\n                }),\n              )}\n              role=\"button\"\n              onPointerDown={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n            >\n              <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\"h-4 w-4 transition duration-150\", open && \"rotate-180\")}\n        />\n      </div>\n    </AriaButton>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  openPopover,\n  itemLabelKey,\n  itemIdKey,\n  placeholder,\n  size = \"medium\",\n  label,\n  startSlot,\n  onChange,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n  };\n  return (\n    <AriaButton\n      className={({ isHovered, isFocused }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: minHeightClasses(size),\n        })\n      }\n      onPress={openPopover}\n      onKeyDown={onKeyDown}\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value && value.length ? (\n          <TagGroup<T>\n            aria-label={label ?? \"Selected items\"}\n            onRemove={(keys) => {\n              value && onChange(value.filter((item) => !keys.has(item[itemIdKey] as any)));\n            }}\n          >\n            {value.map((item) => (\n              <TagItem key={item[itemIdKey] as Key} {...item}>\n                {item?.[itemLabelKey] as string}\n              </TagItem>\n            ))}\n          </TagGroup>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <SvgIcon\n        name=\"chevron-down\"\n        className={cx(\"h-4 w-4 min-w-[16px] transition duration-150\", open && \"rotate-180\")}\n      />\n    </AriaButton>\n  );\n};\n\nconst SearchListFieldHeader = ({\n  label,\n  optionalLabel,\n  isRequired,\n}: SearchListFieldHeaderProps) => (\n  <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n    {label ? (\n      <Label\n        className={sharedInputlabelStyles()}\n        style={{ fontFamily: \"var(--input-label-font-family)\" }}\n      >\n        {label}\n      </Label>\n    ) : null}\n    {isRequired === false ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {optionalLabel}\n      </span>\n    ) : null}\n  </div>\n);\n\nconst SearchListFieldFooter = ({ description, errorMessage }: SearchListFieldFooterProps) => (\n  <>\n    {description && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n        {description}\n      </Text>\n    )}\n    {errorMessage && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"accent-danger\" slot=\"errorMessage\">\n        {errorMessage}\n      </Text>\n    )}\n  </>\n);\n\nconst SearchListFieldItem = <T extends object>({\n  item,\n  state,\n  renderItem,\n  itemLabelKey,\n}: SearchListFieldItemProps<T>) => {\n  const label = item?.[itemLabelKey] as string;\n\n  if (renderItem) {\n    return renderItem(item, state);\n  }\n  return (\n    <div className=\"flex items-center gap-1\">\n      {state.selected ? (\n        <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n      ) : (\n        <div className=\"h-4 w-4\" />\n      )}\n      {label}\n    </div>\n  );\n};\n\nconst SearchInput = ({\n  onQueryChange,\n  isLoading,\n  startSlot,\n  endSlot,\n  clearLabel = \"Clear\",\n  query,\n  setQuery,\n}: SearchInputProps) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n  const [timeReached, setTimeReached] = useState(false);\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  // This workaround ensures that we wait for the popover to finish rendering before focusing on the input field.\n  // .It prevents the page from scrolling to the bottom, although the exact reason for this behavior is currently unclear.\n  useEffect(() => {\n    setTimeout(() => {\n      setTimeReached(true);\n    }, 10);\n  }, []);\n\n  return (\n    <div\n      className={sharedInputFieldWrapperStyles({\n        fullWidth: true,\n        className:\n          \"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"bg-neutral-0 px-2\",\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        <SvgIcon name=\"search\" className=\"-me-2 h-4 w-4\" />\n        {startSlot}\n        {timeReached ? (\n          <Combobox.Input\n            autoFocus\n            className={sharedInputStyles({ size: \"small\" })}\n            onChange={(e) => {\n              setQuery(e.target.value ?? \"\");\n              onQueryChange?.(e.target.value as any);\n            }}\n            value={query ?? \"\"}\n            onFocus={() => setFieldIsFocused(true)}\n            onBlur={() => setFieldIsFocused(false)}\n          />\n        ) : null}\n\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clearLabel ?? \"Clear\"}\n            className={twMerge(\n              buttonStyles({\n                size: \"small\",\n                color: \"monochrome\",\n                variant: \"ghost\",\n              }),\n            )}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </AriaButton>\n        ) : null}\n        {endSlot}\n        {showSpinner ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\nconst SearchListFieldItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  open,\n  renderItem,\n  triggerRef,\n  isLoading,\n  onQueryChange,\n  setOpenPopover,\n}: SearchListFieldItemsProps<T>) => {\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>({\n    itemLabelKey,\n    items,\n    onQueryChange,\n  });\n  return (\n    <Popover\n      className=\"lyra-list-box pb-2\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      showPopoverInBottomDrawerOnSmallScreens\n      onOpenChange={setOpenPopover}\n      shouldUpdatePosition\n      style={\n        {\n          \"--trigger-width\": (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      <SearchInput\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        query={query}\n        setQuery={setQuery}\n      />\n      {filteredItems && filteredItems.length ? (\n        <Combobox.Options\n          static\n          className={listBoxStyles({\n            className: \"max-h-80 overflow-y-auto\",\n          })}\n        >\n          {filteredItems.map((item) => (\n            <Combobox.Option\n              key={item[itemIdKey] as Key}\n              className={({ active, selected, disabled }) =>\n                twMerge(\n                  listBoxItemStyles({\n                    active,\n                    disabled,\n                    selected,\n                  }),\n                )\n              }\n              value={item}\n              disabled={disabledItemIdKeys?.includes(item?.[itemIdKey] as string)}\n            >\n              {(renderItemState) => (\n                <SearchListFieldItem\n                  item={item}\n                  state={renderItemState}\n                  renderItem={renderItem}\n                  itemLabelKey={itemLabelKey}\n                />\n              )}\n            </Combobox.Option>\n          ))}\n        </Combobox.Options>\n      ) : null}\n    </Popover>\n  );\n};\n\nexport const SearchListField = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n  onQueryChange,\n  isLoading,\n}: SearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\n  const closePopover = () => setIsOpen(false);\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      closePopover();\n    },\n    [onChange],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? \"\"}\n      onChange={onSingleChange}\n      by={by as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value as T | undefined}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onSingleChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n  onQueryChange,\n  isLoading,\n}: MultiSearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? []}\n      onChange={onMultiChange}\n      by={by as any}\n      multiple={true as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onMultiChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n"],"names":["useFilterItemsOnQuery","itemLabelKey","items","onQueryChange","query","setQuery","useState","contains","startsWith","useFilter","filteredItems","useMemo","itemsToReturn","item","sortedItemsThatContainQuery","a","b","aIndex","bIndex","index","self","t","useEffect","minHeightClasses","size","cx","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","open","openPopover","placeholder","startSlot","value","onChange","onKeyDown","e","jsxs","AriaButton","isFocused","isHovered","sharedInputFieldStyles","jsx","Fragment","Text","twMerge","buttonStyles","SvgIcon","MultipleValuesButton","itemIdKey","label","TagGroup","keys","TagItem","SearchListFieldHeader","optionalLabel","isRequired","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","SearchListFieldItem","state","renderItem","SearchInput","isLoading","clearLabel","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","timeReached","setTimeReached","showSpinner","useSpinDelay","sharedInputFieldWrapperStyles","Combobox","sharedInputStyles","Spinner","SearchListFieldItems","direction","disabledItemIdKeys","triggerRef","setOpenPopover","Popover","_a","listBoxStyles","active","selected","disabled","listBoxItemStyles","renderItemState","SearchListField","by","defaultValue","name","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","onSingleChange","useCallback","newValue","useRef","useLocale","MultiSearchListField","onMultiChange"],"mappings":"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"}
+{"version":3,"file":"lyra20.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import { CSSProperties, Key, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useFilter } from \"react-aria\";\nimport { Button as AriaButton, Label } from \"react-aria-components\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { buttonStyles } from \"../../button\";\nimport { listBoxStyles } from \"../../list-box\";\nimport { listBoxItemStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSearchListFieldProps,\n  SearchInputProps,\n  SearchListFieldFooterProps,\n  SearchListFieldHeaderProps,\n  SearchListFieldItemProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  UseSearchListFieldContext,\n  ValueButton,\n} from \"./seach-list-field.types\";\n\nconst useFilterItemsOnQuery = <T extends object>({\n  itemLabelKey,\n  items,\n  onQueryChange,\n}: UseSearchListFieldContext<T>) => {\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains, startsWith } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    // If we have a onQueryChange handler, we don't want to filter items\n    // ourselves. Just return the list of items.\n    if (onQueryChange) {\n      return items;\n    } else {\n      let itemsToReturn: T[] = [];\n      // Make sure that items that start with the query are shown first, then the items that contain the query.\n      itemsToReturn = items.filter((item) => {\n        return startsWith(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Get all Items that contain the query\n      const itemsThatContainQuery = items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Sort items that contain the query by the index of the query in the item label.\n      const sortedItemsThatContainQuery = itemsThatContainQuery.sort((a, b) => {\n        const aIndex = (a[itemLabelKey] as string).indexOf(query ?? \"\");\n        const bIndex = (b[itemLabelKey] as string).indexOf(query ?? \"\");\n        return aIndex - bIndex;\n      });\n\n      itemsToReturn = itemsToReturn.concat(sortedItemsThatContainQuery);\n\n      // remove the duplicates\n      itemsToReturn = itemsToReturn.filter(\n        (item, index, self) =>\n          index === self.findIndex((t) => t[itemLabelKey] === item[itemLabelKey]),\n      );\n\n      return itemsToReturn;\n    }\n  }, [contains, startsWith, itemLabelKey, items, onQueryChange, query]);\n\n  useEffect(() => {\n    if (onQueryChange) {\n      onQueryChange?.(query);\n    }\n    // onQueryChange should not be added to the dependencies, it will cause a\n    // rerender loop.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query]);\n\n  return {\n    filteredItems,\n    query,\n    setQuery,\n  };\n};\n\nconst minHeightClasses = (size: \"small\" | \"medium\" | \"large\") => {\n  return cx(\n    size === \"small\" && \"min-h-[42px]\",\n    size === \"medium\" && \"min-h-[50px]\",\n    size === \"large\" && \"min-h-[58px]\",\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  openPopover,\n  itemLabelKey,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n  onChange,\n}: ValueButton<T>) => {\n  /**\n   * Handles the keydown event for the search list field.\n   * If the Escape or Backspace key is pressed, calls the onChange function with undefined.\n   * @param e - The keyboard event.\n   */\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"Escape\" || e.key === \"Backspace\") {\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n  };\n\n  return (\n    <AriaButton\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={({ isFocused, isHovered }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: cx(minHeightClasses(size), \"gap-2\"),\n        })\n      }\n      onKeyDown={onKeyDown}\n      onPress={openPopover}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value?.[itemLabelKey] ? (\n          <>{value?.[itemLabelKey]}</>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <div className=\"flex items-center gap-2\">\n        {value ? (\n          <>\n            <div\n              className={twMerge(\n                buttonStyles({\n                  size: \"small\",\n                  color: \"monochrome\",\n                  variant: \"ghost\",\n                  className: \"p-1\",\n                  isDisabled,\n                }),\n              )}\n              role=\"button\"\n              onPointerDown={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n            >\n              <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\"h-4 w-4 transition duration-150\", open && \"rotate-180\")}\n        />\n      </div>\n    </AriaButton>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  openPopover,\n  itemLabelKey,\n  itemIdKey,\n  placeholder,\n  size = \"medium\",\n  label,\n  startSlot,\n  onChange,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n  };\n  return (\n    <AriaButton\n      className={({ isHovered, isFocused }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: minHeightClasses(size),\n        })\n      }\n      onPress={openPopover}\n      onKeyDown={onKeyDown}\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value && value.length ? (\n          <TagGroup<T>\n            aria-label={label ?? \"Selected items\"}\n            onRemove={(keys) => {\n              value && onChange(value.filter((item) => !keys.has(item[itemIdKey] as any)));\n            }}\n          >\n            {value.map((item) => (\n              <TagItem key={item[itemIdKey] as Key} {...item}>\n                {item?.[itemLabelKey] as string}\n              </TagItem>\n            ))}\n          </TagGroup>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <SvgIcon\n        name=\"chevron-down\"\n        className={cx(\"h-4 w-4 min-w-[16px] transition duration-150\", open && \"rotate-180\")}\n      />\n    </AriaButton>\n  );\n};\n\nconst SearchListFieldHeader = ({\n  label,\n  optionalLabel,\n  isRequired,\n}: SearchListFieldHeaderProps) => (\n  <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n    {label ? (\n      <Label\n        className={sharedInputlabelStyles()}\n        style={{ fontFamily: \"var(--input-label-font-family)\" }}\n      >\n        {label}\n      </Label>\n    ) : null}\n    {isRequired === false ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {optionalLabel}\n      </span>\n    ) : null}\n  </div>\n);\n\nconst SearchListFieldFooter = ({ description, errorMessage }: SearchListFieldFooterProps) => (\n  <>\n    {description && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n        {description}\n      </Text>\n    )}\n    {errorMessage && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"accent-danger\" slot=\"errorMessage\">\n        {errorMessage}\n      </Text>\n    )}\n  </>\n);\n\nconst SearchListFieldItem = <T extends object>({\n  item,\n  state,\n  renderItem,\n  itemLabelKey,\n}: SearchListFieldItemProps<T>) => {\n  const label = item?.[itemLabelKey] as string;\n\n  if (renderItem) {\n    return renderItem(item, state);\n  }\n  return (\n    <div className=\"flex items-center gap-1\">\n      {state.selected ? (\n        <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n      ) : (\n        <div className=\"h-4 w-4\" />\n      )}\n      {label}\n    </div>\n  );\n};\n\nconst SearchInput = ({\n  onQueryChange,\n  isLoading,\n  startSlot,\n  endSlot,\n  clearLabel = \"Clear\",\n  query,\n  setQuery,\n}: SearchInputProps) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n  const [timeReached, setTimeReached] = useState(false);\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  // This workaround ensures that we wait for the popover to finish rendering before focusing on the input field.\n  // .It prevents the page from scrolling to the bottom, although the exact reason for this behavior is currently unclear.\n  useEffect(() => {\n    setTimeout(() => {\n      setTimeReached(true);\n    }, 10);\n  }, []);\n\n  return (\n    <div\n      className={sharedInputFieldWrapperStyles({\n        fullWidth: true,\n        className:\n          \"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"bg-neutral-0 px-2\",\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        <SvgIcon name=\"search\" className=\"-me-2 h-4 w-4\" />\n        {startSlot}\n        {timeReached ? (\n          <Combobox.Input\n            autoFocus\n            className={sharedInputStyles({ size: \"small\" })}\n            onChange={(e) => {\n              setQuery(e.target.value ?? \"\");\n              onQueryChange?.(e.target.value as any);\n            }}\n            value={query ?? \"\"}\n            onFocus={() => setFieldIsFocused(true)}\n            onBlur={() => setFieldIsFocused(false)}\n          />\n        ) : null}\n\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clearLabel ?? \"Clear\"}\n            className={twMerge(\n              buttonStyles({\n                size: \"small\",\n                color: \"monochrome\",\n                variant: \"ghost\",\n              }),\n            )}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </AriaButton>\n        ) : null}\n        {endSlot}\n        {showSpinner ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\nconst SearchListFieldItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  open,\n  renderItem,\n  triggerRef,\n  isLoading,\n  onQueryChange,\n  setOpenPopover,\n}: SearchListFieldItemsProps<T>) => {\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>({\n    itemLabelKey,\n    items,\n    onQueryChange,\n  });\n  return (\n    <Popover\n      className=\"lyra-list-box pb-2\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      showPopoverInBottomDrawerOnSmallScreens\n      onOpenChange={setOpenPopover}\n      shouldUpdatePosition\n      style={\n        {\n          \"--trigger-width\": (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      <SearchInput\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        query={query}\n        setQuery={setQuery}\n      />\n      {filteredItems && filteredItems.length ? (\n        <Combobox.Options\n          static\n          className={listBoxStyles({\n            className: \"max-h-80 overflow-y-auto\",\n          })}\n        >\n          {filteredItems.map((item) => (\n            <Combobox.Option\n              key={item[itemIdKey] as Key}\n              className={({ active, selected, disabled }) =>\n                twMerge(\n                  listBoxItemStyles({\n                    active,\n                    disabled,\n                    selected,\n                  }),\n                )\n              }\n              value={item}\n              disabled={disabledItemIdKeys?.includes(item?.[itemIdKey] as string)}\n            >\n              {(renderItemState) => (\n                <SearchListFieldItem\n                  item={item}\n                  state={renderItemState}\n                  renderItem={renderItem}\n                  itemLabelKey={itemLabelKey}\n                />\n              )}\n            </Combobox.Option>\n          ))}\n        </Combobox.Options>\n      ) : null}\n    </Popover>\n  );\n};\n\nexport const SearchListField = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n  onQueryChange,\n  isLoading,\n}: SearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\n  const closePopover = () => setIsOpen(false);\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      closePopover();\n    },\n    [onChange],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? \"\"}\n      onChange={onSingleChange}\n      by={by as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value as T | undefined}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onSingleChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n  onQueryChange,\n  isLoading,\n}: MultiSearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? []}\n      onChange={onMultiChange}\n      by={by as any}\n      multiple={true as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onMultiChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n"],"names":["useFilterItemsOnQuery","itemLabelKey","items","onQueryChange","query","setQuery","useState","contains","startsWith","useFilter","filteredItems","useMemo","itemsToReturn","item","sortedItemsThatContainQuery","a","b","aIndex","bIndex","index","self","t","useEffect","minHeightClasses","size","cx","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","open","openPopover","placeholder","startSlot","value","onChange","onKeyDown","e","jsxs","AriaButton","isFocused","isHovered","sharedInputFieldStyles","jsx","Fragment","Text","twMerge","buttonStyles","SvgIcon","MultipleValuesButton","itemIdKey","label","TagGroup","keys","TagItem","SearchListFieldHeader","optionalLabel","isRequired","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","SearchListFieldItem","state","renderItem","SearchInput","isLoading","clearLabel","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","timeReached","setTimeReached","showSpinner","useSpinDelay","sharedInputFieldWrapperStyles","Combobox","sharedInputStyles","Spinner","SearchListFieldItems","direction","disabledItemIdKeys","triggerRef","setOpenPopover","Popover","_a","listBoxStyles","active","selected","disabled","listBoxItemStyles","renderItemState","SearchListField","by","defaultValue","name","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","onSingleChange","useCallback","newValue","useRef","useLocale","MultiSearchListField","onMultiChange"],"mappings":"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"}

package/dist/lyra20.js

@@ -2,17 +2,17 @@ import { j as s } from "./lyra54.js";
 import { useState as N, useCallback as z, useRef as J, useMemo as ss, useEffect as L } from "react";
 import { Button as W, Label as ts } from "./lyra53.js";
 import "./lyra2.js";
-import { cx as $ } from "./lyra63.js";
-import "./lyra68.js";
+import { cx as $ } from "./lyra60.js";
+import "./lyra66.js";
 import { Text as g } from "./lyra43.js";
-import "./lyra69.js";
-import "./lyra70.js";
-import "./lyra73.js";
+import "./lyra71.js";
+import "./lyra72.js";
+import "./lyra61.js";
 import "./lyra8.js";
 import { buttonStyles as X } from "./lyra9.js";
 import "./lyra10.js";
 import "./lyra11.js";
-import "./lyra115.js";
+import "./lyra77.js";
 import "./lyra13.js";
 import "./lyra26.js";
 import { SvgIcon as F } from "./lyra39.js";
@@ -21,27 +21,27 @@ import "./lyra18.js";
 import "./lyra19.js";
 import "./lyra28.js";
 import { listBoxStyles as rs } from "./lyra29.js";
-import { listBoxItemStyles as es } from "./lyra154.js";
+import { listBoxItemStyles as es } from "./lyra160.js";
 import { Popover as os } from "./lyra30.js";
 import "./lyra32.js";
-import "./lyra116.js";
+import "./lyra78.js";
 import { sharedInputFieldWrapperStyles as q, sharedInputFieldStyles as G, sharedInputlabelStyles as ls, sharedInputHintStyles as is, sharedInputStyles as as } from "./lyra22.js";
-import { TagGroup as ns, TagItem as cs } from "./lyra155.js";
+import { TagGroup as ns, TagItem as cs } from "./lyra161.js";
 import "./lyra23.js";
-import "./lyra117.js";
+import "./lyra79.js";
 import "./lyra25.js";
 import "./lyra27.js";
-import "./lyra78.js";
+import "./lyra74.js";
 import { Spinner as ms } from "./lyra37.js";
 import "./lyra40.js";
-import "./lyra79.js";
+import "./lyra76.js";
 import "./lyra42.js";
 import "./lyra151.js";
 import { useSpinDelay as ds } from "./lyra48.js";
 import "./lyra49.js";
 import "./lyra58.js";
 import "./lyra51.js";
-import { Combobox as y } from "./lyra156.js";
+import { Combobox as y } from "./lyra163.js";
 import { twMerge as B } from "./lyra55.js";
 import { useLocale as Y, useFilter as ps } from "./lyra52.js";
 const us = ({

package/dist/lyra21.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),h=require("react"),W=require("./lyra53.cjs");require("./lyra2.cjs");const w=require("./lyra63.cjs");require("./lyra68.cjs");const b=require("./lyra43.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra73.cjs");require("./lyra8.cjs");const A=require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra115.cjs");require("./lyra13.cjs");require("./lyra26.cjs");const F=require("./lyra39.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");const J=require("./lyra29.cjs"),Q=require("./lyra154.cjs"),X=require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra116.cjs");const f=require("./lyra22.cjs"),T=require("./lyra155.cjs");require("./lyra23.cjs");require("./lyra117.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra78.cjs");require("./lyra40.cjs");require("./lyra79.cjs");require("./lyra42.cjs");require("./lyra151.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const v=require("./lyra158.cjs"),V=require("./lyra55.cjs"),D=require("./lyra52.cjs"),_=s=>w.cx(s==="small"&&"min-h-[42px]",s==="medium"&&"min-h-[50px]",s==="large"&&"min-h-[58px]"),$=({label:s,optionalLabel:r,isRequired:n})=>e.jsxRuntimeExports.jsxs("div",{className:w.cx("flex items-center gap-3",s?"justify-between":"justify-end"),children:[s?e.jsxRuntimeExports.jsx(W.Label,{className:f.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:s}):null,n===!1?e.jsxRuntimeExports.jsx("span",{className:f.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:r}):null]}),G=({description:s,errorMessage:r})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[s&&e.jsxRuntimeExports.jsx(b.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:s}),r&&e.jsxRuntimeExports.jsx(b.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:r})]}),Y=({item:s,state:r,renderItem:n,itemLabelKey:a})=>{const u=s==null?void 0:s[a];return n?n(s,r):e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[r.selected?e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"checkmark",className:"h-4 w-4"}):e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),u]})},U=({direction:s,disabledItemIdKeys:r,itemIdKey:n,itemLabelKey:a,items:u,open:E,renderItem:R,triggerRef:l})=>{var m;return e.jsxRuntimeExports.jsx(X.Popover,{className:"!max-h-96 pb-2",isOpen:E,triggerRef:l,showPopoverInBottomDrawerOnSmallScreens:!0,shouldUpdatePosition:!0,style:{"--trigger-width":((m=l.current)==null?void 0:m.offsetWidth)+"px",direction:s},children:u&&u.length?e.jsxRuntimeExports.jsx(v.Listbox.Options,{static:!0,className:J.listBoxStyles(),children:u.map(t=>e.jsxRuntimeExports.jsx(v.Listbox.Option,{className:({active:o,selected:x,disabled:i})=>V.twMerge(Q.listBoxItemStyles({active:o,disabled:i,selected:x})),value:t,disabled:r==null?void 0:r.includes(t==null?void 0:t[n]),children:o=>e.jsxRuntimeExports.jsx(Y,{item:t,state:o,renderItem:R,itemLabelKey:a})},t[n]))}):null})},Z=({endSlot:s,fullWidth:r,isDisabled:n,isInvalid:a,open:u,itemLabelKey:E,placeholder:R,size:l="medium",startSlot:m,value:t,onChange:o})=>{const[x,i]=h.useState(!1),[q,j]=h.useState(!1),S=c=>{(c.key==="Escape"||c.key==="Backspace")&&(o==null||o(void 0))};return e.jsxRuntimeExports.jsxs(v.Listbox.Button,{className:f.sharedInputFieldStyles({fullWidth:r,isDisabled:n,isHovered:q,isFocused:x,isInvalid:a,size:l,className:_(l)}),onPointerEnter:()=>j(!0),onPointerLeave:()=>j(!1),onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),onFocus:()=>{i(!0)},onBlur:()=>{i(!1)},onKeyDown:S,children:[m,e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:t!=null&&t[E]?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t==null?void 0:t[E]}):e.jsxRuntimeExports.jsx(b.Text,{color:"secondary",children:R})}),s,e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[t?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:V.twMerge(A.buttonStyles({size:"small",color:"monochrome",variant:"ghost",className:"p-1",isDisabled:n})),onClick:c=>{c.stopPropagation(),o==null||o(void 0)},children:e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"chevron-down",className:w.cx("h-4 w-4 transition duration-150",u&&"rotate-180")})]})]})},z=({endSlot:s,fullWidth:r,isDisabled:n,isInvalid:a,open:u,itemLabelKey:E,itemIdKey:R,placeholder:l,size:m="medium",label:t,startSlot:o,onChange:x,value:i})=>{const[q,j]=h.useState(!1),[S,c]=h.useState(!1);return e.jsxRuntimeExports.jsxs(v.Listbox.Button,{className:f.sharedInputFieldStyles({fullWidth:r,isDisabled:n,isHovered:S,isFocused:q,isInvalid:a,size:m,className:_(m)}),as:"div",role:"button",tabIndex:0,onPointerEnter:()=>c(!0),onPointerLeave:()=>c(!1),onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),onFocus:()=>{j(!0)},onBlur:()=>{j(!1)},children:[o,e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:i&&i.length?e.jsxRuntimeExports.jsx(T.TagGroup,{"aria-label":t??"Selected items",onRemove:p=>{i&&x(i.filter(N=>!p.has(N[R])))},children:i.map(p=>e.jsxRuntimeExports.jsx(T.TagItem,{...p,children:p==null?void 0:p[E]},p[R]))}):e.jsxRuntimeExports.jsx(b.Text,{color:"secondary",children:l})}),s,e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"chevron-down",className:w.cx("h-4 w-4 min-w-[16px] transition duration-150",u&&"rotate-180")})]})},C=({isDisabled:s,isRequired:r,label:n,optionalLabel:a="Optional",description:u,errorMessage:E,isInvalid:R,fullWidth:l=!0,by:m,defaultValue:t,name:o,onChange:x,itemLabelKey:i,itemIdKey:q,value:j,size:S="medium",startSlot:c,items:p,endSlot:N,disabledItemIdKeys:M,placeholder:B,renderItem:L})=>{const[I,P]=h.useState(j??t),g=h.useRef(null),{direction:k}=D.useLocale(),y=h.useCallback(d=>{P(d),x==null||x(d)},[x]);return e.jsxRuntimeExports.jsx(v.Listbox,{disabled:s,name:o,by:m,onChange:y,value:I??"",children:({open:d,disabled:H,value:O})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:l}),children:[e.jsxRuntimeExports.jsx($,{label:n,optionalLabel:a,isRequired:r}),e.jsxRuntimeExports.jsx("div",{ref:g,children:e.jsxRuntimeExports.jsx(Z,{endSlot:N,fullWidth:l,isDisabled:H,isInvalid:R,open:d,placeholder:B,size:S,startSlot:c,value:O,itemLabelKey:i,itemIdKey:q,onChange:y})}),e.jsxRuntimeExports.jsx(G,{description:u,errorMessage:E})]}),e.jsxRuntimeExports.jsx(U,{triggerRef:g,itemIdKey:q,itemLabelKey:i,items:p,open:d,renderItem:L,disabledItemIdKeys:M,direction:k})]})})},K=({isDisabled:s,isRequired:r,label:n,optionalLabel:a="Optional",description:u,errorMessage:E,isInvalid:R,fullWidth:l=!0,by:m,defaultValue:t,name:o,onChange:x,itemLabelKey:i,itemIdKey:q,value:j,size:S="medium",startSlot:c,items:p,endSlot:N,disabledItemIdKeys:M,placeholder:B,renderItem:L})=>{const[I,P]=h.useState(j??t),g=h.useRef(null),{direction:k}=D.useLocale(),y=h.useCallback(d=>{P(d),x==null||x(d)},[x]);return e.jsxRuntimeExports.jsx(v.Listbox,{disabled:s,name:o,by:m,onChange:y,multiple:!0,value:I??[],children:({open:d,disabled:H,value:O})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:l}),children:[e.jsxRuntimeExports.jsx($,{label:n,optionalLabel:a,isRequired:r}),e.jsxRuntimeExports.jsx("div",{ref:g,children:e.jsxRuntimeExports.jsx(z,{endSlot:N,fullWidth:l,isDisabled:H,isInvalid:R,open:d,placeholder:B,size:S,startSlot:c,value:O,itemLabelKey:i,itemIdKey:q,onChange:y})}),e.jsxRuntimeExports.jsx(G,{description:u,errorMessage:E})]}),e.jsxRuntimeExports.jsx(U,{triggerRef:g,itemIdKey:q,itemLabelKey:i,items:p,open:d,renderItem:L,disabledItemIdKeys:M,direction:k})]})})};exports.MultiSelect=K;exports.Select=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),h=require("react"),W=require("./lyra53.cjs");require("./lyra2.cjs");const w=require("./lyra60.cjs");require("./lyra66.cjs");const b=require("./lyra43.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra61.cjs");require("./lyra8.cjs");const A=require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra77.cjs");require("./lyra13.cjs");require("./lyra26.cjs");const F=require("./lyra39.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");const J=require("./lyra29.cjs"),Q=require("./lyra160.cjs"),X=require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra78.cjs");const f=require("./lyra22.cjs"),T=require("./lyra161.cjs");require("./lyra23.cjs");require("./lyra79.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra74.cjs");require("./lyra40.cjs");require("./lyra76.cjs");require("./lyra42.cjs");require("./lyra151.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const v=require("./lyra162.cjs"),V=require("./lyra55.cjs"),D=require("./lyra52.cjs"),_=s=>w.cx(s==="small"&&"min-h-[42px]",s==="medium"&&"min-h-[50px]",s==="large"&&"min-h-[58px]"),$=({label:s,optionalLabel:r,isRequired:n})=>e.jsxRuntimeExports.jsxs("div",{className:w.cx("flex items-center gap-3",s?"justify-between":"justify-end"),children:[s?e.jsxRuntimeExports.jsx(W.Label,{className:f.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:s}):null,n===!1?e.jsxRuntimeExports.jsx("span",{className:f.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:r}):null]}),G=({description:s,errorMessage:r})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[s&&e.jsxRuntimeExports.jsx(b.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:s}),r&&e.jsxRuntimeExports.jsx(b.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:r})]}),Y=({item:s,state:r,renderItem:n,itemLabelKey:a})=>{const u=s==null?void 0:s[a];return n?n(s,r):e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[r.selected?e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"checkmark",className:"h-4 w-4"}):e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),u]})},U=({direction:s,disabledItemIdKeys:r,itemIdKey:n,itemLabelKey:a,items:u,open:E,renderItem:R,triggerRef:l})=>{var m;return e.jsxRuntimeExports.jsx(X.Popover,{className:"!max-h-96 pb-2",isOpen:E,triggerRef:l,showPopoverInBottomDrawerOnSmallScreens:!0,shouldUpdatePosition:!0,style:{"--trigger-width":((m=l.current)==null?void 0:m.offsetWidth)+"px",direction:s},children:u&&u.length?e.jsxRuntimeExports.jsx(v.Listbox.Options,{static:!0,className:J.listBoxStyles(),children:u.map(t=>e.jsxRuntimeExports.jsx(v.Listbox.Option,{className:({active:o,selected:x,disabled:i})=>V.twMerge(Q.listBoxItemStyles({active:o,disabled:i,selected:x})),value:t,disabled:r==null?void 0:r.includes(t==null?void 0:t[n]),children:o=>e.jsxRuntimeExports.jsx(Y,{item:t,state:o,renderItem:R,itemLabelKey:a})},t[n]))}):null})},Z=({endSlot:s,fullWidth:r,isDisabled:n,isInvalid:a,open:u,itemLabelKey:E,placeholder:R,size:l="medium",startSlot:m,value:t,onChange:o})=>{const[x,i]=h.useState(!1),[q,j]=h.useState(!1),S=c=>{(c.key==="Escape"||c.key==="Backspace")&&(o==null||o(void 0))};return e.jsxRuntimeExports.jsxs(v.Listbox.Button,{className:f.sharedInputFieldStyles({fullWidth:r,isDisabled:n,isHovered:q,isFocused:x,isInvalid:a,size:l,className:_(l)}),onPointerEnter:()=>j(!0),onPointerLeave:()=>j(!1),onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),onFocus:()=>{i(!0)},onBlur:()=>{i(!1)},onKeyDown:S,children:[m,e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:t!=null&&t[E]?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t==null?void 0:t[E]}):e.jsxRuntimeExports.jsx(b.Text,{color:"secondary",children:R})}),s,e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[t?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:V.twMerge(A.buttonStyles({size:"small",color:"monochrome",variant:"ghost",className:"p-1",isDisabled:n})),onClick:c=>{c.stopPropagation(),o==null||o(void 0)},children:e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"chevron-down",className:w.cx("h-4 w-4 transition duration-150",u&&"rotate-180")})]})]})},z=({endSlot:s,fullWidth:r,isDisabled:n,isInvalid:a,open:u,itemLabelKey:E,itemIdKey:R,placeholder:l,size:m="medium",label:t,startSlot:o,onChange:x,value:i})=>{const[q,j]=h.useState(!1),[S,c]=h.useState(!1);return e.jsxRuntimeExports.jsxs(v.Listbox.Button,{className:f.sharedInputFieldStyles({fullWidth:r,isDisabled:n,isHovered:S,isFocused:q,isInvalid:a,size:m,className:_(m)}),as:"div",role:"button",tabIndex:0,onPointerEnter:()=>c(!0),onPointerLeave:()=>c(!1),onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),onFocus:()=>{j(!0)},onBlur:()=>{j(!1)},children:[o,e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:i&&i.length?e.jsxRuntimeExports.jsx(T.TagGroup,{"aria-label":t??"Selected items",onRemove:p=>{i&&x(i.filter(N=>!p.has(N[R])))},children:i.map(p=>e.jsxRuntimeExports.jsx(T.TagItem,{...p,children:p==null?void 0:p[E]},p[R]))}):e.jsxRuntimeExports.jsx(b.Text,{color:"secondary",children:l})}),s,e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"chevron-down",className:w.cx("h-4 w-4 min-w-[16px] transition duration-150",u&&"rotate-180")})]})},C=({isDisabled:s,isRequired:r,label:n,optionalLabel:a="Optional",description:u,errorMessage:E,isInvalid:R,fullWidth:l=!0,by:m,defaultValue:t,name:o,onChange:x,itemLabelKey:i,itemIdKey:q,value:j,size:S="medium",startSlot:c,items:p,endSlot:N,disabledItemIdKeys:M,placeholder:B,renderItem:L})=>{const[I,P]=h.useState(j??t),g=h.useRef(null),{direction:k}=D.useLocale(),y=h.useCallback(d=>{P(d),x==null||x(d)},[x]);return e.jsxRuntimeExports.jsx(v.Listbox,{disabled:s,name:o,by:m,onChange:y,value:I??"",children:({open:d,disabled:H,value:O})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:l}),children:[e.jsxRuntimeExports.jsx($,{label:n,optionalLabel:a,isRequired:r}),e.jsxRuntimeExports.jsx("div",{ref:g,children:e.jsxRuntimeExports.jsx(Z,{endSlot:N,fullWidth:l,isDisabled:H,isInvalid:R,open:d,placeholder:B,size:S,startSlot:c,value:O,itemLabelKey:i,itemIdKey:q,onChange:y})}),e.jsxRuntimeExports.jsx(G,{description:u,errorMessage:E})]}),e.jsxRuntimeExports.jsx(U,{triggerRef:g,itemIdKey:q,itemLabelKey:i,items:p,open:d,renderItem:L,disabledItemIdKeys:M,direction:k})]})})},K=({isDisabled:s,isRequired:r,label:n,optionalLabel:a="Optional",description:u,errorMessage:E,isInvalid:R,fullWidth:l=!0,by:m,defaultValue:t,name:o,onChange:x,itemLabelKey:i,itemIdKey:q,value:j,size:S="medium",startSlot:c,items:p,endSlot:N,disabledItemIdKeys:M,placeholder:B,renderItem:L})=>{const[I,P]=h.useState(j??t),g=h.useRef(null),{direction:k}=D.useLocale(),y=h.useCallback(d=>{P(d),x==null||x(d)},[x]);return e.jsxRuntimeExports.jsx(v.Listbox,{disabled:s,name:o,by:m,onChange:y,multiple:!0,value:I??[],children:({open:d,disabled:H,value:O})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:l}),children:[e.jsxRuntimeExports.jsx($,{label:n,optionalLabel:a,isRequired:r}),e.jsxRuntimeExports.jsx("div",{ref:g,children:e.jsxRuntimeExports.jsx(z,{endSlot:N,fullWidth:l,isDisabled:H,isInvalid:R,open:d,placeholder:B,size:S,startSlot:c,value:O,itemLabelKey:i,itemIdKey:q,onChange:y})}),e.jsxRuntimeExports.jsx(G,{description:u,errorMessage:E})]}),e.jsxRuntimeExports.jsx(U,{triggerRef:g,itemIdKey:q,itemLabelKey:i,items:p,open:d,renderItem:L,disabledItemIdKeys:M,direction:k})]})})};exports.MultiSelect=K;exports.Select=C;