@new-black/lyra 1.0.5 → 1.0.6

package/dist/lyra27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra87.cjs"),d=require("react"),T=require("./lyra86.cjs"),_=require("./lyra90.cjs"),f=require("./lyra92.cjs"),q=require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");const $=require("./lyra19.cjs");require("./lyra20.cjs");const D=require("./lyra63.cjs"),m=require("./lyra71.cjs");require("./lyra72.cjs");const x=require("./lyra602.cjs"),k=require("./lyra603.cjs"),N=require("./lyra28.cjs"),P=({onChange:a,...e},y)=>{var E;const[t,o]=d.useState(),{browseFiles:j,dragAndDropInputMessage:v,maximumFileSize:R,supportedFormats:I,uploadLimitMessage:b}=f.useDictionary(),{dropAreaLayout:p,dropzone:L,fileInformation:h,iconAndTitleLayout:w,layout:z,multipleFilesLayout:g}=N.fileInputStyles({}),O=d.useCallback(l=>{o(s=>[...s??[],...l??[]]),a==null||a([...t??[],...l],s=>{o(r=>r==null?void 0:r.filter(c=>!(s!=null&&s.find(M=>M.path===c.path))))})},[t,a]),F=k.useOnDrop({onFilesRead:O,files:t,readAsDataUrl:e.readAsDataUrl,skipFileRead:e.skipFileRead,uploadLimit:e.allowMultiple?e.uploadLimit:1,maxFileSize:e.maxFileSize,acceptedFileTypes:e.acceptedFileTypes}),n=d.useMemo(()=>e.allowMultiple&&!!e.uploadLimit&&e.uploadLimit===(t==null?void 0:t.length),[t==null?void 0:t.length,e.allowMultiple,e.uploadLimit]),u=d.useMemo(()=>e.isDisabled||n,[n,e.isDisabled]),B=d.useMemo(()=>{var l;return n&&e.uploadLimit?b.replace("{value}",(l=e.uploadLimit)==null?void 0:l.toString()):e.errorMessage},[n,e.errorMessage,e.uploadLimit,b]),A=d.useCallback(l=>{var s;return u||e.acceptedFileTypes&&((s=e.acceptedFileTypes)==null?void 0:s.every(c=>!l.has(c)))?"cancel":"copy"},[u,e.acceptedFileTypes]),U=d.useMemo(()=>e.additionalMimeTypes?{...x.CommonMimeTypes,...e.additionalMimeTypes}:x.CommonMimeTypes,[e.additionalMimeTypes]);return i.jsxRuntimeExports.jsxs("div",{className:z({className:e.className}),style:e.style,ref:y,children:[i.jsxRuntimeExports.jsxs("div",{className:p(),children:[e.label?i.jsxRuntimeExports.jsx(m.Text,{variant:"body-medium",className:"font-semibold",children:e.label}):null,!e.allowMultiple&&(t!=null&&t[0])?i.jsxRuntimeExports.jsx(S,{fileName:t[0].path??"File",fileSize:x.convertBytes(t[0].size),onRemove:()=>{o(void 0),a==null||a(void 0)},disabled:e.isDisabled}):i.jsxRuntimeExports.jsxs(T.DropZone,{onDrop:async l=>{const s=await Promise.all(l.items.map(r=>r.getFile()));F(s)},className:({isDropTarget:l})=>L({isDropTarget:l,error:!!e.errorMessage&&!n}),getDropOperation:A,...e,children:[i.jsxRuntimeExports.jsxs("div",{className:w(),children:[i.jsxRuntimeExports.jsx($.IconBadge,{name:e.errorMessage&&!n?"alert-error":"upload",size:"md",variant:u?"gray":e.errorMessage&&!n?"red":"blue"}),i.jsxRuntimeExports.jsx(m.Text,{slot:"label",variant:"body-medium",color:u?"tertiary":"primary",children:B??e.title??v})]}),i.jsxRuntimeExports.jsx(T.FileTrigger,{allowsMultiple:e.allowMultiple,onSelect:l=>{const s=l?Array.from(l):[];F(s)},acceptedFileTypes:e.acceptedFileTypes,children:i.jsxRuntimeExports.jsx(q.Button,{variant:"secondary",isDisabled:u,children:j})})]}),e.maxFileSize||e.acceptedFileTypes?i.jsxRuntimeExports.jsxs("div",{className:h(),children:[i.jsxRuntimeExports.jsx(m.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.acceptedFileTypes?`${I}: ${(E=e.acceptedFileTypes)==null?void 0:E.map(l=>{var s;return(s=U[l])==null?void 0:s.toUpperCase()}).join(", ").toString()} `:void 0}),i.jsxRuntimeExports.jsx(m.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.maxFileSize?`${R}: ${x.convertBytes(e.maxFileSize)}`:void 0})]}):null]}),t&&e.allowMultiple?i.jsxRuntimeExports.jsx("div",{className:g(),children:t.map((l,s)=>i.jsxRuntimeExports.jsx(S,{fileName:l.path??`File${s}`,fileSize:x.convertBytes(l.size),onRemove:()=>{t.length>1?(o(r=>r==null?void 0:r.filter((c,M)=>M!==s)),a==null||a(t.filter((r,c)=>c!==s))):(o(void 0),a==null||a(void 0))},disabled:e.isDisabled},s))}):null,e.name?i.jsxRuntimeExports.jsx("input",{hidden:!0,name:e.name,readOnly:!0,value:t?JSON.stringify(t):""}):null]})},J=_.fixedForwardRef(P),S=({disabled:a,fileName:e,fileSize:y,onRemove:t})=>{const{fileInformation:o,fileInformationRows:j,layout:v}=N.uploadedItemStyles({}),{remove:R}=f.useDictionary();return i.jsxRuntimeExports.jsxs("div",{className:v(),children:[i.jsxRuntimeExports.jsxs("div",{className:o(),children:[i.jsxRuntimeExports.jsx(D.SvgIcon,{name:"document-light",className:"h-8 w-8 text-tertiary"}),i.jsxRuntimeExports.jsxs("div",{className:j(),children:[i.jsxRuntimeExports.jsx(m.Text,{variant:"body-medium",className:"font-semibold",children:e}),i.jsxRuntimeExports.jsx(m.Text,{color:"secondary",variant:"body-small",children:y})]})]}),i.jsxRuntimeExports.jsx(q.Button,{variant:"icon",onPress:t,tooltip:R,isDisabled:a,children:i.jsxRuntimeExports.jsx(D.SvgIcon,{name:"delete"})})]})};exports.FileInput=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra87.cjs"),d=require("react"),T=require("./lyra86.cjs"),_=require("./lyra90.cjs"),f=require("./lyra92.cjs"),q=require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");const $=require("./lyra19.cjs");require("./lyra20.cjs");const D=require("./lyra63.cjs"),m=require("./lyra71.cjs");require("./lyra72.cjs");const x=require("./lyra604.cjs"),k=require("./lyra605.cjs"),N=require("./lyra28.cjs"),P=({onChange:a,...e},y)=>{var E;const[t,o]=d.useState(),{browseFiles:j,dragAndDropInputMessage:v,maximumFileSize:R,supportedFormats:I,uploadLimitMessage:b}=f.useDictionary(),{dropAreaLayout:p,dropzone:L,fileInformation:h,iconAndTitleLayout:w,layout:z,multipleFilesLayout:g}=N.fileInputStyles({}),O=d.useCallback(l=>{o(s=>[...s??[],...l??[]]),a==null||a([...t??[],...l],s=>{o(r=>r==null?void 0:r.filter(c=>!(s!=null&&s.find(M=>M.path===c.path))))})},[t,a]),F=k.useOnDrop({onFilesRead:O,files:t,readAsDataUrl:e.readAsDataUrl,skipFileRead:e.skipFileRead,uploadLimit:e.allowMultiple?e.uploadLimit:1,maxFileSize:e.maxFileSize,acceptedFileTypes:e.acceptedFileTypes}),n=d.useMemo(()=>e.allowMultiple&&!!e.uploadLimit&&e.uploadLimit===(t==null?void 0:t.length),[t==null?void 0:t.length,e.allowMultiple,e.uploadLimit]),u=d.useMemo(()=>e.isDisabled||n,[n,e.isDisabled]),B=d.useMemo(()=>{var l;return n&&e.uploadLimit?b.replace("{value}",(l=e.uploadLimit)==null?void 0:l.toString()):e.errorMessage},[n,e.errorMessage,e.uploadLimit,b]),A=d.useCallback(l=>{var s;return u||e.acceptedFileTypes&&((s=e.acceptedFileTypes)==null?void 0:s.every(c=>!l.has(c)))?"cancel":"copy"},[u,e.acceptedFileTypes]),U=d.useMemo(()=>e.additionalMimeTypes?{...x.CommonMimeTypes,...e.additionalMimeTypes}:x.CommonMimeTypes,[e.additionalMimeTypes]);return i.jsxRuntimeExports.jsxs("div",{className:z({className:e.className}),style:e.style,ref:y,children:[i.jsxRuntimeExports.jsxs("div",{className:p(),children:[e.label?i.jsxRuntimeExports.jsx(m.Text,{variant:"body-medium",className:"font-semibold",children:e.label}):null,!e.allowMultiple&&(t!=null&&t[0])?i.jsxRuntimeExports.jsx(S,{fileName:t[0].path??"File",fileSize:x.convertBytes(t[0].size),onRemove:()=>{o(void 0),a==null||a(void 0)},disabled:e.isDisabled}):i.jsxRuntimeExports.jsxs(T.DropZone,{onDrop:async l=>{const s=await Promise.all(l.items.map(r=>r.getFile()));F(s)},className:({isDropTarget:l})=>L({isDropTarget:l,error:!!e.errorMessage&&!n}),getDropOperation:A,...e,children:[i.jsxRuntimeExports.jsxs("div",{className:w(),children:[i.jsxRuntimeExports.jsx($.IconBadge,{name:e.errorMessage&&!n?"alert-error":"upload",size:"md",variant:u?"gray":e.errorMessage&&!n?"red":"blue"}),i.jsxRuntimeExports.jsx(m.Text,{slot:"label",variant:"body-medium",color:u?"tertiary":"primary",children:B??e.title??v})]}),i.jsxRuntimeExports.jsx(T.FileTrigger,{allowsMultiple:e.allowMultiple,onSelect:l=>{const s=l?Array.from(l):[];F(s)},acceptedFileTypes:e.acceptedFileTypes,children:i.jsxRuntimeExports.jsx(q.Button,{variant:"secondary",isDisabled:u,children:j})})]}),e.maxFileSize||e.acceptedFileTypes?i.jsxRuntimeExports.jsxs("div",{className:h(),children:[i.jsxRuntimeExports.jsx(m.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.acceptedFileTypes?`${I}: ${(E=e.acceptedFileTypes)==null?void 0:E.map(l=>{var s;return(s=U[l])==null?void 0:s.toUpperCase()}).join(", ").toString()} `:void 0}),i.jsxRuntimeExports.jsx(m.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.maxFileSize?`${R}: ${x.convertBytes(e.maxFileSize)}`:void 0})]}):null]}),t&&e.allowMultiple?i.jsxRuntimeExports.jsx("div",{className:g(),children:t.map((l,s)=>i.jsxRuntimeExports.jsx(S,{fileName:l.path??`File${s}`,fileSize:x.convertBytes(l.size),onRemove:()=>{t.length>1?(o(r=>r==null?void 0:r.filter((c,M)=>M!==s)),a==null||a(t.filter((r,c)=>c!==s))):(o(void 0),a==null||a(void 0))},disabled:e.isDisabled},s))}):null,e.name?i.jsxRuntimeExports.jsx("input",{hidden:!0,name:e.name,readOnly:!0,value:t?JSON.stringify(t):""}):null]})},J=_.fixedForwardRef(P),S=({disabled:a,fileName:e,fileSize:y,onRemove:t})=>{const{fileInformation:o,fileInformationRows:j,layout:v}=N.uploadedItemStyles({}),{remove:R}=f.useDictionary();return i.jsxRuntimeExports.jsxs("div",{className:v(),children:[i.jsxRuntimeExports.jsxs("div",{className:o(),children:[i.jsxRuntimeExports.jsx(D.SvgIcon,{name:"document-light",className:"h-8 w-8 text-tertiary"}),i.jsxRuntimeExports.jsxs("div",{className:j(),children:[i.jsxRuntimeExports.jsx(m.Text,{variant:"body-medium",className:"font-semibold",children:e}),i.jsxRuntimeExports.jsx(m.Text,{color:"secondary",variant:"body-small",children:y})]})]}),i.jsxRuntimeExports.jsx(q.Button,{variant:"icon",onPress:t,tooltip:R,isDisabled:a,children:i.jsxRuntimeExports.jsx(D.SvgIcon,{name:"delete"})})]})};exports.FileInput=J;

package/dist/lyra27.js

@@ -12,8 +12,8 @@ import "./lyra20.js";
 import { SvgIcon as S } from "./lyra63.js";
 import { Text as c } from "./lyra71.js";
 import "./lyra72.js";
