@new-black/lyra 0.1.16 → 0.1.19

package/dist/lyra209.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra209.js","sources":["../node_modules/framer-motion/dist/es/value/use-will-change/is.mjs"],"sourcesContent":["import { isMotionValue } from '../utils/is-motion-value.mjs';\n\nfunction isWillChangeMotionValue(value) {\n    return Boolean(isMotionValue(value) && value.add);\n}\n\nexport { isWillChangeMotionValue };\n"],"names":["isWillChangeMotionValue","value","isMotionValue"],"mappings":";AAEA,SAASA,EAAwBC,GAAO;AACpC,SAAO,GAAQC,EAAcD,CAAK,KAAKA,EAAM;AACjD;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra209.js","sources":["../node_modules/framer-motion/dist/es/render/utils/resolve-variants.mjs"],"sourcesContent":["function resolveVariantFromProps(props, definition, custom, currentValues = {}, currentVelocity = {}) {\n    /**\n     * If the variant definition is a function, resolve.\n     */\n    if (typeof definition === \"function\") {\n        definition = definition(custom !== undefined ? custom : props.custom, currentValues, currentVelocity);\n    }\n    /**\n     * If the variant definition is a variant label, or\n     * the function returned a variant label, resolve.\n     */\n    if (typeof definition === \"string\") {\n        definition = props.variants && props.variants[definition];\n    }\n    /**\n     * At this point we've resolved both functions and variant labels,\n     * but the resolved variant label might itself have been a function.\n     * If so, resolve. This can only have returned a valid target object.\n     */\n    if (typeof definition === \"function\") {\n        definition = definition(custom !== undefined ? custom : props.custom, currentValues, currentVelocity);\n    }\n    return definition;\n}\n\nexport { resolveVariantFromProps };\n"],"names":["resolveVariantFromProps","props","definition","custom","currentValues","currentVelocity"],"mappings":"AAAA,SAASA,EAAwBC,GAAOC,GAAYC,GAAQC,IAAgB,CAAE,GAAEC,IAAkB,IAAI;AAIlG,SAAI,OAAOH,KAAe,eACtBA,IAAaA,EAAWC,MAAW,SAAYA,IAASF,EAAM,QAAQG,GAAeC,CAAe,IAMpG,OAAOH,KAAe,aACtBA,IAAaD,EAAM,YAAYA,EAAM,SAASC,CAAU,IAOxD,OAAOA,KAAe,eACtBA,IAAaA,EAAWC,MAAW,SAAYA,IAASF,EAAM,QAAQG,GAAeC,CAAe,IAEjGH;AACX;","x_google_ignoreList":[0]}

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("./lyra100.cjs");require("./lyra104.cjs");const b=require("./lyra43.cjs");require("./lyra105.cjs");require("./lyra106.cjs");require("./lyra108.cjs");require("./lyra8.cjs");const A=require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra116.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("./lyra155.cjs"),X=require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra117.cjs");const f=require("./lyra22.cjs"),T=require("./lyra156.cjs");require("./lyra23.cjs");require("./lyra118.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra112.cjs");require("./lyra40.cjs");require("./lyra114.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"),m=require("react"),A=require("./lyra53.cjs"),D=require("./lyra55.cjs");require("./lyra2.cjs");const B=require("./lyra99.cjs");require("./lyra100.cjs");const M=require("./lyra43.cjs");require("./lyra101.cjs");require("./lyra102.cjs");require("./lyra103.cjs");require("./lyra8.cjs");const J=require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra105.cjs");require("./lyra13.cjs");require("./lyra26.cjs");const k=require("./lyra39.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");const Q=require("./lyra29.cjs"),X=require("./lyra150.cjs"),Y=require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra107.cjs");const N=require("./lyra22.cjs"),V=require("./lyra151.cjs");require("react-dom");require("./lyra23.cjs");require("./lyra110.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra111.cjs");require("./lyra40.cjs");require("./lyra109.cjs");require("./lyra42.cjs");require("./lyra144.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const y=require("./lyra153.cjs"),_=require("./lyra52.cjs"),$=s=>B.cx(s==="small"&&"min-h-[42px]",s==="medium"&&"min-h-[50px]",s==="large"&&"min-h-[58px]"),G=({isRequired:s,label:t,optionalLabel:o})=>e.jsxRuntimeExports.jsxs("div",{className:B.cx("flex items-center gap-3",t?"justify-between":"justify-end"),children:[t?e.jsxRuntimeExports.jsx(A.Label,{className:N.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:t}):null,s===!1?e.jsxRuntimeExports.jsx("span",{className:N.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:o}):null]}),U=({description:s,errorMessage:t})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[s&&e.jsxRuntimeExports.jsx(M.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:s}),t&&e.jsxRuntimeExports.jsx(M.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:t})]}),Z=({item:s,itemLabelKey:t,renderItem:o,state:a})=>{const l=s==null?void 0:s[t];return o?o(s,a):e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[a.selected?e.jsxRuntimeExports.jsx(k.SvgIcon,{name:"checkmark",className:"h-4 w-4"}):e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),l]})},W=({direction:s,disabledItemIdKeys:t,itemIdKey:o,itemLabelKey:a,items:l,open:x,setOpen:j,renderItem:E,triggerRef:R})=>{var p;return e.jsxRuntimeExports.jsx(Y.Popover,{className:"lyra-list-box pb-2",isOpen:x,triggerRef:R,showPopoverInDrawerOnSmallScreens:!0,onOpenChange:j,shouldUpdatePosition:!0,style:{"--trigger-width":((p=R.current)==null?void 0:p.offsetWidth)+"px",direction:s},children:l&&l.length?e.jsxRuntimeExports.jsx(y.Listbox.Options,{static:!0,className:Q.listBoxStyles({className:"h-full max-h-[85dvh] overflow-y-auto sm:max-h-80"}),children:l.map(i=>e.jsxRuntimeExports.jsx(y.Listbox.Option,{className:({active:r,disabled:h,selected:c})=>D.twMerge(X.listBoxItemStyles({active:r,disabled:h,selected:c,className:"hover:bg-[--list-box-item-bg-color-active]"})),value:i,disabled:t==null?void 0:t.includes(i==null?void 0:i[o]),children:r=>e.jsxRuntimeExports.jsx(Z,{item:i,state:r,renderItem:E,itemLabelKey:a})},i[o]))}):null})},z=({endSlot:s,fullWidth:t,isDisabled:o,isInvalid:a,itemLabelKey:l,onChange:x,open:j,setOpen:E,placeholder:R,size:p="medium",startSlot:i,value:r})=>{const[h,c]=m.useState(!1),[f,n]=m.useState(!1),S=u=>{u.key==="Escape"||u.key==="Backspace"?x==null||x(void 0):(u.key==="Enter"||u.key===" ")&&E(!0)};return e.jsxRuntimeExports.jsxs(y.Listbox.Button,{className:N.sharedInputFieldStyles({fullWidth:t,isDisabled:o,isHovered:f,isFocused:h,isInvalid:a,size:p,className:$(p)}),onPointerEnter:()=>n(!0),onPointerLeave:()=>n(!1),onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),onFocus:()=>{c(!0)},onBlur:()=>{c(!1)},onKeyDown:S,onClick:()=>E(!0),children:[i,e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:r!=null&&r[l]?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:r==null?void 0:r[l]}):e.jsxRuntimeExports.jsx(M.Text,{color:"secondary",children:R})}),s,e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[r?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:D.twMerge(J.buttonStyles({size:"small",color:"monochrome",variant:"ghost",className:"p-1",isDisabled:o})),onClick:u=>{u.stopPropagation(),x==null||x(void 0)},children:e.jsxRuntimeExports.jsx(k.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,e.jsxRuntimeExports.jsx(k.SvgIcon,{name:"chevron-down",className:B.cx("h-4 w-4 transition duration-150",j&&"rotate-180")})]})]})},C=({endSlot:s,fullWidth:t,isDisabled:o,isInvalid:a,itemIdKey:l,itemLabelKey:x,label:j,onChange:E,open:R,setOpen:p,placeholder:i,size:r="medium",startSlot:h,value:c})=>{const[f,n]=m.useState(!1),[S,u]=m.useState(!1);return e.jsxRuntimeExports.jsxs(y.Listbox.Button,{className:N.sharedInputFieldStyles({fullWidth:t,isDisabled:o,isHovered:S,isFocused:f,isInvalid:a,size:r,className:$(r)}),as:"div",role:"button",tabIndex:0,onPointerEnter:()=>u(!0),onPointerLeave:()=>u(!1),onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),onFocus:()=>{n(!0)},onBlur:()=>{n(!1)},onClick:()=>p(!0),children:[h,e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:c&&c.length?e.jsxRuntimeExports.jsx(V.TagGroup,{"aria-label":j??"Selected items",onRemove:d=>{c&&E(c.filter(b=>!d.has(b[l])))},children:c.map(d=>e.jsxRuntimeExports.jsx(V.TagItem,{...d,children:d==null?void 0:d[x]},d[l]))}):e.jsxRuntimeExports.jsx(M.Text,{color:"secondary",children:i})}),s,e.jsxRuntimeExports.jsx(k.SvgIcon,{name:"chevron-down",className:B.cx("h-4 w-4 min-w-[16px] transition duration-150",R&&"rotate-180")})]})},K=({by:s,defaultValue:t,description:o,disabledItemIdKeys:a,endSlot:l,errorMessage:x,fullWidth:j=!0,isDisabled:E,isInvalid:R,isRequired:p,itemIdKey:i,itemLabelKey:r,items:h,label:c,name:f,onChange:n,optionalLabel:S="Optional",placeholder:u,renderItem:d,size:b="medium",startSlot:L,value:I})=>{const[O,P]=m.useState(I??t),[g,v]=m.useState(!1),F=m.useRef(null),{direction:H}=_.useLocale(),w=m.useCallback(q=>{P(q),n==null||n(q),v(!1)},[n]);return e.jsxRuntimeExports.jsx(y.Listbox,{disabled:E,name:f,by:s,onChange:w,value:O??"",children:({disabled:q,value:T})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:N.sharedInputFieldWrapperStyles({fullWidth:j}),children:[e.jsxRuntimeExports.jsx(G,{label:c,optionalLabel:S,isRequired:p}),e.jsxRuntimeExports.jsx("div",{ref:F,children:e.jsxRuntimeExports.jsx(z,{endSlot:l,fullWidth:j,isDisabled:q,isInvalid:R,open:g,placeholder:u,size:b,startSlot:L,value:T,itemLabelKey:r,itemIdKey:i,onChange:w,setOpen:v})}),e.jsxRuntimeExports.jsx(U,{description:o,errorMessage:x})]}),e.jsxRuntimeExports.jsx(W,{triggerRef:F,itemIdKey:i,itemLabelKey:r,items:h,open:g,setOpen:v,renderItem:d,disabledItemIdKeys:a,direction:H})]})})},ee=({by:s,defaultValue:t,description:o,disabledItemIdKeys:a,endSlot:l,errorMessage:x,fullWidth:j=!0,isDisabled:E,isInvalid:R,isRequired:p,itemIdKey:i,itemLabelKey:r,items:h,label:c,name:f,onChange:n,optionalLabel:S="Optional",placeholder:u,renderItem:d,size:b="medium",startSlot:L,value:I})=>{const[O,P]=m.useState(I??t),[g,v]=m.useState(!1),F=m.useRef(null),{direction:H}=_.useLocale(),w=m.useCallback(q=>{P(q),n==null||n(q)},[n]);return e.jsxRuntimeExports.jsx(y.Listbox,{disabled:E,name:f,by:s,onChange:w,multiple:!0,value:O??[],children:({disabled:q,value:T})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:N.sharedInputFieldWrapperStyles({fullWidth:j}),children:[e.jsxRuntimeExports.jsx(G,{label:c,optionalLabel:S,isRequired:p}),e.jsxRuntimeExports.jsx("div",{ref:F,children:e.jsxRuntimeExports.jsx(C,{endSlot:l,fullWidth:j,isDisabled:q,isInvalid:R,open:g,setOpen:v,placeholder:u,size:b,startSlot:L,value:T,itemLabelKey:r,itemIdKey:i,onChange:w})}),e.jsxRuntimeExports.jsx(U,{description:o,errorMessage:x})]}),e.jsxRuntimeExports.jsx(W,{triggerRef:F,itemIdKey:i,itemLabelKey:r,items:h,open:g,setOpen:v,renderItem:d,disabledItemIdKeys:a,direction:H})]})})};exports.MultiSelect=ee;exports.Select=K;