-import { CommonMimeTypes as T, convertBytes as b } from "./lyra602.js";
-import { useOnDrop as q } from "./lyra603.js";
+import { CommonMimeTypes as T, convertBytes as b } from "./lyra604.js";
+import { useOnDrop as q } from "./lyra605.js";
 import { fileInputStyles as G, uploadedItemStyles as H } from "./lyra28.js";
 const K = ({ onChange: s, ...e }, y) => {
   var D;

package/dist/lyra28.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra448.cjs"),t=e.tv({slots:{layout:["flex flex-col gap-4"],dropAreaLayout:["flex flex-col gap-1"],dropzone:["w-full min-h-16 p-4 border border-default rounded-md bg-surface-secondary flex items-center justify-between"],iconAndTitleLayout:["flex items-center gap-2.5"],fileInformation:["flex justify-between"],multipleFilesLayout:["flex flex-col gap-1"]},variants:{isDropTarget:{true:{dropzone:"border-focus ring ring-highlight"}},error:{true:{icon:"bg-indication-red",dropzone:"border-error"}}}}),o=e.tv({slots:{layout:["flex min-h-16 w-full items-center justify-between rounded border border-default p-4"],fileInformation:["flex items-center gap-2.5"],fileInformationRows:["flex flex-col"]}});exports.fileInputStyles=t;exports.uploadedItemStyles=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra449.cjs"),t=e.tv({slots:{layout:["flex flex-col gap-4"],dropAreaLayout:["flex flex-col gap-1"],dropzone:["w-full min-h-16 p-4 border border-default rounded-md bg-surface-secondary flex items-center justify-between"],iconAndTitleLayout:["flex items-center gap-2.5"],fileInformation:["flex justify-between"],multipleFilesLayout:["flex flex-col gap-1"]},variants:{isDropTarget:{true:{dropzone:"border-focus ring ring-highlight"}},error:{true:{icon:"bg-indication-red",dropzone:"border-error"}}}}),o=e.tv({slots:{layout:["flex min-h-16 w-full items-center justify-between rounded border border-default p-4"],fileInformation:["flex items-center gap-2.5"],fileInformationRows:["flex flex-col"]}});exports.fileInputStyles=t;exports.uploadedItemStyles=o;

package/dist/lyra28.js

@@ -1,4 +1,4 @@
-import { tv as e } from "./lyra448.js";
+import { tv as e } from "./lyra449.js";
 const r = e({
   slots: {
     layout: ["flex flex-col gap-4"],

package/dist/lyra32.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra448.cjs");require("./lyra71.cjs");const r=require("./lyra72.cjs"),s=e.tv({slots:{wrapper:["flex","flex-col","gap-2"],list:["flex","flex-col"]},variants:{orientation:{horizontal:{list:["flex-row","flex-wrap","gap-6"]},vertical:{list:["flex-col","gap-2"]}}}}),t=e.tv({slots:{wrapper:["flex","gap-2"],box:["w-4","h-4","rounded-full","border","border-default","solid","bg-surface-primary","outline-none","shadow-inner","flex-shrink-0","flex","items-center","justify-center","text-inverted"],label:r.textStyles({variant:"body-medium"})},variants:{isDisabled:{true:{box:"border-0 bg-surface-secondary text-tertiary",label:"text-tertiary",wrapper:"cursor-not-allowed"}},isSelected:{true:{box:"animate-in fade-in duration-200"},false:{box:"animate-in fade-in duration-150"}},isFocusVisible:{true:{box:"!border-focus !shadow-highlight-and-inner"}},isHovered:{true:{}},isPressed:{true:{}}},compoundVariants:[{isDisabled:!1,isSelected:!1,isHovered:!0,isPressed:!1,className:{box:"border-hover"}},{isDisabled:!1,isSelected:!1,isPressed:!0,className:{box:"border-active"}},{isDisabled:!1,isSelected:!0,isHovered:!1,isPressed:!1,className:{box:"bg-action-default border-transparent text-inverted"}},{isDisabled:!1,isSelected:!0,isHovered:!0,isPressed:!1,className:{box:"bg-action-hover border-transparent text-inverted"}},{isDisabled:!1,isSelected:!0,isPressed:!0,className:{box:"bg-action-active border-transparent text-inverted"}},{isDisabled:!0,isSelected:!0,className:{box:"bg-surface-secondary border-transparent text-tertiary"}}]});exports.radioGroupStyles=s;exports.radioStyles=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra449.cjs");require("./lyra71.cjs");const r=require("./lyra72.cjs"),s=e.tv({slots:{wrapper:["flex","flex-col","gap-2"],list:["flex","flex-col"]},variants:{orientation:{horizontal:{list:["flex-row","flex-wrap","gap-6"]},vertical:{list:["flex-col","gap-2"]}}}}),t=e.tv({slots:{wrapper:["flex","gap-2"],box:["w-4","h-4","rounded-full","border","border-default","solid","bg-surface-primary","outline-none","shadow-inner","flex-shrink-0","flex","items-center","justify-center","text-inverted"],label:r.textStyles({variant:"body-medium"})},variants:{isDisabled:{true:{box:"border-0 bg-surface-secondary text-tertiary",label:"text-tertiary",wrapper:"cursor-not-allowed"}},isSelected:{true:{box:"animate-in fade-in duration-200"},false:{box:"animate-in fade-in duration-150"}},isFocusVisible:{true:{box:"!border-focus !shadow-highlight-and-inner"}},isHovered:{true:{}},isPressed:{true:{}}},compoundVariants:[{isDisabled:!1,isSelected:!1,isHovered:!0,isPressed:!1,className:{box:"border-hover"}},{isDisabled:!1,isSelected:!1,isPressed:!0,className:{box:"border-active"}},{isDisabled:!1,isSelected:!0,isHovered:!1,isPressed:!1,className:{box:"bg-action-default border-transparent text-inverted"}},{isDisabled:!1,isSelected:!0,isHovered:!0,isPressed:!1,className:{box:"bg-action-hover border-transparent text-inverted"}},{isDisabled:!1,isSelected:!0,isPressed:!0,className:{box:"bg-action-active border-transparent text-inverted"}},{isDisabled:!0,isSelected:!0,className:{box:"bg-surface-secondary border-transparent text-tertiary"}}]});exports.radioGroupStyles=s;exports.radioStyles=t;

package/dist/lyra32.js

@@ -1,4 +1,4 @@
-import { tv as e } from "./lyra448.js";
+import { tv as e } from "./lyra449.js";
 import "./lyra71.js";
 import { textStyles as r } from "./lyra72.js";
 const i = e({

package/dist/lyra34.cjs

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

package/dist/lyra34.js

@@ -7,9 +7,9 @@ import { InputHeader as E } from "./lyra38.js";
 import { InputFooter as P } from "./lyra39.js";
 import "./lyra40.js";
 import { segmentedControlStyles as h } from "./lyra35.js";
-import { LayoutGroup as k } from "./lyra604.js";
-import { LayoutGroupContext as q } from "./lyra605.js";
-import { motion as z } from "./lyra606.js";
+import { LayoutGroup as k } from "./lyra606.js";
+import { LayoutGroupContext as q } from "./lyra607.js";
+import { motion as z } from "./lyra608.js";
 const F = B({
   valuesWithSeperator: []
 }), H = ({

package/dist/lyra35.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra448.cjs"),t=e.tv({slots:{track:["flex","overflow-hidden","rounded-base","bg-overlay-medium","shadow-inner"],item:["relative","m-0.5","p-1.5","flex-1","cursor-default","rounded-sm","bg-transparent","text-primary","disabled:text-tertiary","disabled:cursor-not-allowed","text-base","outline-none","transition-colors","duration-200"],itemActive:["absolute","bottom-0","left-0","right-0","z-0","h-full","w-full","rounded-sm","bg-surface-primary","text-primary","border","solid","border-transparent"],itemText:["relative","z-10","select-none","overflow-hidden","truncate","text-center"]},variants:{seperator:{true:{item:["after:content-['']","after:absolute","after:top-1/2","after:-translate-y-1/2","after:-end-0.5","after:w-px","after:h-3","after:border-e","after:solid","after:border-default"]}},isDisabled:{true:{item:["text-tertiary","cursor-not-allowed"],itemActive:["!text-primary"]}},fullWidth:{true:{track:"w-full"},false:{track:"w-fit"}},isFocusVisible:{true:{itemActive:["shadow-highlight","!border-focus"]},false:{itemActive:["shadow-sm"]}}},defaultVariants:{fullWidth:!0}});exports.segmentedControlStyles=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra449.cjs"),t=e.tv({slots:{track:["flex","overflow-hidden","rounded-base","bg-overlay-medium","shadow-inner"],item:["relative","m-0.5","p-1.5","flex-1","cursor-default","rounded-sm","bg-transparent","text-primary","disabled:text-tertiary","disabled:cursor-not-allowed","text-base","outline-none","transition-colors","duration-200"],itemActive:["absolute","bottom-0","left-0","right-0","z-0","h-full","w-full","rounded-sm","bg-surface-primary","text-primary","border","solid","border-transparent"],itemText:["relative","z-10","select-none","overflow-hidden","truncate","text-center"]},variants:{seperator:{true:{item:["after:content-['']","after:absolute","after:top-1/2","after:-translate-y-1/2","after:-end-0.5","after:w-px","after:h-3","after:border-e","after:solid","after:border-default"]}},isDisabled:{true:{item:["text-tertiary","cursor-not-allowed"],itemActive:["!text-primary"]}},fullWidth:{true:{track:"w-full"},false:{track:"w-fit"}},isFocusVisible:{true:{itemActive:["shadow-highlight","!border-focus"]},false:{itemActive:["shadow-sm"]}}},defaultVariants:{fullWidth:!0}});exports.segmentedControlStyles=t;

package/dist/lyra35.js

@@ -1,4 +1,4 @@
-import { tv as e } from "./lyra448.js";
+import { tv as e } from "./lyra449.js";
 const r = e({
   slots: {
     track: ["flex", "overflow-hidden", "rounded-base", "bg-overlay-medium", "shadow-inner"],

package/dist/lyra36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),x=require("react"),A=require("./lyra86.cjs"),J=require("./lyra447.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const O=require("./lyra63.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const D=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra92.cjs");require("./lyra78.cjs");require("./lyra452.cjs");const I=require("./lyra38.cjs"),_=require("./lyra39.cjs"),y=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const $=require("./lyra71.cjs");require("./lyra72.cjs");const Q=require("./lyra453.cjs"),V=require("./lyra454.cjs"),W=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const g=require("./lyra455.cjs");require("./lyra456.cjs");require("react-dom");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra62.cjs");require("./lyra65.cjs");require("./lyra66.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra79.cjs");require("./lyra95.cjs");const f=require("./lyra609.cjs"),U=require("./lyra85.cjs"),z=({direction:p,disabledItemIdKeys:r,getItemId:a,items:i,label:l,open:u,selectRenderElements:c,triggerRef:o})=>{var t;return e.jsxRuntimeExports.jsx(W.Popover,{className:"p-1",isOpen:u,triggerRef:o,shouldUpdatePosition:!0,"aria-label":l,disablePadding:!0,style:{width:((t=o.current)==null?void 0:t.offsetWidth)+"px",direction:p},children:e.jsxRuntimeExports.jsx(f.Listbox.Options,{static:!0,className:Q.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:i.map(n=>e.jsxRuntimeExports.jsx(f.Listbox.Option,{value:n,disabled:r==null?void 0:r.includes(a(n)),children:q=>e.jsxRuntimeExports.jsx(V.SharedListItem,{item:n,state:q,selectRenderElements:c,hasSelection:!0})},a(n)))})})},X=({disableClearLogic:p,fullWidth:r,getLabel:a,isDisabled:i,isInvalid:l,onChange:u,placeholder:c,value:o})=>{const[t,n]=x.useState(!1),[q,s]=x.useState(!1),{inputField:j}=y.sharedInputStyles({}),h=m=>{(m.key==="Escape"||m.key==="Backspace")&&!p&&(m.stopPropagation(),u==null||u(void 0))};return e.jsxRuntimeExports.jsxs(f.Listbox.Button,{className:j({fullWidth:r,isDisabled:i,isHovered:q,isFocused:t,isInvalid:l,hasEndSlot:!0,className:q&&!l&&!i&&!t?"border-hover":""}),onPointerEnter:()=>s(!0),onPointerLeave:()=>s(!1),onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onFocus:()=>{n(!0)},onBlur:()=>{n(!1)},onKeyDown:h,children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:o?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:a(o)}):e.jsxRuntimeExports.jsx($.Text,{color:"secondary",children:c})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[o&&!p&&!i?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:"text-secondary",onClick:m=>{m.stopPropagation(),u==null||u(void 0)},children:e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"chevron-up-down"})]})]})},Y=({fullWidth:p,getItemId:r,getLabel:a,isDisabled:i,isInvalid:l,label:u,onChange:c,placeholder:o,value:t})=>{const{inputField:n}=y.sharedInputStyles({}),q=x.useCallback(s=>{t&&c(t.filter(j=>{const h=r(j);return!s.has(h)}))},[r,c,t]);return e.jsxRuntimeExports.jsx(A.Group,{className:({isFocusWithin:s,isHovered:j})=>n({fullWidth:p,isDisabled:i,isHovered:j,isFocused:s,isInvalid:l,hasEndSlot:!0,className:J.clsx(j&&!l&&!i&&!s?"border-hover":"","items-start")}),children:e.jsxRuntimeExports.jsxs(f.Listbox.Button,{className:"flex w-full outline-none",as:"div",role:"button",tabIndex:0,children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:t&&t.length?e.jsxRuntimeExports.jsx(g.InputTagGroup,{label:u??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:i?void 0:q,children:t.map(s=>e.jsxRuntimeExports.jsx(g.InputTag,{id:r(s),isDisabled:i,children:a(s)},r(s)))}):e.jsxRuntimeExports.jsx($.Text,{color:"secondary",children:o})}),e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},Z=({by:p,defaultValue:r,description:a,disableClearLogic:i,disabledItemIdKeys:l,errorMessage:u,fullWidth:c=!0,getItemId:o,getLabel:t,hideHintLabel:n,hideInputFooter:q,hideInputHeader:s,isDisabled:j,isInvalid:h,isRequired:m,items:L,label:S,name:w,onChange:d,placeholder:G,selectRenderElements:M,value:E})=>{const{isDisabled:P}=x.useContext(D.FieldGroupContext),[k,v]=x.useState(E??r),{wrapper:F}=y.sharedInputStyles({}),N=x.useRef(null),{direction:B}=U.useLocale(),b=x.useCallback(R=>{v(R),d==null||d(R)},[d]);return x.useEffect(()=>{v(E??r)},[r,E]),e.jsxRuntimeExports.jsx(f.Listbox,{disabled:j||P,name:w,by:p,onChange:b,value:E??k??"",children:({disabled:R,open:T,value:H})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:F({fullWidth:c}),children:[e.jsxRuntimeExports.jsx(I.InputHeader,{label:S,hideHintLabel:n,hideInputHeader:s,isRequired:m}),e.jsxRuntimeExports.jsx("div",{ref:N,children:e.jsxRuntimeExports.jsx(X,{fullWidth:c,isDisabled:R,disableClearLogic:i,isInvalid:h,placeholder:G,value:H,getLabel:t,getItemId:o,label:S,onChange:b})}),e.jsxRuntimeExports.jsx(_.InputFooter,{description:a,errorMessage:u,hideInputFooter:q})]}),e.jsxRuntimeExports.jsx(z,{triggerRef:N,label:`${S} options`,getItemId:o,selectRenderElements:M,items:L,open:T,disabledItemIdKeys:l,direction:B})]})})},K=({by:p,defaultValue:r,description:a,disableClearLogic:i,disabledItemIdKeys:l,errorMessage:u,fullWidth:c=!0,getItemId:o,getLabel:t,hideHintLabel:n,hideInputFooter:q,hideInputHeader:s,isDisabled:j,isInvalid:h,isRequired:m,items:L,label:S,name:w,onChange:d,placeholder:G,selectRenderElements:M,value:E})=>{const{isDisabled:P}=x.useContext(D.FieldGroupContext),[k,v]=x.useState(E??r),F=x.useRef(null),{direction:N}=U.useLocale(),{wrapper:B}=y.sharedInputStyles({}),b=x.useCallback(R=>{v(R),d==null||d(R)},[d]);return x.useEffect(()=>{v(E??r)},[r,E]),e.jsxRuntimeExports.jsx(f.Listbox,{disabled:j||P,name:w,by:p,onChange:b,multiple:!0,value:E??k??[],children:({disabled:R,open:T,value:H})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:B({fullWidth:c}),children:[e.jsxRuntimeExports.jsx(I.InputHeader,{label:S,hideHintLabel:n,hideInputHeader:s,isRequired:m}),e.jsxRuntimeExports.jsx("div",{ref:F,children:e.jsxRuntimeExports.jsx(Y,{fullWidth:c,isDisabled:R,isInvalid:h,placeholder:G,value:H,onChange:b,getItemId:o,getLabel:t,label:S,disableClearLogic:i})}),e.jsxRuntimeExports.jsx(_.InputFooter,{description:a,errorMessage:u,hideInputFooter:q})]}),e.jsxRuntimeExports.jsx(z,{label:`${S} options`,triggerRef:F,items:L,open:T,getItemId:o,selectRenderElements:M,disabledItemIdKeys:l,direction:N})]})})};exports.MultiSelect=K;exports.Select=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),x=require("react"),A=require("./lyra86.cjs"),J=require("./lyra447.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const O=require("./lyra63.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const D=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra92.cjs");require("./lyra78.cjs");require("./lyra453.cjs");const I=require("./lyra38.cjs"),_=require("./lyra39.cjs"),y=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const $=require("./lyra71.cjs");require("./lyra72.cjs");const Q=require("./lyra454.cjs"),V=require("./lyra455.cjs"),W=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const g=require("./lyra456.cjs");require("./lyra457.cjs");require("react-dom");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra62.cjs");require("./lyra65.cjs");require("./lyra66.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra79.cjs");require("./lyra95.cjs");const f=require("./lyra609.cjs"),U=require("./lyra85.cjs"),z=({direction:p,disabledItemIdKeys:r,getItemId:a,items:i,label:l,open:u,selectRenderElements:c,triggerRef:o})=>{var t;return e.jsxRuntimeExports.jsx(W.Popover,{className:"p-1",isOpen:u,triggerRef:o,shouldUpdatePosition:!0,"aria-label":l,disablePadding:!0,style:{width:((t=o.current)==null?void 0:t.offsetWidth)+"px",direction:p},children:e.jsxRuntimeExports.jsx(f.Listbox.Options,{static:!0,className:Q.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:i.map(n=>e.jsxRuntimeExports.jsx(f.Listbox.Option,{value:n,disabled:r==null?void 0:r.includes(a(n)),children:q=>e.jsxRuntimeExports.jsx(V.SharedListItem,{item:n,state:q,selectRenderElements:c,hasSelection:!0})},a(n)))})})},X=({disableClearLogic:p,fullWidth:r,getLabel:a,isDisabled:i,isInvalid:l,onChange:u,placeholder:c,value:o})=>{const[t,n]=x.useState(!1),[q,s]=x.useState(!1),{inputField:j}=y.sharedInputStyles({}),h=m=>{(m.key==="Escape"||m.key==="Backspace")&&!p&&(m.stopPropagation(),u==null||u(void 0))};return e.jsxRuntimeExports.jsxs(f.Listbox.Button,{className:j({fullWidth:r,isDisabled:i,isHovered:q,isFocused:t,isInvalid:l,hasEndSlot:!0,className:q&&!l&&!i&&!t?"border-hover":""}),onPointerEnter:()=>s(!0),onPointerLeave:()=>s(!1),onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onFocus:()=>{n(!0)},onBlur:()=>{n(!1)},onKeyDown:h,children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:o?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:a(o)}):e.jsxRuntimeExports.jsx($.Text,{color:"secondary",children:c})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[o&&!p&&!i?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:"text-secondary",onClick:m=>{m.stopPropagation(),u==null||u(void 0)},children:e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"chevron-up-down"})]})]})},Y=({fullWidth:p,getItemId:r,getLabel:a,isDisabled:i,isInvalid:l,label:u,onChange:c,placeholder:o,value:t})=>{const{inputField:n}=y.sharedInputStyles({}),q=x.useCallback(s=>{t&&c(t.filter(j=>{const h=r(j);return!s.has(h)}))},[r,c,t]);return e.jsxRuntimeExports.jsx(A.Group,{className:({isFocusWithin:s,isHovered:j})=>n({fullWidth:p,isDisabled:i,isHovered:j,isFocused:s,isInvalid:l,hasEndSlot:!0,className:J.clsx(j&&!l&&!i&&!s?"border-hover":"","items-start")}),children:e.jsxRuntimeExports.jsxs(f.Listbox.Button,{className:"flex w-full outline-none",as:"div",role:"button",tabIndex:0,children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:t&&t.length?e.jsxRuntimeExports.jsx(g.InputTagGroup,{label:u??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:i?void 0:q,children:t.map(s=>e.jsxRuntimeExports.jsx(g.InputTag,{id:r(s),isDisabled:i,children:a(s)},r(s)))}):e.jsxRuntimeExports.jsx($.Text,{color:"secondary",children:o})}),e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},Z=({by:p,defaultValue:r,description:a,disableClearLogic:i,disabledItemIdKeys:l,errorMessage:u,fullWidth:c=!0,getItemId:o,getLabel:t,hideHintLabel:n,hideInputFooter:q,hideInputHeader:s,isDisabled:j,isInvalid:h,isRequired:m,items:L,label:S,name:w,onChange:d,placeholder:G,selectRenderElements:M,value:E})=>{const{isDisabled:P}=x.useContext(D.FieldGroupContext),[k,v]=x.useState(E??r),{wrapper:F}=y.sharedInputStyles({}),N=x.useRef(null),{direction:B}=U.useLocale(),b=x.useCallback(R=>{v(R),d==null||d(R)},[d]);return x.useEffect(()=>{v(E??r)},[r,E]),e.jsxRuntimeExports.jsx(f.Listbox,{disabled:j||P,name:w,by:p,onChange:b,value:E??k??"",children:({disabled:R,open:T,value:H})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:F({fullWidth:c}),children:[e.jsxRuntimeExports.jsx(I.InputHeader,{label:S,hideHintLabel:n,hideInputHeader:s,isRequired:m}),e.jsxRuntimeExports.jsx("div",{ref:N,children:e.jsxRuntimeExports.jsx(X,{fullWidth:c,isDisabled:R,disableClearLogic:i,isInvalid:h,placeholder:G,value:H,getLabel:t,getItemId:o,label:S,onChange:b})}),e.jsxRuntimeExports.jsx(_.InputFooter,{description:a,errorMessage:u,hideInputFooter:q})]}),e.jsxRuntimeExports.jsx(z,{triggerRef:N,label:`${S} options`,getItemId:o,selectRenderElements:M,items:L,open:T,disabledItemIdKeys:l,direction:B})]})})},K=({by:p,defaultValue:r,description:a,disableClearLogic:i,disabledItemIdKeys:l,errorMessage:u,fullWidth:c=!0,getItemId:o,getLabel:t,hideHintLabel:n,hideInputFooter:q,hideInputHeader:s,isDisabled:j,isInvalid:h,isRequired:m,items:L,label:S,name:w,onChange:d,placeholder:G,selectRenderElements:M,value:E})=>{const{isDisabled:P}=x.useContext(D.FieldGroupContext),[k,v]=x.useState(E??r),F=x.useRef(null),{direction:N}=U.useLocale(),{wrapper:B}=y.sharedInputStyles({}),b=x.useCallback(R=>{v(R),d==null||d(R)},[d]);return x.useEffect(()=>{v(E??r)},[r,E]),e.jsxRuntimeExports.jsx(f.Listbox,{disabled:j||P,name:w,by:p,onChange:b,multiple:!0,value:E??k??[],children:({disabled:R,open:T,value:H})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:B({fullWidth:c}),children:[e.jsxRuntimeExports.jsx(I.InputHeader,{label:S,hideHintLabel:n,hideInputHeader:s,isRequired:m}),e.jsxRuntimeExports.jsx("div",{ref:F,children:e.jsxRuntimeExports.jsx(Y,{fullWidth:c,isDisabled:R,isInvalid:h,placeholder:G,value:H,onChange:b,getItemId:o,getLabel:t,label:S,disableClearLogic:i})}),e.jsxRuntimeExports.jsx(_.InputFooter,{description:a,errorMessage:u,hideInputFooter:q})]}),e.jsxRuntimeExports.jsx(z,{label:`${S} options`,triggerRef:F,items:L,open:T,getItemId:o,selectRenderElements:M,disabledItemIdKeys:l,direction:N})]})})};exports.MultiSelect=K;exports.Select=Z;

package/dist/lyra36.js

@@ -32,7 +32,7 @@ import "./lyra28.js";
 import "./lyra29.js";
 import "./lyra92.js";
 import "./lyra78.js";
-import "./lyra452.js";
+import "./lyra453.js";
 import { InputHeader as J } from "./lyra38.js";
 import { InputFooter as Q } from "./lyra39.js";
 import { sharedInputStyles as E } from "./lyra40.js";
@@ -44,14 +44,14 @@ import "./lyra34.js";
 import "./lyra35.js";
 import { Text as V } from "./lyra71.js";
 import "./lyra72.js";
-import { sharedListStyles as _ } from "./lyra453.js";
-import { SharedListItem as g } from "./lyra454.js";
+import { sharedListStyles as _ } from "./lyra454.js";
+import { SharedListItem as g } from "./lyra455.js";
 import { Popover as K } from "./lyra52.js";
 import "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
-import { InputTagGroup as I, InputTag as C } from "./lyra455.js";
-import "./lyra456.js";
+import { InputTagGroup as I, InputTag as C } from "./lyra456.js";
+import "./lyra457.js";
 import "react-dom";
 import "./lyra41.js";
 import "./lyra42.js";

package/dist/lyra37.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),s=require("react"),A=require("./lyra86.cjs"),se=require("react-dom"),oe=require("./lyra447.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const H=require("./lyra63.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const Z=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const te=require("./lyra92.cjs");require("./lyra78.cjs");require("./lyra452.cjs");const re=require("./lyra38.cjs"),ne=require("./lyra39.cjs"),U=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const V=require("./lyra71.cjs");require("./lyra72.cjs");const Q=require("./lyra453.cjs"),ue=require("./lyra454.cjs"),ce=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const ee=require("./lyra455.cjs");require("./lyra456.cjs");const le=require("./lyra82.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");const xe=require("./lyra56.cjs");require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");const ae=require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra65.cjs");require("./lyra66.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra79.cjs");require("./lyra95.cjs");const me=require("./lyra84.cjs"),g=require("./lyra610.cjs"),_=require("./lyra85.cjs"),de=({disableClearLogic:E,endSlot:x,fullWidth:o,getLabel:p,isDisabled:j,isInvalid:b,onChange:i,open:u,openPopover:c,placeholder:a,searchInputRef:m,startSlot:d,value:R})=>{const{buttonExcludedFromTabOrder:f,inputField:r}=U.sharedInputStyles({isInvalid:b,hasEndSlot:!0,fullWidth:o,isDisabled:j}),q=t=>{(t.key==="Escape"||t.key==="Backspace")&&!E?(t.stopPropagation(),i==null||i(void 0)):t.key==="ArrowDown"||t.key==="ArrowUp"?c==null||c():t.key&&t.key.match(/^[a-zA-Z0-9]$/)&&(se.flushSync(()=>{c==null||c()}),m.current&&(m.current.focus(),m.current.setSelectionRange(0,m.current.value.length)))};return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[d,e.jsxRuntimeExports.jsxs(A.Button,{"aria-haspopup":"listbox","aria-expanded":u,className:({isFocused:t,isHovered:M})=>r({isHovered:M,isFocused:t,className:"grow"}),isDisabled:j,onKeyDown:q,onPress:c,children:[e.jsxRuntimeExports.jsx("div",{className:"grow truncate text-start",children:R&&p(R)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:p(R)}):e.jsxRuntimeExports.jsx(V.Text,{variant:"body-medium",color:"secondary",children:a})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[R&&!j&&!E?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:f(),role:"button",onPointerDown:t=>{t.stopPropagation(),i==null||i(void 0)},onClick:t=>{t.stopPropagation(),i==null||i(void 0)},children:e.jsxRuntimeExports.jsx(H.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(H.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4"})]})]}),x]})},pe=({fullWidth:E,getItemId:x,getLabel:o,isDisabled:p,isInvalid:j,label:b,onChange:i,openPopover:u,placeholder:c,searchInputRef:a,value:m})=>{const{inputField:d}=U.sharedInputStyles({isInvalid:j,hasEndSlot:!0,fullWidth:E,isDisabled:p}),R=s.useCallback(r=>{r.key==="ArrowDown"||r.key==="ArrowUp"?u():r.key&&r.key.match(/^[a-zA-Z0-9]$/)&&(se.flushSync(()=>{u()}),a.current&&(a.current.focus(),a.current.setSelectionRange(0,a.current.value.length)))},[u,a]),f=s.useCallback(r=>{m&&i(m.filter(q=>{const t=x(q);return!r.has(t)}))},[x,i,m]);return e.jsxRuntimeExports.jsx(A.Group,{className:({isFocusWithin:r,isHovered:q})=>d({isHovered:q,isFocused:r,className:oe.clsx(q&&!j&&!p&&!r?"border-hover":"","has:[data-focused]:border has:[data-focused]:border-focus")}),children:e.jsxRuntimeExports.jsxs(A.Button,{onPress:u,onKeyDown:R,isDisabled:p,className:"flex w-full outline-none",children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:m&&m.length?e.jsxRuntimeExports.jsx(ee.InputTagGroup,{label:b??"Selected items",className:"-m-1.5 -mt-[0.3125rem] items-center",onRemove:p?void 0:f,children:m.map(r=>e.jsxRuntimeExports.jsx(ee.InputTag,{id:x(r),isDisabled:p,children:o(r)},x(r)))}):e.jsxRuntimeExports.jsx(V.Text,{color:"secondary",children:c})}),e.jsxRuntimeExports.jsx(H.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},je=({endSlot:E,isLoading:x,onQueryChange:o,query:p,searchInputRef:j,setQuery:b})=>{const i=s.useId(),{clear:u,search:c}=te.useDictionary(),a=me.useSpinDelay(x??!1,{delay:500,minDuration:200}),{buttonExcludedFromTabOrder:m}=U.sharedInputStyles({fullWidth:!0});return e.jsxRuntimeExports.jsx("div",{className:"pb-1",children:e.jsxRuntimeExports.jsxs("div",{className:"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5",children:[e.jsxRuntimeExports.jsx(g.Combobox.Input,{ref:j,id:i,className:"w-full bg-transparent text-base outline-none placeholder:text-tertiary",onChange:d=>{b(d.target.value??""),o==null||o(d.target.value)},placeholder:c,value:p??"",onKeyDown:d=>{d.code==="Tab"&&d.preventDefault()}}),p&&p.length?e.jsxRuntimeExports.jsx(A.Button,{"aria-label":u,className:m(),excludeFromTabOrder:!0,onPress:()=>{var d;b(""),(d=j.current)==null||d.focus()},children:e.jsxRuntimeExports.jsx(H.SvgIcon,{name:"clear"})}):null,E,a?e.jsxRuntimeExports.jsx(ae.Spinner,{className:"mx-2",size:"small"}):null]})})},J=({direction:E,disabledItemIdKeys:x,getItemId:o,getLabel:p,isLoading:j,items:b,label:i,onLoadMore:u,onQueryChange:c,open:a,placement:m,searchInputRef:d,selectedItemId:R,selectRenderElements:f,setOpenPopover:r,showSelectedRange:q,triggerRef:t})=>{var I,W;const{loadMore:M,noResultsFound:O}=te.useDictionary(),{filteredItems:n,query:y,setQuery:v}=le.useFilterItemsByQuery({getLabel:p,items:b,onQueryChange:c}),B=s.useRef(null),[T,N]=s.useState(!1),{item:L}=Q.sharedListItemStyles(),[k,h]=s.useState(Math.min(25,[...n].length)),F=s.useMemo(()=>n.findIndex(l=>o(l)===R),[n,o,R]),S=s.useMemo(()=>q&&F>-1?n.slice(Math.max(0,F-12),Math.min(n.length,F+13)):n.slice(0,k),[n,k,F,q]),P=s.useMemo(()=>k<[...n].length,[n,k]),w=s.useCallback(()=>{u?u():h(l=>{if(l<[...n].length){const D=[...n].length-l;return l+Math.min(25,D)}else return l})},[n,u]);return s.useEffect(()=>{h(Math.min(25,[...n].length))},[n]),s.useEffect(()=>N(!1),[a]),e.jsxRuntimeExports.jsx(ce.Popover,{className:"p-1",isOpen:a,disablePadding:!0,triggerRef:t,onOpenChange:r,"aria-label":i,shouldUpdatePosition:!0,placement:m,style:{width:((I=t.current)==null?void 0:I.offsetWidth)>280?((W=t.current)==null?void 0:W.offsetWidth)+"px":"280px",direction:E},children:a?e.jsxRuntimeExports.jsxs("div",{className:"gap-1",children:[e.jsxRuntimeExports.jsx(je,{onQueryChange:c,isLoading:j,query:y,setQuery:v,searchInputRef:d}),e.jsxRuntimeExports.jsxs(g.Combobox.Options,{static:!0,className:Q.sharedListStyles({className:"max-h-72"}),as:"div",onKeyDown:l=>{document.activeElement===B.current&&(l.code==="ArrowUp"||l.code==="ArrowDown")&&l.preventDefault()},children:[S.map(l=>e.jsxRuntimeExports.jsx(g.Combobox.Option,{id:o(l),as:"div",value:l,disabled:x==null?void 0:x.includes(o(l)),children:D=>e.jsxRuntimeExports.jsx(ue.SharedListItem,{hasSelection:!0,item:l,state:{...D,active:D.active&&!T},selectRenderElements:f})},o(l))),n!=null&&n.length?null:e.jsxRuntimeExports.jsx(V.Text,{variant:"body-medium",color:"secondary",className:"px-2.5 py-2",children:O}),u||P&&!q?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(xe.Separator,{className:"my-1"}),e.jsxRuntimeExports.jsx(A.Button,{isDisabled:j,onFocusChange:N,ref:B,className:L({className:"justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]"}),onPress:()=>{var l;w(),(l=d.current)==null||l.focus()},children:M})]}):null]})]}):null})},Re=({by:E,defaultValue:x,description:o,disableClearLogic:p,disabledItemIdKeys:j,endSlot:b,errorMessage:i,fullWidth:u=!0,getItemId:c,getLabel:a,hideHintLabel:m,hideInputFooter:d,hideInputHeader:R,isDisabled:f,isInvalid:r,isLoading:q,isRequired:t,items:M,label:O,name:n,onChange:y,onLoadMore:v,onQueryChange:B,placeholder:T,selectRenderElements:N,showSelectedRange:L,startSlot:k,value:h})=>{const{isDisabled:F}=s.useContext(Z.FieldGroupContext),S=s.useRef(null),P=s.useRef(null),w=s.useRef(null),[I,W]=s.useState(h??x),[l,D]=s.useState(!1),K=()=>{var C;D(!0),(C=P.current)==null||C.click()},$=()=>D(!1),z=s.useCallback(C=>{W(C),y==null||y(C),$()},[y]),{direction:X}=_.useLocale(),{wrapper:G}=U.sharedInputStyles({fullWidth:u,isInvalid:r,isDisabled:f||F});s.useEffect(()=>{W(h??x)},[x,h]);const Y=h||I?c(h??I):void 0;return e.jsxRuntimeExports.jsx(g.Combobox,{disabled:f||F,name:n,value:h??I??"",onChange:z,by:E,children:({disabled:C,value:ie})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:G(),children:[e.jsxRuntimeExports.jsx(re.InputHeader,{label:O,hideHintLabel:m,hideInputHeader:R,isRequired:t}),e.jsxRuntimeExports.jsxs("div",{ref:w,children:[e.jsxRuntimeExports.jsx(g.Combobox.Button,{ref:P,className:"hidden"}),e.jsxRuntimeExports.jsx(de,{disableClearLogic:p,endSlot:b,fullWidth:u,getLabel:a,getItemId:c,isDisabled:C,isInvalid:r,open:l,openPopover:K,onChange:z,placeholder:T,searchInputRef:S,startSlot:k,value:ie})]}),e.jsxRuntimeExports.jsx(ne.InputFooter,{description:o,errorMessage:i,hideInputFooter:d})]}),e.jsxRuntimeExports.jsx(J,{triggerRef:w,label:O,getItemId:c,getLabel:a,items:M,open:l,setOpenPopover:D,selectRenderElements:N,disabledItemIdKeys:j,direction:X,onQueryChange:B,isLoading:q,searchInputRef:S,onLoadMore:v,selectedItemId:Y,showSelectedRange:L})]})})},fe=({by:E,defaultValue:x,description:o,disableClearLogic:p,disabledItemIdKeys:j,endSlot:b,errorMessage:i,fullWidth:u=!0,getItemId:c,getLabel:a,hideHintLabel:m,hideInputFooter:d,hideInputHeader:R,isDisabled:f,isInvalid:r,isLoading:q,isRequired:t,items:M,label:O,labelId:n,name:y,onChange:v,onLoadMore:B,onQueryChange:T,placeholder:N,selectRenderElements:L,startSlot:k,value:h})=>{const{isDisabled:F}=s.useContext(Z.FieldGroupContext),S=s.useRef(null),P=s.useRef(null),w=s.useRef(null),[I,W]=s.useState(h??x),[l,D]=s.useState(!1),K=()=>{var G;D(!0),(G=P.current)==null||G.click()},$=s.useCallback(G=>{W(G),v==null||v(G)},[v]),{direction:z}=_.useLocale(),{wrapper:X}=U.sharedInputStyles({fullWidth:u,isInvalid:r,isDisabled:f||F});return s.useEffect(()=>{W(h??x)},[x,h]),e.jsxRuntimeExports.jsx(g.Combobox,{disabled:f||F,name:y,value:h??I??[],onChange:$,by:E,multiple:!0,children:({disabled:G,value:Y})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:X(),children:[e.jsxRuntimeExports.jsx(re.InputHeader,{label:O,isRequired:t,hideHintLabel:m,hideInputHeader:R,labelId:n}),e.jsxRuntimeExports.jsxs("div",{ref:w,children:[e.jsxRuntimeExports.jsx(g.Combobox.Button,{ref:P,className:"hidden"}),e.jsxRuntimeExports.jsx(pe,{disableClearLogic:p,endSlot:b,fullWidth:u,getLabel:a,getItemId:c,isDisabled:G,isInvalid:r,onChange:$,open:l,openPopover:K,placeholder:N,searchInputRef:S,startSlot:k,value:Y})]}),e.jsxRuntimeExports.jsx(ne.InputFooter,{description:o,errorMessage:i,hideInputFooter:d})]}),e.jsxRuntimeExports.jsx(J,{label:O,searchInputRef:S,triggerRef:w,getItemId:c,getLabel:a,items:M,open:l,setOpenPopover:D,selectRenderElements:L,disabledItemIdKeys:j,direction:z,onQueryChange:T,isLoading:q,onLoadMore:B})]})})},qe=({by:E,children:x,defaultValue:o,disabledItemIdKeys:p,getItemId:j,getLabel:b,isDisabled:i,isInvalid:u,isLoading:c,items:a,label:m,name:d,onChange:R,onQueryChange:f,selectRenderElements:r,showSelectedRange:q,value:t})=>{const{isDisabled:M}=s.useContext(Z.FieldGroupContext),O=s.useRef(null),n=s.useRef(null),y=s.useRef(null),[v,B]=s.useState(t??o),[T,N]=s.useState(!1),L=()=>{var w;N(!0),(w=n.current)==null||w.click()},k=()=>N(!1),h=s.useCallback(w=>{B(w),R==null||R(w),k()},[R]),{direction:F}=_.useLocale(),{wrapper:S}=U.sharedInputStyles({fullWidth:!1,isInvalid:u,isDisabled:i});s.useEffect(()=>{B(t??o)},[o,t]);const P=t||v?j(t??v):void 0;return e.jsxRuntimeExports.jsx(A.Provider,{values:[[A.ButtonContext,{onPress:()=>L(),isDisabled:i||M}]],children:e.jsxRuntimeExports.jsx(g.Combobox,{disabled:i,name:d,value:t??v??"",onChange:h,by:E,children:()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:S(),children:e.jsxRuntimeExports.jsxs("div",{ref:y,children:[e.jsxRuntimeExports.jsx(g.Combobox.Button,{ref:n,className:"hidden"}),x]})}),e.jsxRuntimeExports.jsx(J,{triggerRef:y,label:m,getItemId:j,getLabel:b,items:a,open:T,setOpenPopover:N,selectRenderElements:r,disabledItemIdKeys:p,direction:F,onQueryChange:f,isLoading:c,selectedItemId:P,searchInputRef:O,showSelectedRange:q,placement:"bottom start"})]})})})},he=({by:E,children:x,defaultValue:o,disabledItemIdKeys:p,fullWidth:j=!0,getItemId:b,getLabel:i,isDisabled:u,isInvalid:c,isLoading:a,items:m,label:d,name:R,onChange:f,onQueryChange:r,selectRenderElements:q,value:t})=>{const{isDisabled:M}=s.useContext(Z.FieldGroupContext),O=s.useRef(null),n=s.useRef(null),y=s.useRef(null),[v,B]=s.useState(t??o),[T,N]=s.useState(!1),L=()=>{var S;N(!0),(S=n.current)==null||S.click()},k=s.useCallback(S=>{B(S),f==null||f(S)},[f]),{direction:h}=_.useLocale(),{wrapper:F}=U.sharedInputStyles({fullWidth:j,isInvalid:c,isDisabled:u});return s.useEffect(()=>{B(t??o)},[o,t]),e.jsxRuntimeExports.jsx(A.Provider,{values:[[A.ButtonContext,{onPress:()=>L(),isDisabled:u||M}]],children:e.jsxRuntimeExports.jsx(g.Combobox,{disabled:u,name:R,value:t??v??[],onChange:k,by:E,multiple:!0,children:()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:F(),children:e.jsxRuntimeExports.jsxs("div",{ref:y,children:[e.jsxRuntimeExports.jsx(g.Combobox.Button,{ref:n,className:"hidden"}),x]})}),e.jsxRuntimeExports.jsx(J,{label:d,searchInputRef:O,triggerRef:y,getItemId:b,getLabel:i,items:m,open:T,setOpenPopover:N,selectRenderElements:q,disabledItemIdKeys:p,direction:h,onQueryChange:r,isLoading:a})]})})})};exports.MultiSearchListField=fe;exports.MultiSearchListFieldWithCustomTrigger=he;exports.SearchListField=Re;exports.SearchListFieldWithCustomTrigger=qe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),s=require("react"),A=require("./lyra86.cjs"),se=require("react-dom"),oe=require("./lyra447.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const H=require("./lyra63.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const Z=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const te=require("./lyra92.cjs");require("./lyra78.cjs");require("./lyra453.cjs");const re=require("./lyra38.cjs"),ne=require("./lyra39.cjs"),U=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const V=require("./lyra71.cjs");require("./lyra72.cjs");const Q=require("./lyra454.cjs"),ue=require("./lyra455.cjs"),ce=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const ee=require("./lyra456.cjs");require("./lyra457.cjs");const le=require("./lyra82.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");const xe=require("./lyra56.cjs");require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");const ae=require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra65.cjs");require("./lyra66.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra79.cjs");require("./lyra95.cjs");const me=require("./lyra84.cjs"),g=require("./lyra610.cjs"),_=require("./lyra85.cjs"),de=({disableClearLogic:E,endSlot:x,fullWidth:o,getLabel:p,isDisabled:j,isInvalid:b,onChange:i,open:u,openPopover:c,placeholder:a,searchInputRef:m,startSlot:d,value:R})=>{const{buttonExcludedFromTabOrder:f,inputField:r}=U.sharedInputStyles({isInvalid:b,hasEndSlot:!0,fullWidth:o,isDisabled:j}),q=t=>{(t.key==="Escape"||t.key==="Backspace")&&!E?(t.stopPropagation(),i==null||i(void 0)):t.key==="ArrowDown"||t.key==="ArrowUp"?c==null||c():t.key&&t.key.match(/^[a-zA-Z0-9]$/)&&(se.flushSync(()=>{c==null||c()}),m.current&&(m.current.focus(),m.current.setSelectionRange(0,m.current.value.length)))};return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[d,e.jsxRuntimeExports.jsxs(A.Button,{"aria-haspopup":"listbox","aria-expanded":u,className:({isFocused:t,isHovered:M})=>r({isHovered:M,isFocused:t,className:"grow"}),isDisabled:j,onKeyDown:q,onPress:c,children:[e.jsxRuntimeExports.jsx("div",{className:"grow truncate text-start",children:R&&p(R)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:p(R)}):e.jsxRuntimeExports.jsx(V.Text,{variant:"body-medium",color:"secondary",children:a})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[R&&!j&&!E?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:f(),role:"button",onPointerDown:t=>{t.stopPropagation(),i==null||i(void 0)},onClick:t=>{t.stopPropagation(),i==null||i(void 0)},children:e.jsxRuntimeExports.jsx(H.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(H.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4"})]})]}),x]})},pe=({fullWidth:E,getItemId:x,getLabel:o,isDisabled:p,isInvalid:j,label:b,onChange:i,openPopover:u,placeholder:c,searchInputRef:a,value:m})=>{const{inputField:d}=U.sharedInputStyles({isInvalid:j,hasEndSlot:!0,fullWidth:E,isDisabled:p}),R=s.useCallback(r=>{r.key==="ArrowDown"||r.key==="ArrowUp"?u():r.key&&r.key.match(/^[a-zA-Z0-9]$/)&&(se.flushSync(()=>{u()}),a.current&&(a.current.focus(),a.current.setSelectionRange(0,a.current.value.length)))},[u,a]),f=s.useCallback(r=>{m&&i(m.filter(q=>{const t=x(q);return!r.has(t)}))},[x,i,m]);return e.jsxRuntimeExports.jsx(A.Group,{className:({isFocusWithin:r,isHovered:q})=>d({isHovered:q,isFocused:r,className:oe.clsx(q&&!j&&!p&&!r?"border-hover":"","has:[data-focused]:border has:[data-focused]:border-focus")}),children:e.jsxRuntimeExports.jsxs(A.Button,{onPress:u,onKeyDown:R,isDisabled:p,className:"flex w-full outline-none",children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:m&&m.length?e.jsxRuntimeExports.jsx(ee.InputTagGroup,{label:b??"Selected items",className:"-m-1.5 -mt-[0.3125rem] items-center",onRemove:p?void 0:f,children:m.map(r=>e.jsxRuntimeExports.jsx(ee.InputTag,{id:x(r),isDisabled:p,children:o(r)},x(r)))}):e.jsxRuntimeExports.jsx(V.Text,{color:"secondary",children:c})}),e.jsxRuntimeExports.jsx(H.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},je=({endSlot:E,isLoading:x,onQueryChange:o,query:p,searchInputRef:j,setQuery:b})=>{const i=s.useId(),{clear:u,search:c}=te.useDictionary(),a=me.useSpinDelay(x??!1,{delay:500,minDuration:200}),{buttonExcludedFromTabOrder:m}=U.sharedInputStyles({fullWidth:!0});return e.jsxRuntimeExports.jsx("div",{className:"pb-1",children:e.jsxRuntimeExports.jsxs("div",{className:"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5",children:[e.jsxRuntimeExports.jsx(g.Combobox.Input,{ref:j,id:i,className:"w-full bg-transparent text-base outline-none placeholder:text-tertiary",onChange:d=>{b(d.target.value??""),o==null||o(d.target.value)},placeholder:c,value:p??"",onKeyDown:d=>{d.code==="Tab"&&d.preventDefault()}}),p&&p.length?e.jsxRuntimeExports.jsx(A.Button,{"aria-label":u,className:m(),excludeFromTabOrder:!0,onPress:()=>{var d;b(""),(d=j.current)==null||d.focus()},children:e.jsxRuntimeExports.jsx(H.SvgIcon,{name:"clear"})}):null,E,a?e.jsxRuntimeExports.jsx(ae.Spinner,{className:"mx-2",size:"small"}):null]})})},J=({direction:E,disabledItemIdKeys:x,getItemId:o,getLabel:p,isLoading:j,items:b,label:i,onLoadMore:u,onQueryChange:c,open:a,placement:m,searchInputRef:d,selectedItemId:R,selectRenderElements:f,setOpenPopover:r,showSelectedRange:q,triggerRef:t})=>{var I,W;const{loadMore:M,noResultsFound:O}=te.useDictionary(),{filteredItems:n,query:y,setQuery:v}=le.useFilterItemsByQuery({getLabel:p,items:b,onQueryChange:c}),B=s.useRef(null),[T,N]=s.useState(!1),{item:L}=Q.sharedListItemStyles(),[k,h]=s.useState(Math.min(25,[...n].length)),F=s.useMemo(()=>n.findIndex(l=>o(l)===R),[n,o,R]),S=s.useMemo(()=>q&&F>-1?n.slice(Math.max(0,F-12),Math.min(n.length,F+13)):n.slice(0,k),[n,k,F,q]),P=s.useMemo(()=>k<[...n].length,[n,k]),w=s.useCallback(()=>{u?u():h(l=>{if(l<[...n].length){const D=[...n].length-l;return l+Math.min(25,D)}else return l})},[n,u]);return s.useEffect(()=>{h(Math.min(25,[...n].length))},[n]),s.useEffect(()=>N(!1),[a]),e.jsxRuntimeExports.jsx(ce.Popover,{className:"p-1",isOpen:a,disablePadding:!0,triggerRef:t,onOpenChange:r,"aria-label":i,shouldUpdatePosition:!0,placement:m,style:{width:((I=t.current)==null?void 0:I.offsetWidth)>280?((W=t.current)==null?void 0:W.offsetWidth)+"px":"280px",direction:E},children:a?e.jsxRuntimeExports.jsxs("div",{className:"gap-1",children:[e.jsxRuntimeExports.jsx(je,{onQueryChange:c,isLoading:j,query:y,setQuery:v,searchInputRef:d}),e.jsxRuntimeExports.jsxs(g.Combobox.Options,{static:!0,className:Q.sharedListStyles({className:"max-h-72"}),as:"div",onKeyDown:l=>{document.activeElement===B.current&&(l.code==="ArrowUp"||l.code==="ArrowDown")&&l.preventDefault()},children:[S.map(l=>e.jsxRuntimeExports.jsx(g.Combobox.Option,{id:o(l),as:"div",value:l,disabled:x==null?void 0:x.includes(o(l)),children:D=>e.jsxRuntimeExports.jsx(ue.SharedListItem,{hasSelection:!0,item:l,state:{...D,active:D.active&&!T},selectRenderElements:f})},o(l))),n!=null&&n.length?null:e.jsxRuntimeExports.jsx(V.Text,{variant:"body-medium",color:"secondary",className:"px-2.5 py-2",children:O}),u||P&&!q?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(xe.Separator,{className:"my-1"}),e.jsxRuntimeExports.jsx(A.Button,{isDisabled:j,onFocusChange:N,ref:B,className:L({className:"justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]"}),onPress:()=>{var l;w(),(l=d.current)==null||l.focus()},children:M})]}):null]})]}):null})},Re=({by:E,defaultValue:x,description:o,disableClearLogic:p,disabledItemIdKeys:j,endSlot:b,errorMessage:i,fullWidth:u=!0,getItemId:c,getLabel:a,hideHintLabel:m,hideInputFooter:d,hideInputHeader:R,isDisabled:f,isInvalid:r,isLoading:q,isRequired:t,items:M,label:O,name:n,onChange:y,onLoadMore:v,onQueryChange:B,placeholder:T,selectRenderElements:N,showSelectedRange:L,startSlot:k,value:h})=>{const{isDisabled:F}=s.useContext(Z.FieldGroupContext),S=s.useRef(null),P=s.useRef(null),w=s.useRef(null),[I,W]=s.useState(h??x),[l,D]=s.useState(!1),K=()=>{var C;D(!0),(C=P.current)==null||C.click()},$=()=>D(!1),z=s.useCallback(C=>{W(C),y==null||y(C),$()},[y]),{direction:X}=_.useLocale(),{wrapper:G}=U.sharedInputStyles({fullWidth:u,isInvalid:r,isDisabled:f||F});s.useEffect(()=>{W(h??x)},[x,h]);const Y=h||I?c(h??I):void 0;return e.jsxRuntimeExports.jsx(g.Combobox,{disabled:f||F,name:n,value:h??I??"",onChange:z,by:E,children:({disabled:C,value:ie})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:G(),children:[e.jsxRuntimeExports.jsx(re.InputHeader,{label:O,hideHintLabel:m,hideInputHeader:R,isRequired:t}),e.jsxRuntimeExports.jsxs("div",{ref:w,children:[e.jsxRuntimeExports.jsx(g.Combobox.Button,{ref:P,className:"hidden"}),e.jsxRuntimeExports.jsx(de,{disableClearLogic:p,endSlot:b,fullWidth:u,getLabel:a,getItemId:c,isDisabled:C,isInvalid:r,open:l,openPopover:K,onChange:z,placeholder:T,searchInputRef:S,startSlot:k,value:ie})]}),e.jsxRuntimeExports.jsx(ne.InputFooter,{description:o,errorMessage:i,hideInputFooter:d})]}),e.jsxRuntimeExports.jsx(J,{triggerRef:w,label:O,getItemId:c,getLabel:a,items:M,open:l,setOpenPopover:D,selectRenderElements:N,disabledItemIdKeys:j,direction:X,onQueryChange:B,isLoading:q,searchInputRef:S,onLoadMore:v,selectedItemId:Y,showSelectedRange:L})]})})},fe=({by:E,defaultValue:x,description:o,disableClearLogic:p,disabledItemIdKeys:j,endSlot:b,errorMessage:i,fullWidth:u=!0,getItemId:c,getLabel:a,hideHintLabel:m,hideInputFooter:d,hideInputHeader:R,isDisabled:f,isInvalid:r,isLoading:q,isRequired:t,items:M,label:O,labelId:n,name:y,onChange:v,onLoadMore:B,onQueryChange:T,placeholder:N,selectRenderElements:L,startSlot:k,value:h})=>{const{isDisabled:F}=s.useContext(Z.FieldGroupContext),S=s.useRef(null),P=s.useRef(null),w=s.useRef(null),[I,W]=s.useState(h??x),[l,D]=s.useState(!1),K=()=>{var G;D(!0),(G=P.current)==null||G.click()},$=s.useCallback(G=>{W(G),v==null||v(G)},[v]),{direction:z}=_.useLocale(),{wrapper:X}=U.sharedInputStyles({fullWidth:u,isInvalid:r,isDisabled:f||F});return s.useEffect(()=>{W(h??x)},[x,h]),e.jsxRuntimeExports.jsx(g.Combobox,{disabled:f||F,name:y,value:h??I??[],onChange:$,by:E,multiple:!0,children:({disabled:G,value:Y})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:X(),children:[e.jsxRuntimeExports.jsx(re.InputHeader,{label:O,isRequired:t,hideHintLabel:m,hideInputHeader:R,labelId:n}),e.jsxRuntimeExports.jsxs("div",{ref:w,children:[e.jsxRuntimeExports.jsx(g.Combobox.Button,{ref:P,className:"hidden"}),e.jsxRuntimeExports.jsx(pe,{disableClearLogic:p,endSlot:b,fullWidth:u,getLabel:a,getItemId:c,isDisabled:G,isInvalid:r,onChange:$,open:l,openPopover:K,placeholder:N,searchInputRef:S,startSlot:k,value:Y})]}),e.jsxRuntimeExports.jsx(ne.InputFooter,{description:o,errorMessage:i,hideInputFooter:d})]}),e.jsxRuntimeExports.jsx(J,{label:O,searchInputRef:S,triggerRef:w,getItemId:c,getLabel:a,items:M,open:l,setOpenPopover:D,selectRenderElements:L,disabledItemIdKeys:j,direction:z,onQueryChange:T,isLoading:q,onLoadMore:B})]})})},qe=({by:E,children:x,defaultValue:o,disabledItemIdKeys:p,getItemId:j,getLabel:b,isDisabled:i,isInvalid:u,isLoading:c,items:a,label:m,name:d,onChange:R,onQueryChange:f,selectRenderElements:r,showSelectedRange:q,value:t})=>{const{isDisabled:M}=s.useContext(Z.FieldGroupContext),O=s.useRef(null),n=s.useRef(null),y=s.useRef(null),[v,B]=s.useState(t??o),[T,N]=s.useState(!1),L=()=>{var w;N(!0),(w=n.current)==null||w.click()},k=()=>N(!1),h=s.useCallback(w=>{B(w),R==null||R(w),k()},[R]),{direction:F}=_.useLocale(),{wrapper:S}=U.sharedInputStyles({fullWidth:!1,isInvalid:u,isDisabled:i});s.useEffect(()=>{B(t??o)},[o,t]);const P=t||v?j(t??v):void 0;return e.jsxRuntimeExports.jsx(A.Provider,{values:[[A.ButtonContext,{onPress:()=>L(),isDisabled:i||M}]],children:e.jsxRuntimeExports.jsx(g.Combobox,{disabled:i,name:d,value:t??v??"",onChange:h,by:E,children:()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:S(),children:e.jsxRuntimeExports.jsxs("div",{ref:y,children:[e.jsxRuntimeExports.jsx(g.Combobox.Button,{ref:n,className:"hidden"}),x]})}),e.jsxRuntimeExports.jsx(J,{triggerRef:y,label:m,getItemId:j,getLabel:b,items:a,open:T,setOpenPopover:N,selectRenderElements:r,disabledItemIdKeys:p,direction:F,onQueryChange:f,isLoading:c,selectedItemId:P,searchInputRef:O,showSelectedRange:q,placement:"bottom start"})]})})})},he=({by:E,children:x,defaultValue:o,disabledItemIdKeys:p,fullWidth:j=!0,getItemId:b,getLabel:i,isDisabled:u,isInvalid:c,isLoading:a,items:m,label:d,name:R,onChange:f,onQueryChange:r,selectRenderElements:q,value:t})=>{const{isDisabled:M}=s.useContext(Z.FieldGroupContext),O=s.useRef(null),n=s.useRef(null),y=s.useRef(null),[v,B]=s.useState(t??o),[T,N]=s.useState(!1),L=()=>{var S;N(!0),(S=n.current)==null||S.click()},k=s.useCallback(S=>{B(S),f==null||f(S)},[f]),{direction:h}=_.useLocale(),{wrapper:F}=U.sharedInputStyles({fullWidth:j,isInvalid:c,isDisabled:u});return s.useEffect(()=>{B(t??o)},[o,t]),e.jsxRuntimeExports.jsx(A.Provider,{values:[[A.ButtonContext,{onPress:()=>L(),isDisabled:u||M}]],children:e.jsxRuntimeExports.jsx(g.Combobox,{disabled:u,name:R,value:t??v??[],onChange:k,by:E,multiple:!0,children:()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:F(),children:e.jsxRuntimeExports.jsxs("div",{ref:y,children:[e.jsxRuntimeExports.jsx(g.Combobox.Button,{ref:n,className:"hidden"}),x]})}),e.jsxRuntimeExports.jsx(J,{label:d,searchInputRef:O,triggerRef:y,getItemId:b,getLabel:i,items:m,open:T,setOpenPopover:N,selectRenderElements:q,disabledItemIdKeys:p,direction:h,onQueryChange:r,isLoading:a})]})})})};exports.MultiSearchListField=fe;exports.MultiSearchListFieldWithCustomTrigger=he;exports.SearchListField=Re;exports.SearchListFieldWithCustomTrigger=qe;