package/dist/lyra21.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra21.cjs","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { CSSProperties, Key, useCallback, useRef, useState } from \"react\";\nimport { Label } from \"react-aria-components\";\n\nimport { Listbox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useLocale } 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} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSelectProps,\n  SelectFooterProps,\n  SelectHeaderProps,\n  SelectItemProps,\n  SelectItemsProps,\n  SelectProps,\n  ValueButton,\n} from \"./select.types\";\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 SelectHeader = ({ label, optionalLabel, isRequired }: SelectHeaderProps) => (\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 SelectFooter = ({ description, errorMessage }: SelectFooterProps) => (\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 SelectItem = <T extends object>({\n  item,\n  state,\n  renderItem,\n  itemLabelKey,\n}: SelectItemProps<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 SelectItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  open,\n  renderItem,\n  triggerRef,\n}: SelectItemsProps<T>) => {\n  return (\n    <Popover\n      className=\"!max-h-96 pb-2\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      showPopoverInBottomDrawerOnSmallScreens\n      shouldUpdatePosition\n      style={\n        {\n          \"--trigger-width\": (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {items && items.length ? (\n        <Listbox.Options static className={listBoxStyles()}>\n          {items.map((item) => (\n            <Listbox.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                <SelectItem\n                  item={item}\n                  state={renderItemState}\n                  renderItem={renderItem}\n                  itemLabelKey={itemLabelKey}\n                />\n              )}\n            </Listbox.Option>\n          ))}\n        </Listbox.Options>\n      ) : null}\n    </Popover>\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  itemLabelKey,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n  onChange,\n}: Omit<ValueButton<T>, \"onChange\"> & {\n  onChange: (newValue?: T) => void;\n}) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"Escape\" || e.key === \"Backspace\") {\n      onChange?.(undefined);\n    }\n  };\n\n  return (\n    <Listbox.Button\n      className={sharedInputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        size,\n        className: minHeightClasses(size),\n      })}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocus={() => {\n        setIsFocused(true);\n      }}\n      onBlur={() => {\n        setIsFocused(false);\n      }}\n      onKeyDown={onKeyDown}\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              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    </Listbox.Button>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\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 [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <Listbox.Button\n      className={sharedInputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        size,\n        className: minHeightClasses(size),\n      })}\n      as=\"div\"\n      role=\"button\"\n      tabIndex={0}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocus={() => {\n        setIsFocused(true);\n      }}\n      onBlur={() => {\n        setIsFocused(false);\n      }}\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    </Listbox.Button>\n  );\n};\n\nexport const Select = <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}: SelectProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  return (\n    <Listbox\n      disabled={isDisabled}\n      name={name}\n      by={by as any}\n      onChange={onSingleChange}\n      value={internalValue ?? \"\"}\n    >\n      {({ open, disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SelectHeader label={label} optionalLabel={optionalLabel} isRequired={isRequired} />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={open}\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            <SelectFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SelectItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={open}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n\nexport const MultiSelect = <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}: MultiSelectProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onMultipleChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  return (\n    <Listbox\n      disabled={isDisabled}\n      name={name}\n      by={by as any}\n      onChange={onMultipleChange}\n      multiple\n      value={internalValue ?? []}\n    >\n      {({ open, disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SelectHeader label={label} optionalLabel={optionalLabel} isRequired={isRequired} />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={open}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onMultipleChange}\n              />\n            </div>\n            <SelectFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SelectItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={open}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n"],"names":["minHeightClasses","size","cx","SelectHeader","label","optionalLabel","isRequired","jsxs","jsx","Label","sharedInputlabelStyles","sharedInputHintStyles","SelectFooter","description","errorMessage","Fragment","Text","SelectItem","item","state","renderItem","itemLabelKey","SvgIcon","SelectItems","direction","disabledItemIdKeys","itemIdKey","items","open","triggerRef","Popover","_a","Listbox","listBoxStyles","active","selected","disabled","twMerge","listBoxItemStyles","renderItemState","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","placeholder","startSlot","value","onChange","isFocused","setIsFocused","useState","isHovered","setIsHovered","onKeyDown","e","sharedInputFieldStyles","buttonStyles","MultipleValuesButton","TagGroup","keys","TagItem","Select","by","defaultValue","name","internalValue","setInternalValue","useRef","useLocale","onSingleChange","useCallback","newValue","sharedInputFieldWrapperStyles","MultiSelect","onMultipleChange"],"mappings":"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"}
+{"version":3,"file":"lyra21.cjs","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { CSSProperties, Key, useCallback, useRef, useState } from \"react\";\nimport { Label } from \"react-aria-components\";\n\nimport { Listbox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useLocale } 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} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSelectProps,\n  SelectFooterProps,\n  SelectHeaderProps,\n  SelectItemProps,\n  SelectItemsProps,\n  SelectProps,\n  ValueButton,\n} from \"./select.types\";\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 SelectHeader = ({ isRequired, label, optionalLabel }: SelectHeaderProps) => (\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 SelectFooter = ({ description, errorMessage }: SelectFooterProps) => (\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 SelectItem = <T extends object>({\n  item,\n  itemLabelKey,\n  renderItem,\n  state,\n}: SelectItemProps<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 SelectItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  open,\n  setOpen,\n  renderItem,\n  triggerRef,\n}: SelectItemsProps<T>) => {\n  return (\n    <Popover\n      className=\"lyra-list-box pb-2\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      showPopoverInDrawerOnSmallScreens\n      onOpenChange={setOpen}\n      shouldUpdatePosition\n      style={\n        {\n          \"--trigger-width\": (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {items && items.length ? (\n        <Listbox.Options\n          static\n          className={listBoxStyles({\n            className: \"h-full max-h-[85dvh] overflow-y-auto sm:max-h-80\",\n          })}\n        >\n          {items.map((item) => (\n            <Listbox.Option\n              key={item[itemIdKey] as Key}\n              className={({ active, disabled, selected }) =>\n                twMerge(\n                  listBoxItemStyles({\n                    active,\n                    disabled,\n                    selected,\n                    className: \"hover:bg-[--list-box-item-bg-color-active]\",\n                  }),\n                )\n              }\n              value={item}\n              disabled={disabledItemIdKeys?.includes(item?.[itemIdKey] as string)}\n            >\n              {(renderItemState) => (\n                <SelectItem\n                  item={item}\n                  state={renderItemState}\n                  renderItem={renderItem}\n                  itemLabelKey={itemLabelKey}\n                />\n              )}\n            </Listbox.Option>\n          ))}\n        </Listbox.Options>\n      ) : null}\n    </Popover>\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  itemLabelKey,\n  onChange,\n  open,\n  setOpen,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n}: Omit<ValueButton<T>, \"onChange\"> & {\n  onChange: (newValue?: T) => void;\n}) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"Escape\" || e.key === \"Backspace\") {\n      onChange?.(undefined);\n    } else if (e.key === \"Enter\" || e.key === \" \") {\n      setOpen(true);\n    }\n  };\n\n  return (\n    <Listbox.Button\n      className={sharedInputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        size,\n        className: minHeightClasses(size),\n      })}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocus={() => {\n        setIsFocused(true);\n      }}\n      onBlur={() => {\n        setIsFocused(false);\n      }}\n      onKeyDown={onKeyDown}\n      onClick={() => setOpen(true)}\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              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    </Listbox.Button>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  itemIdKey,\n  itemLabelKey,\n  label,\n  onChange,\n  open,\n  setOpen,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <Listbox.Button\n      className={sharedInputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        size,\n        className: minHeightClasses(size),\n      })}\n      as=\"div\"\n      role=\"button\"\n      tabIndex={0}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocus={() => {\n        setIsFocused(true);\n      }}\n      onBlur={() => {\n        setIsFocused(false);\n      }}\n      onClick={() => setOpen(true)}\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    </Listbox.Button>\n  );\n};\n\nexport const Select = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  label,\n  name,\n  onChange,\n  optionalLabel = \"Optional\",\n  placeholder,\n  renderItem,\n  size = \"medium\",\n  startSlot,\n  value,\n}: SelectProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [open, setOpen] = useState(false);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      setOpen(false);\n    },\n    [onChange],\n  );\n\n  return (\n    <Listbox\n      disabled={isDisabled}\n      name={name}\n      by={by as any}\n      onChange={onSingleChange}\n      value={internalValue ?? \"\"}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SelectHeader label={label} optionalLabel={optionalLabel} isRequired={isRequired} />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={open}\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                setOpen={setOpen}\n              />\n            </div>\n            <SelectFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SelectItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={open}\n            setOpen={setOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n\nexport const MultiSelect = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  label,\n  name,\n  onChange,\n  optionalLabel = \"Optional\",\n  placeholder,\n  renderItem,\n  size = \"medium\",\n  startSlot,\n  value,\n}: MultiSelectProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [open, setOpen] = useState(false);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onMultipleChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  return (\n    <Listbox\n      disabled={isDisabled}\n      name={name}\n      by={by as any}\n      onChange={onMultipleChange}\n      multiple\n      value={internalValue ?? []}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SelectHeader label={label} optionalLabel={optionalLabel} isRequired={isRequired} />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={open}\n                setOpen={setOpen}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onMultipleChange}\n              />\n            </div>\n            <SelectFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SelectItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={open}\n            setOpen={setOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n"],"names":["minHeightClasses","size","cx","SelectHeader","isRequired","label","optionalLabel","jsxs","jsx","Label","sharedInputlabelStyles","sharedInputHintStyles","SelectFooter","description","errorMessage","Fragment","Text","SelectItem","item","itemLabelKey","renderItem","state","SvgIcon","SelectItems","direction","disabledItemIdKeys","itemIdKey","items","open","setOpen","triggerRef","Popover","_a","Listbox","listBoxStyles","active","disabled","selected","twMerge","listBoxItemStyles","renderItemState","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","onChange","placeholder","startSlot","value","isFocused","setIsFocused","useState","isHovered","setIsHovered","onKeyDown","e","sharedInputFieldStyles","buttonStyles","MultipleValuesButton","TagGroup","keys","TagItem","Select","by","defaultValue","name","internalValue","setInternalValue","useRef","useLocale","onSingleChange","useCallback","newValue","sharedInputFieldWrapperStyles","MultiSelect","onMultipleChange"],"mappings":"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"}