package/dist/lyra37.js

@@ -33,7 +33,7 @@ import "./lyra28.js";
 import "./lyra29.js";
 import { useDictionary as ct } from "./lyra92.js";
 import "./lyra78.js";
-import "./lyra452.js";
+import "./lyra453.js";
 import { InputHeader as lt } from "./lyra38.js";
 import { InputFooter as mt } from "./lyra39.js";
 import { sharedInputStyles as H } from "./lyra40.js";
@@ -45,14 +45,14 @@ import "./lyra34.js";
 import "./lyra35.js";
 import { Text as et } from "./lyra71.js";
 import "./lyra72.js";
-import { sharedListItemStyles as xt, sharedListStyles as ft } from "./lyra453.js";
-import { SharedListItem as ht } from "./lyra454.js";
+import { sharedListItemStyles as xt, sharedListStyles as ft } from "./lyra454.js";
+import { SharedListItem as ht } from "./lyra455.js";
 import { Popover as jt } from "./lyra52.js";
 import "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
-import { InputTagGroup as bt, InputTag as Nt } from "./lyra455.js";
-import "./lyra456.js";
+import { InputTagGroup as bt, InputTag as Nt } from "./lyra456.js";
+import "./lyra457.js";
 import { useFilterItemsByQuery as vt } from "./lyra82.js";
 import "./lyra41.js";
 import "./lyra42.js";

package/dist/lyra4.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra448.cjs"),r=e.tv({slots:{wrapper:["p-3","rounded-lg","flex","gap-2.5"],icon:["rounded-full","w-6","h-6","min-w-6","text-inverted","flex","items-center","justify-center"]},variants:{variant:{success:{wrapper:["bg-alert-success"],icon:["bg-indication-green"]},info:{wrapper:["bg-alert-information"],icon:["bg-indication-blue"]},warning:{wrapper:["bg-alert-warning"],icon:["bg-indication-orange"]},error:{wrapper:["bg-alert-error"],icon:["bg-indication-red"]}}}});exports.alertStyles=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra449.cjs"),r=e.tv({slots:{wrapper:["p-3","rounded-lg","flex","gap-2.5"],icon:["rounded-full","w-6","h-6","min-w-6","text-inverted","flex","items-center","justify-center"]},variants:{variant:{success:{wrapper:["bg-alert-success"],icon:["bg-indication-green"]},info:{wrapper:["bg-alert-information"],icon:["bg-indication-blue"]},warning:{wrapper:["bg-alert-warning"],icon:["bg-indication-orange"]},error:{wrapper:["bg-alert-error"],icon:["bg-indication-red"]}}}});exports.alertStyles=r;

package/dist/lyra4.js

@@ -1,4 +1,4 @@
-import { tv as r } from "./lyra448.js";
+import { tv as r } from "./lyra449.js";
 const n = r({
   slots: {
     wrapper: ["p-3", "rounded-lg", "flex", "gap-2.5"],

package/dist/lyra40.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra448.cjs"),t=e.tv({slots:{wrapper:["flex flex-col"],inputHeader:["flex","items-baseline","gap-1","mb-1"],label:["text-base","font-semibold","transition-all","ease-out","duration-150"],hint:["text-sm","text-tertiary"],inputField:["flex","items-center","outline-none","border","border-solid","border-default","rounded","font-sans","text-base","transition-all","ease-out","duration-150","placeholder:text-tertiary","px-2.5","py-2"],input:["w-full","flex-grow","outline-none","disabled:cursor-not-allowed","text-base","bg-transparent"],errorMessage:["text-error","text-sm","mt-1"],description:["text-sm","text-secondary","mt-1"],buttonExcludedFromTabOrder:["outline-none","text-secondary","animate-in","zoom-in","duration-200"],button:["outline-none box-border rounded-xxs focus-visible:bg-action-highlight focus-visible:shadow-highlight"]},variants:{fullWidth:{true:{wrapper:"w-full",inputField:"w-full"},false:{wrapper:"w-fit",inputField:"w-fit"}},isDisabled:{true:{inputField:"bg-surface-secondary text-secondary placeholder:text-tertiary cursor-not-allowed"},false:{inputField:"bg-surface-primary text-primary shadow-inner"}},isInvalid:{true:{inputField:"border-error"}},isHovered:{true:{}},isFocused:{true:{inputField:"!border-focus !shadow-highlight-and-inner"}},hasEndSlot:{true:{inputField:"pe-2"}},hasStartSlot:{true:{inputField:"ps-2"}}},compoundVariants:[{isDisabled:!1,isFocused:!1,isInvalid:!1,isHovered:!0,className:{inputField:"!border-hover"}}],defaultVariants:{isDisabled:!1,fullWidth:!0}});exports.sharedInputStyles=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra449.cjs"),t=e.tv({slots:{wrapper:["flex flex-col"],inputHeader:["flex","items-baseline","gap-1","mb-1"],label:["text-base","font-semibold","transition-all","ease-out","duration-150"],hint:["text-sm","text-tertiary"],inputField:["flex","items-center","outline-none","border","border-solid","border-default","rounded","font-sans","text-base","transition-all","ease-out","duration-150","placeholder:text-tertiary","px-2.5","py-2"],input:["w-full","flex-grow","outline-none","disabled:cursor-not-allowed","text-base","bg-transparent"],errorMessage:["text-error","text-sm","mt-1"],description:["text-sm","text-secondary","mt-1"],buttonExcludedFromTabOrder:["outline-none","text-secondary","animate-in","zoom-in","duration-200"],button:["outline-none box-border rounded-xxs focus-visible:bg-action-highlight focus-visible:shadow-highlight"]},variants:{fullWidth:{true:{wrapper:"w-full",inputField:"w-full"},false:{wrapper:"w-fit",inputField:"w-fit"}},isDisabled:{true:{inputField:"bg-surface-secondary text-secondary placeholder:text-tertiary cursor-not-allowed"},false:{inputField:"bg-surface-primary text-primary shadow-inner"}},isInvalid:{true:{inputField:"border-error"}},isHovered:{true:{}},isFocused:{true:{inputField:"!border-focus !shadow-highlight-and-inner"}},hasEndSlot:{true:{inputField:"pe-2"}},hasStartSlot:{true:{inputField:"ps-2"}}},compoundVariants:[{isDisabled:!1,isFocused:!1,isInvalid:!1,isHovered:!0,className:{inputField:"!border-hover"}}],defaultVariants:{isDisabled:!1,fullWidth:!0}});exports.sharedInputStyles=t;

package/dist/lyra40.js

@@ -1,4 +1,4 @@
-import { tv as e } from "./lyra448.js";
+import { tv as e } from "./lyra449.js";
 const r = e({
   slots: {
     wrapper: ["flex flex-col"],

package/dist/lyra42.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra448.cjs");require("./lyra71.cjs");const t=require("./lyra72.cjs"),a=e.tv({slots:{wrapper:["flex","gap-2"],track:["relative","box-border","w-11","h-6","px-0.5","py-0.5","rounded-full","bg-overlay-medium","shadow-inner","transition","ease-in-out","duration-150"],thumb:["relative","bg-surface-primary","rounded-full","w-5","h-5","shadow-sm","transform","outline-none","transition","ease-in-out","duration-150"],label:t.textStyles({variant:"body-medium",className:"mt-1"})},variants:{isDisabled:{true:{thumb:"shadow-none",track:"shadow-none",label:"text-tertiary"}},isHovered:{true:{track:"ring-hover"}},isFocusVisible:{true:{track:"ring-default ring-1 ring-inset !shadow-highlight-and-inner"}},isSelected:{true:{track:"bg-action-default",thumb:"translate-x-5"},false:{thumb:"translate-x-0"}},isPressed:{true:{track:"ring-active"}}},compoundVariants:[{isSelected:!0,isPressed:!0,className:{track:"ring-active bg-action-action"}},{isDisabled:!0,isSelected:!1,className:{track:"bg-overlay-subtle",thumb:"shadow-none"}},{isDisabled:!0,isSelected:!0,className:{track:"bg-overlay-backdrop",thumb:"shadow-none"}}]});exports.switchStyles=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra449.cjs");require("./lyra71.cjs");const t=require("./lyra72.cjs"),a=e.tv({slots:{wrapper:["flex","gap-2"],track:["relative","box-border","w-11","h-6","px-0.5","py-0.5","rounded-full","bg-overlay-medium","shadow-inner","transition","ease-in-out","duration-150"],thumb:["relative","bg-surface-primary","rounded-full","w-5","h-5","shadow-sm","transform","outline-none","transition","ease-in-out","duration-150"],label:t.textStyles({variant:"body-medium",className:"mt-1"})},variants:{isDisabled:{true:{thumb:"shadow-none",track:"shadow-none",label:"text-tertiary"}},isHovered:{true:{track:"ring-hover"}},isFocusVisible:{true:{track:"ring-default ring-1 ring-inset !shadow-highlight-and-inner"}},isSelected:{true:{track:"bg-action-default",thumb:"translate-x-5"},false:{thumb:"translate-x-0"}},isPressed:{true:{track:"ring-active"}}},compoundVariants:[{isSelected:!0,isPressed:!0,className:{track:"ring-active bg-action-action"}},{isDisabled:!0,isSelected:!1,className:{track:"bg-overlay-subtle",thumb:"shadow-none"}},{isDisabled:!0,isSelected:!0,className:{track:"bg-overlay-backdrop",thumb:"shadow-none"}}]});exports.switchStyles=a;

package/dist/lyra42.js

@@ -1,4 +1,4 @@
-import { tv as e } from "./lyra448.js";
+import { tv as e } from "./lyra449.js";
 import "./lyra71.js";
 import { textStyles as t } from "./lyra72.js";
 const i = e({

package/dist/lyra43.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra87.cjs"),s=require("react"),v=require("./lyra86.cjs"),P=require("./lyra98.cjs"),$=require("./lyra447.cjs"),J=require("./lyra90.cjs"),Q=require("./lyra594.cjs"),U=require("./lyra92.cjs"),L=require("./lyra455.cjs");require("./lyra456.cjs");const X=require("./lyra38.cjs"),Y=require("./lyra39.cjs"),Z=require("./lyra40.cjs"),tt=require("./lyra85.cjs"),k=({description:T,fullWidth:I=!0,hideHintLabel:F,hideInputFooter:y,hideInputHeader:b,inputRef:d,label:x,onChange:a,value:m,...l},c)=>{[l,c]=v.useContextProps(l,c,v.TextFieldContext);const g=s.useRef(null),f=P.useObjectRef(d?P.mergeRefs(g,d):g),{className:R,errorMessage:p,isDisabled:E=!1,isInvalid:j,isRequired:u,name:M,...C}=l,q=U.useDictionary(),[B,S]=s.useState(""),[e,D]=s.useState(m??[]),{input:V,inputField:G,wrapper:O}=Z.sharedInputStyles({fullWidth:I});s.useEffect(()=>{D(m??[])},[m]);const h=s.useCallback(t=>{D(t),a==null||a(t)},[a]),_=s.useMemo(()=>e.map(t=>({key:t,value:t})),[e]),A=s.useCallback(t=>{if(["Enter",","].includes(t.key)){t.preventDefault();const o=t.currentTarget.value.trim();o&&!e.includes(o)&&h([...e,t.currentTarget.value.trim()]),S("")}else t.key==="Backspace"&&(t.currentTarget.value||(t.preventDefault(),h(e.slice(0,-1))))},[h,e]),H=s.useCallback(t=>{if(t.preventDefault(),t.clipboardData){const o=t.clipboardData.getData("Text");if(o){const n=o?o.split(",").map(r=>r.replace(/[\u200B-\u200D\uFEFF]/g,"")).filter(r=>r.length>0).map(r=>r.trim()):[];h(Array.from(new Set([...e,...n])))}}},[h,e]),{groupRef:z,inputPosition:N,setFirstTag:K,setLastTag:W}=st();return i.jsxRuntimeExports.jsx(v.TextField,{className:O({className:R}),isDisabled:E,isRequired:u,isInvalid:j,...C,onKeyDown:A,value:B,onChange:S,onPaste:H,ref:c,children:({isDisabled:t,isInvalid:o})=>i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(X.InputHeader,{label:x,isRequired:u,hideHintLabel:F,hideInputHeader:b}),i.jsxRuntimeExports.jsxs(v.Group,{className:({isFocusWithin:n,isHovered:r})=>G({isFocused:n,isHovered:r,isDisabled:t,isInvalid:o,className:"relative flex-wrap items-start gap-1"}),ref:z,onFocus:()=>{var n;e.length===0&&((n=f==null?void 0:f.current)==null||n.focus())},children:[i.jsxRuntimeExports.jsx(L.InputTagGroup,{label:x??q.values,items:_,onRemove:n=>{h(e.filter(r=>!n.has(r)))},className:"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1",children:e.map((n,r)=>i.jsxRuntimeExports.jsx(L.InputTag,{id:n,isDisabled:t,ref:w=>{r===e.length-1&&W(w),r===0&&K(w)},children:n},n))}),N.isFirstInLine?i.jsxRuntimeExports.jsx("div",{className:$.clsx("w-full",e.length?"h-[1.625rem]":"h-4")}):null,i.jsxRuntimeExports.jsx("div",{style:{...N.style},className:"absolute flex h-6 items-center ps-2",children:i.jsxRuntimeExports.jsx(v.Input,{className:V({className:"my-px w-full"}),ref:f,required:u,disabled:t,placeholder:t&&!m?"-":l.placeholder})}),i.jsxRuntimeExports.jsx("input",{type:"hidden",value:e.join(","),name:M})]}),i.jsxRuntimeExports.jsx(Y.InputFooter,{description:T??q.tagInputDescription,errorMessage:p,hideInputFooter:y})]})})};k.displayName="TagInput";const et=J.fixedForwardRef(k),st=()=>{const T=s.useRef(null),[I,F]=s.useState(),[y,b]=s.useState(),d=tt.useLocale(),x=32*4,a=s.useCallback(()=>{const c=u=>d.direction==="rtl"?u.right:u.left,g=u=>d.direction==="rtl"?u.left:u.right;if(!I||!T.current||!y)return{style:{top:4,insetInlineStart:3,width:"calc(100% - 16px)"},isFirstInLine:!0};const f=y.getBoundingClientRect(),R=I.getBoundingClientRect(),p=T.current.getBoundingClientRect(),E=Math.abs(g(p)-g(R))-10,j=E<x;return{style:{top:j?R.bottom-p.top+4:R.top-p.top,insetInlineStart:j?Math.abs(c(f)-c(p))-2:Math.abs(g(R)-c(p))+2,width:j?"calc(100% - 16px)":Math.max(E,x)},isFirstInLine:j}},[y,I,d.direction,x]),[m,l]=s.useState(a());return s.useLayoutEffect(()=>{l(a())},[a]),Q.default("resize",()=>{l(a())}),{groupRef:T,setLastTag:F,setFirstTag:b,inputPosition:m}};exports.TagInput=et;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra87.cjs"),s=require("react"),q=require("./lyra86.cjs"),L=require("./lyra98.cjs"),J=require("./lyra447.cjs"),Q=require("./lyra90.cjs"),U=require("./lyra593.cjs"),X=require("./lyra92.cjs"),M=require("./lyra456.cjs");require("./lyra457.cjs");const Y=require("./lyra38.cjs"),Z=require("./lyra39.cjs"),ee=require("./lyra40.cjs"),te=require("./lyra85.cjs"),k=({description:I,fullWidth:T=!0,hideHintLabel:E,hideInputFooter:y,hideInputHeader:F,inputRef:d,label:x,onChange:a,value:m,...l},c)=>{[l,c]=q.useContextProps(l,c,q.TextFieldContext);const g=s.useRef(null),f=L.useObjectRef(d?L.mergeRefs(g,d):g),{className:R,errorMessage:p,isDisabled:v=!1,isInvalid:h,isRequired:u,name:B,...C}=l,b=X.useDictionary(),[V,S]=s.useState(""),[t,D]=s.useState(m??[]),{input:G,inputField:O,wrapper:_}=ee.sharedInputStyles({fullWidth:T});s.useEffect(()=>{D(m??[])},[m]);const j=s.useCallback(e=>{D(e),a==null||a(e)},[a]),A=s.useMemo(()=>t.map(e=>({key:e,value:e})),[t]),H=s.useCallback(e=>{if(["Enter",","].includes(e.key)){e.preventDefault();const o=e.currentTarget.value.trim();o&&!t.includes(o)&&j([...t,e.currentTarget.value.trim()]),S("")}else e.key==="Backspace"&&(e.currentTarget.value||(e.preventDefault(),j(t.slice(0,-1))))},[j,t]),z=s.useCallback(e=>{if(e.preventDefault(),e.clipboardData){const o=e.clipboardData.getData("Text");if(o){const n=o?o.split(",").map(i=>i.replace(/[\u200B-\u200D\uFEFF]/g,"")).filter(i=>i.length>0).map(i=>i.trim()):[];j(Array.from(new Set([...t,...n])))}}},[j,t]),{groupRef:K,inputPosition:N,setFirstTag:W,setLastTag:$}=ne(),w=s.useMemo(()=>u&&t.length===0,[t.length,u]);return r.jsxRuntimeExports.jsx(q.TextField,{className:_({className:R}),isDisabled:v,isInvalid:h,isRequired:w,...C,onKeyDown:H,value:V,onChange:S,onPaste:z,ref:c,children:({isDisabled:e,isInvalid:o})=>r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(Y.InputHeader,{label:x,isRequired:u,hideHintLabel:E,hideInputHeader:F}),r.jsxRuntimeExports.jsxs(q.Group,{className:({isFocusWithin:n,isHovered:i})=>O({isFocused:n,isHovered:i,isDisabled:e,isInvalid:o,className:"relative flex-wrap items-start gap-1"}),ref:K,onFocus:()=>{var n;t.length===0&&((n=f==null?void 0:f.current)==null||n.focus())},children:[r.jsxRuntimeExports.jsx(M.InputTagGroup,{label:x??b.values,items:A,onRemove:n=>{j(t.filter(i=>!n.has(i)))},className:"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1",children:t.map((n,i)=>r.jsxRuntimeExports.jsx(M.InputTag,{id:n,isDisabled:e,ref:P=>{i===t.length-1&&$(P),i===0&&W(P)},children:n},n))}),N.isFirstInLine?r.jsxRuntimeExports.jsx("div",{className:J.clsx("w-full",t.length?"h-[1.625rem]":"h-4")}):null,r.jsxRuntimeExports.jsx("div",{style:{...N.style},className:"absolute flex h-6 items-center ps-2",children:r.jsxRuntimeExports.jsx(q.Input,{className:G({className:"my-px w-full"}),ref:f,disabled:e,required:w,placeholder:e&&!m?"-":l.placeholder})}),r.jsxRuntimeExports.jsx("input",{type:"hidden",value:t.join(","),name:B})]}),r.jsxRuntimeExports.jsx(Z.InputFooter,{description:I??b.tagInputDescription,errorMessage:p,hideInputFooter:y})]})})};k.displayName="TagInput";const se=Q.fixedForwardRef(k),ne=()=>{const I=s.useRef(null),[T,E]=s.useState(),[y,F]=s.useState(),d=te.useLocale(),x=32*4,a=s.useCallback(()=>{const c=u=>d.direction==="rtl"?u.right:u.left,g=u=>d.direction==="rtl"?u.left:u.right;if(!T||!I.current||!y)return{style:{top:4,insetInlineStart:3,width:"calc(100% - 16px)"},isFirstInLine:!0};const f=y.getBoundingClientRect(),R=T.getBoundingClientRect(),p=I.current.getBoundingClientRect(),v=Math.abs(g(p)-g(R))-10,h=v<x;return{style:{top:h?R.bottom-p.top+4:R.top-p.top,insetInlineStart:h?Math.abs(c(f)-c(p))-2:Math.abs(g(R)-c(p))+2,width:h?"calc(100% - 16px)":Math.max(v,x)},isFirstInLine:h}},[y,T,d.direction,x]),[m,l]=s.useState(a());return s.useLayoutEffect(()=>{l(a())},[a]),U.default("resize",()=>{l(a())}),{groupRef:I,setLastTag:E,setFirstTag:F,inputPosition:m}};exports.TagInput=se;

package/dist/lyra43.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra43.cjs","sources":["../src/components/inputs/tag-input/tag-input.tsx"],"sourcesContent":["import {\n  ClipboardEvent,\n  ForwardedRef,\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n  useLocale,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport { KeyboardEvent } from \"@react-types/shared\";\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TagInputProps = Omit<AriaTextFieldProps, \"value\" | \"onChange\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n    value?: string[];\n    onChange?: (value: string[]) => void;\n  };\n\nconst _TagInput = (\n  {\n    description,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    onChange,\n    value,\n    ...props\n  }: TagInputProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n\n  const localTextInputRef = useRef<HTMLInputElement>(null);\n  const textInputRef = useObjectRef(\n    inputRef ? mergeRefs(localTextInputRef, inputRef) : localTextInputRef,\n  );\n\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    name,\n    ...textFieldProps\n  } = props;\n\n  const dictionary = useDictionary();\n  const [inputValue, setInputValue] = useState(\"\");\n  const [internalValue, setInternalValue] = useState(value ?? []);\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n  });\n\n  useEffect(() => {\n    setInternalValue(value ?? []);\n  }, [value]);\n\n  const internalOnChange = useCallback(\n    (value: string[]) => {\n      setInternalValue(value);\n      onChange?.(value);\n    },\n    [onChange],\n  );\n\n  const tags = useMemo(\n    () => internalValue.map((tag) => ({ key: tag, value: tag })),\n    [internalValue],\n  );\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if ([\"Enter\", \",\"].includes(e.key)) {\n        e.preventDefault();\n        const valueToAdd = e.currentTarget.value.trim();\n        if (valueToAdd && !internalValue.includes(valueToAdd)) {\n          internalOnChange([...internalValue, e.currentTarget.value.trim()]);\n        }\n        setInputValue(\"\");\n      } else if (e.key === \"Backspace\") {\n        if (!e.currentTarget.value) {\n          e.preventDefault();\n          internalOnChange(internalValue.slice(0, -1));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const onPaste = useCallback(\n    (e: ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault();\n\n      if (e.clipboardData) {\n        const text = e.clipboardData.getData(\"Text\");\n        if (text) {\n          const splitValues = text\n            ? text\n                .split(\",\")\n                // remove zero width characters\n                .map((x) => x.replace(/[\\u200B-\\u200D\\uFEFF]/g, \"\"))\n                .filter((x) => x.length > 0)\n                .map((x) => x.trim())\n            : [];\n          internalOnChange(Array.from(new Set([...internalValue, ...splitValues])));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const { groupRef, inputPosition, setFirstTag, setLastTag } = useInputPosition();\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      {...textFieldProps}\n      onKeyDown={onKeyDown}\n      value={inputValue}\n      onChange={setInputValue}\n      onPaste={onPaste}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled,\n                isInvalid,\n                className: \"relative flex-wrap items-start gap-1\",\n              });\n            }}\n            ref={groupRef}\n            onFocus={() => {\n              // Make sure that the input is focused when the group focuses and there are no tags yet\n              if (internalValue.length === 0) textInputRef?.current?.focus();\n            }}\n          >\n            <InputTagGroup\n              label={label ?? dictionary.values}\n              items={tags}\n              onRemove={(removedTags) => {\n                internalOnChange(internalValue.filter((tag) => !removedTags.has(tag)));\n              }}\n              className=\"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1\"\n            >\n              {internalValue.map((item, index) => (\n                <InputTag\n                  key={item}\n                  id={item}\n                  isDisabled={isDisabled}\n                  ref={(instance) => {\n                    if (index === internalValue.length - 1) {\n                      setLastTag(instance);\n                    }\n                    if (index === 0) {\n                      setFirstTag(instance);\n                    }\n                  }}\n                >\n                  {item}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n\n            {inputPosition.isFirstInLine ? (\n              <div className={clsx(\"w-full\", internalValue.length ? \"h-[1.625rem]\" : \"h-4\")} />\n            ) : null}\n\n            <div style={{ ...inputPosition.style }} className=\"absolute flex h-6 items-center ps-2\">\n              <Input\n                className={input({ className: \"my-px w-full\" })}\n                ref={textInputRef}\n                required={isRequired}\n                disabled={isDisabled}\n                placeholder={isDisabled && !value ? \"-\" : props.placeholder}\n              />\n            </div>\n\n            <input type=\"hidden\" value={internalValue.join(\",\")} name={name} />\n          </Group>\n          <InputFooter\n            description={description ?? dictionary.tagInputDescription}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TagInput.displayName = \"TagInput\";\n\nexport const TagInput = fixedForwardRef(_TagInput);\n\nconst useInputPosition = () => {\n  const groupRef = useRef<HTMLDivElement>(null);\n  const [lastTag, setLastTag] = useState<HTMLDivElement | null>();\n  const [firstTag, setFirstTag] = useState<HTMLDivElement | null>();\n\n  const locale = useLocale();\n\n  const minWidth = 32 * 4;\n\n  const getInputPosition = useCallback(() => {\n    const getRectStart = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.right : rect.left);\n    const getRectEnd = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.left : rect.right);\n\n    // if there are no tags or the group ref is not set, return the default position at the start of the group\n    if (!lastTag || !groupRef.current || !firstTag) {\n      return {\n        style: {\n          top: 4,\n          insetInlineStart: 3,\n          width: \"calc(100% - 16px)\",\n        },\n        isFirstInLine: true,\n      };\n    }\n\n    const firstTagRect = firstTag.getBoundingClientRect();\n    const lastTagRect = lastTag.getBoundingClientRect();\n    const groupRect = groupRef.current.getBoundingClientRect();\n\n    // compute available space between the last tag and the end of the group\n    const availableSpace = Math.abs(getRectEnd(groupRect) - getRectEnd(lastTagRect)) - 10;\n    // if the available space is less than the minimum width of the input, push the input to the next line\n    const pushToNextLine = availableSpace < minWidth;\n\n    return {\n      style: {\n        top: pushToNextLine\n          ? // if pushing to the next line, top of the input should be bottom of the last tag + 4px gap\n            lastTagRect.bottom - groupRect.top + 4\n          : // if keeping on the same line, top of the input should be top of the last tag\n            lastTagRect.top - groupRect.top,\n\n        insetInlineStart: pushToNextLine\n          ? // if pushing to the next line, start of the input should be the start of the group\n            Math.abs(getRectStart(firstTagRect) - getRectStart(groupRect)) - 2\n          : // if keeping on the same line, start of the input should be the end of the last tag\n            Math.abs(getRectEnd(lastTagRect) - getRectStart(groupRect)) + 2,\n\n        width: pushToNextLine\n          ? // if pushing to the next line, input should fill up the whole width of the group (minus the padding of the group)\n            \"calc(100% - 16px)\"\n          : // if keeping on the same line, input should take the available space between the last tag and the end of the group\n            Math.max(availableSpace, minWidth),\n      },\n      isFirstInLine: pushToNextLine,\n    };\n  }, [firstTag, lastTag, locale.direction, minWidth]);\n\n  const [inputPosition, setInputPosition] = useState(getInputPosition());\n\n  useLayoutEffect(() => {\n    setInputPosition(getInputPosition());\n  }, [getInputPosition]);\n\n  useEventListener(\"resize\", () => {\n    setInputPosition(getInputPosition());\n  });\n\n  return {\n    groupRef,\n    setLastTag,\n    setFirstTag,\n    inputPosition,\n  };\n};\n"],"names":["_TagInput","description","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","onChange","value","props","ref","useContextProps","TextFieldContext","localTextInputRef","useRef","textInputRef","useObjectRef","mergeRefs","className","errorMessage","isDisabled","isInvalid","isRequired","name","textFieldProps","dictionary","useDictionary","inputValue","setInputValue","useState","internalValue","setInternalValue","input","inputField","wrapper","sharedInputStyles","useEffect","internalOnChange","useCallback","tags","useMemo","tag","onKeyDown","e","valueToAdd","onPaste","text","splitValues","x","groupRef","inputPosition","setFirstTag","setLastTag","useInputPosition","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","_a","InputTagGroup","removedTags","item","index","InputTag","instance","clsx","Input","InputFooter","TagInput","fixedForwardRef","lastTag","firstTag","locale","useLocale","minWidth","getInputPosition","getRectStart","rect","getRectEnd","firstTagRect","lastTagRect","groupRect","availableSpace","pushToNextLine","setInputPosition","useLayoutEffect","useEventListener"],"mappings":"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"}
+{"version":3,"file":"lyra43.cjs","sources":["../src/components/inputs/tag-input/tag-input.tsx"],"sourcesContent":["import {\n  ClipboardEvent,\n  ForwardedRef,\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n  useLocale,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport { KeyboardEvent } from \"@react-types/shared\";\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TagInputProps = Omit<AriaTextFieldProps, \"value\" | \"onChange\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n    value?: string[];\n    onChange?: (value: string[]) => void;\n  };\n\nconst _TagInput = (\n  {\n    description,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    onChange,\n    value,\n    ...props\n  }: TagInputProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n\n  const localTextInputRef = useRef<HTMLInputElement>(null);\n  const textInputRef = useObjectRef(\n    inputRef ? mergeRefs(localTextInputRef, inputRef) : localTextInputRef,\n  );\n\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    name,\n    ...textFieldProps\n  } = props;\n\n  const dictionary = useDictionary();\n  const [inputValue, setInputValue] = useState(\"\");\n  const [internalValue, setInternalValue] = useState(value ?? []);\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n  });\n\n  useEffect(() => {\n    setInternalValue(value ?? []);\n  }, [value]);\n\n  const internalOnChange = useCallback(\n    (value: string[]) => {\n      setInternalValue(value);\n      onChange?.(value);\n    },\n    [onChange],\n  );\n\n  const tags = useMemo(\n    () => internalValue.map((tag) => ({ key: tag, value: tag })),\n    [internalValue],\n  );\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if ([\"Enter\", \",\"].includes(e.key)) {\n        e.preventDefault();\n        const valueToAdd = e.currentTarget.value.trim();\n        if (valueToAdd && !internalValue.includes(valueToAdd)) {\n          internalOnChange([...internalValue, e.currentTarget.value.trim()]);\n        }\n        setInputValue(\"\");\n      } else if (e.key === \"Backspace\") {\n        if (!e.currentTarget.value) {\n          e.preventDefault();\n          internalOnChange(internalValue.slice(0, -1));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const onPaste = useCallback(\n    (e: ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault();\n\n      if (e.clipboardData) {\n        const text = e.clipboardData.getData(\"Text\");\n        if (text) {\n          const splitValues = text\n            ? text\n                .split(\",\")\n                // remove zero width characters\n                .map((x) => x.replace(/[\\u200B-\\u200D\\uFEFF]/g, \"\"))\n                .filter((x) => x.length > 0)\n                .map((x) => x.trim())\n            : [];\n          internalOnChange(Array.from(new Set([...internalValue, ...splitValues])));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const { groupRef, inputPosition, setFirstTag, setLastTag } = useInputPosition();\n\n  const shouldInputBeRequired = useMemo(\n    () => isRequired && internalValue.length === 0,\n    [internalValue.length, isRequired],\n  );\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isRequired={shouldInputBeRequired}\n      {...textFieldProps}\n      onKeyDown={onKeyDown}\n      value={inputValue}\n      onChange={setInputValue}\n      onPaste={onPaste}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled,\n                isInvalid,\n                className: \"relative flex-wrap items-start gap-1\",\n              });\n            }}\n            ref={groupRef}\n            onFocus={() => {\n              // Make sure that the input is focused when the group focuses and there are no tags yet\n              if (internalValue.length === 0) textInputRef?.current?.focus();\n            }}\n          >\n            <InputTagGroup\n              label={label ?? dictionary.values}\n              items={tags}\n              onRemove={(removedTags) => {\n                internalOnChange(internalValue.filter((tag) => !removedTags.has(tag)));\n              }}\n              className=\"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1\"\n            >\n              {internalValue.map((item, index) => (\n                <InputTag\n                  key={item}\n                  id={item}\n                  isDisabled={isDisabled}\n                  ref={(instance) => {\n                    if (index === internalValue.length - 1) {\n                      setLastTag(instance);\n                    }\n                    if (index === 0) {\n                      setFirstTag(instance);\n                    }\n                  }}\n                >\n                  {item}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n\n            {inputPosition.isFirstInLine ? (\n              <div className={clsx(\"w-full\", internalValue.length ? \"h-[1.625rem]\" : \"h-4\")} />\n            ) : null}\n\n            <div style={{ ...inputPosition.style }} className=\"absolute flex h-6 items-center ps-2\">\n              <Input\n                className={input({ className: \"my-px w-full\" })}\n                ref={textInputRef}\n                disabled={isDisabled}\n                required={shouldInputBeRequired}\n                placeholder={isDisabled && !value ? \"-\" : props.placeholder}\n              />\n            </div>\n\n            <input type=\"hidden\" value={internalValue.join(\",\")} name={name} />\n          </Group>\n          <InputFooter\n            description={description ?? dictionary.tagInputDescription}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TagInput.displayName = \"TagInput\";\n\nexport const TagInput = fixedForwardRef(_TagInput);\n\nconst useInputPosition = () => {\n  const groupRef = useRef<HTMLDivElement>(null);\n  const [lastTag, setLastTag] = useState<HTMLDivElement | null>();\n  const [firstTag, setFirstTag] = useState<HTMLDivElement | null>();\n\n  const locale = useLocale();\n\n  const minWidth = 32 * 4;\n\n  const getInputPosition = useCallback(() => {\n    const getRectStart = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.right : rect.left);\n    const getRectEnd = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.left : rect.right);\n\n    // if there are no tags or the group ref is not set, return the default position at the start of the group\n    if (!lastTag || !groupRef.current || !firstTag) {\n      return {\n        style: {\n          top: 4,\n          insetInlineStart: 3,\n          width: \"calc(100% - 16px)\",\n        },\n        isFirstInLine: true,\n      };\n    }\n\n    const firstTagRect = firstTag.getBoundingClientRect();\n    const lastTagRect = lastTag.getBoundingClientRect();\n    const groupRect = groupRef.current.getBoundingClientRect();\n\n    // compute available space between the last tag and the end of the group\n    const availableSpace = Math.abs(getRectEnd(groupRect) - getRectEnd(lastTagRect)) - 10;\n    // if the available space is less than the minimum width of the input, push the input to the next line\n    const pushToNextLine = availableSpace < minWidth;\n\n    return {\n      style: {\n        top: pushToNextLine\n          ? // if pushing to the next line, top of the input should be bottom of the last tag + 4px gap\n            lastTagRect.bottom - groupRect.top + 4\n          : // if keeping on the same line, top of the input should be top of the last tag\n            lastTagRect.top - groupRect.top,\n\n        insetInlineStart: pushToNextLine\n          ? // if pushing to the next line, start of the input should be the start of the group\n            Math.abs(getRectStart(firstTagRect) - getRectStart(groupRect)) - 2\n          : // if keeping on the same line, start of the input should be the end of the last tag\n            Math.abs(getRectEnd(lastTagRect) - getRectStart(groupRect)) + 2,\n\n        width: pushToNextLine\n          ? // if pushing to the next line, input should fill up the whole width of the group (minus the padding of the group)\n            \"calc(100% - 16px)\"\n          : // if keeping on the same line, input should take the available space between the last tag and the end of the group\n            Math.max(availableSpace, minWidth),\n      },\n      isFirstInLine: pushToNextLine,\n    };\n  }, [firstTag, lastTag, locale.direction, minWidth]);\n\n  const [inputPosition, setInputPosition] = useState(getInputPosition());\n\n  useLayoutEffect(() => {\n    setInputPosition(getInputPosition());\n  }, [getInputPosition]);\n\n  useEventListener(\"resize\", () => {\n    setInputPosition(getInputPosition());\n  });\n\n  return {\n    groupRef,\n    setLastTag,\n    setFirstTag,\n    inputPosition,\n  };\n};\n"],"names":["_TagInput","description","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","onChange","value","props","ref","useContextProps","TextFieldContext","localTextInputRef","useRef","textInputRef","useObjectRef","mergeRefs","className","errorMessage","isDisabled","isInvalid","isRequired","name","textFieldProps","dictionary","useDictionary","inputValue","setInputValue","useState","internalValue","setInternalValue","input","inputField","wrapper","sharedInputStyles","useEffect","internalOnChange","useCallback","tags","useMemo","tag","onKeyDown","valueToAdd","onPaste","text","splitValues","x","groupRef","inputPosition","setFirstTag","setLastTag","useInputPosition","shouldInputBeRequired","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","_a","InputTagGroup","removedTags","item","index","InputTag","instance","clsx","Input","InputFooter","TagInput","fixedForwardRef","lastTag","firstTag","locale","useLocale","minWidth","getInputPosition","getRectStart","rect","getRectEnd","firstTagRect","lastTagRect","groupRect","availableSpace","pushToNextLine","setInputPosition","useLayoutEffect","useEventListener"],"mappings":"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"}