@new-black/lyra 1.0.19 → 1.0.21

package/dist/components/inputs/file-input/file-input.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/file-input/file-input.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAwB1B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAM7B,CAAC"}
+{"version":3,"file":"file-input.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/file-input/file-input.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAwB1B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAQ7B,CAAC"}

package/dist/components/key-value-row/key-value-row.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"key-value-row.stories.d.ts","sourceRoot":"","sources":["../../../src/components/key-value-row/key-value-row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOlD,OAAO,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAC;AAE/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAGlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAkBjC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC"}
+{"version":3,"file":"key-value-row.stories.d.ts","sourceRoot":"","sources":["../../../src/components/key-value-row/key-value-row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOlD,OAAO,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAC;AAE/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAGlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAkBjC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC"}

package/dist/lyra23.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),g=require("react"),s=require("./lyra89.cjs"),I=require("./lyra93.cjs"),B=require("./lyra95.cjs"),G=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const y=require("./lyra65.cjs"),w=require("./lyra75.cjs"),H=require("./lyra38.cjs"),T=require("./lyra39.cjs"),q=require("./lyra40.cjs"),N=require("./lyra24.cjs"),C=require("./lyra606.cjs"),O=({className:i,description:t,errorMessage:a,fullWidth:r=!0,granularity:l="day",hideHintLabel:c,hideInputFooter:o,hideInputHeader:d,label:j,startSlot:R,...x},m)=>{[x,m]=s.useContextProps(x,m,s.DatePickerContext);const{isInvalid:P,isRequired:v}=x,{wrapper:D}=q.sharedInputStyles({fullWidth:r,hasStartSlot:!!R,hasEndSlot:!0});return e.jsxRuntimeExports.jsx(s.DatePicker,{...x,granularity:l,className:u=>D({className:i,isDisabled:u.isDisabled}),isInvalid:P,ref:m,children:({isDisabled:u,state:E})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(V,{description:t,fullWidth:r,errorMessage:a,hideHintLabel:c,hideInputFooter:o,hideInputHeader:d,isDisabled:u,isRequired:v,label:j,startSlot:R,onKeyDown:h=>{h.key==="Escape"&&E.value&&!u&&(h.preventDefault(),E.setValue(null))}}),e.jsxRuntimeExports.jsx(G.Popover,{disablePadding:!0,className:"group",children:e.jsxRuntimeExports.jsx(s.Calendar,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 p-3",children:[e.jsxRuntimeExports.jsx(_,{}),e.jsxRuntimeExports.jsx("div",{className:"flex justify-center",children:e.jsxRuntimeExports.jsxs(s.CalendarGrid,{className:"w-full text-center",children:[e.jsxRuntimeExports.jsx(C.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(M,{})]})})]})})})]})})},b=I.fixedForwardRef(O);b.displayName="DatePicker";const V=({description:i,errorMessage:t,fullWidth:a,hideHintLabel:r,hideInputFooter:l,hideInputHeader:c,isDisabled:o,isRequired:d,label:j,onKeyDown:R,startSlot:x})=>{const{input:m,segment:P}=N.dateFieldStyles(),{button:v,buttonExcludedFromTabOrder:D,inputField:u}=q.sharedInputStyles({fullWidth:a,hasStartSlot:!!x,hasEndSlot:!0}),{clear:E}=B.useDictionary(),{setValue:h,value:f}=g.useContext(s.DatePickerStateContext),k=g.useRef(null);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(H.InputHeader,{label:j,hideHintLabel:r,hideInputHeader:c,isRequired:d}),e.jsxRuntimeExports.jsxs(s.Group,{className:({isDisabled:n,isFocusWithin:p,isHovered:S,isInvalid:F})=>u({isDisabled:n,isFocused:p,isHovered:S,isInvalid:F,className:"min-h-8"}),onKeyDown:R,children:[e.jsxRuntimeExports.jsx(s.DateInput,{className:m(),children:n=>e.jsxRuntimeExports.jsx(s.DateSegment,{className:({isFocused:p})=>P({isFocused:p,isDisabled:o,hasValue:n.type==="literal"?!!f:!n.isPlaceholder}),segment:n})}),e.jsxRuntimeExports.jsxs("div",{className:"ms-auto flex gap-2",children:[!o&&f?e.jsxRuntimeExports.jsx(w.Tooltip,{tooltip:E,children:e.jsxRuntimeExports.jsx(s.Button,{slot:null,excludeFromTabOrder:!0,className:D(),onPress:()=>{var n;h(null),(n=k.current)==null||n.focus()},children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(s.Button,{ref:k,isDisabled:o,className:({isDisabled:n,isFocusVisible:p,isHovered:S})=>v({isDisabled:n,isFocused:p,isHovered:S}),children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"calendar"})})]})]}),e.jsxRuntimeExports.jsx(T.InputFooter,{description:i,errorMessage:t,hideInputFooter:l})]})},_=()=>{const{buttons:i}=N.datePickerHeaderStyles(),{focusedDate:t,setFocusedDate:a}=g.useContext(s.CalendarStateContext);return e.jsxRuntimeExports.jsxs("header",{className:"flex justify-between gap-3",children:[e.jsxRuntimeExports.jsx(s.Button,{slot:"previous",className:i(),children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(C.MonthPicker,{value:t.month,onChange:r=>{a(t.copy().set({month:r}))}}),e.jsxRuntimeExports.jsx(C.YearPicker,{value:t.year,onChange:r=>{a(t.copy().set({year:r}))}})]}),e.jsxRuntimeExports.jsx(s.Button,{slot:"next",className:i(),children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"chevron-right"})})]})},M=()=>{const{bodyCell:i}=N.dataPickerCalendarGridStyles();return e.jsxRuntimeExports.jsx(s.CalendarGridBody,{children:t=>e.jsxRuntimeExports.jsx(s.CalendarCell,{date:t,className:({isDisabled:a,isFocusVisible:r,isHovered:l,isOutsideMonth:c,isPressed:o,isSelected:d,isUnavailable:j})=>i({isSelected:d,isFocusVisible:r,isHovered:l,isUnavailable:j,isDisabled:a,isOutsideMonth:c,isPressed:o})})})};exports.DatePicker=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),g=require("react"),s=require("./lyra89.cjs"),I=require("./lyra93.cjs"),B=require("./lyra95.cjs"),G=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const y=require("./lyra65.cjs"),w=require("./lyra75.cjs"),H=require("./lyra38.cjs"),T=require("./lyra39.cjs"),q=require("./lyra40.cjs"),N=require("./lyra24.cjs"),C=require("./lyra616.cjs"),O=({className:i,description:t,errorMessage:a,fullWidth:r=!0,granularity:l="day",hideHintLabel:c,hideInputFooter:o,hideInputHeader:d,label:j,startSlot:R,...x},m)=>{[x,m]=s.useContextProps(x,m,s.DatePickerContext);const{isInvalid:P,isRequired:v}=x,{wrapper:D}=q.sharedInputStyles({fullWidth:r,hasStartSlot:!!R,hasEndSlot:!0});return e.jsxRuntimeExports.jsx(s.DatePicker,{...x,granularity:l,className:u=>D({className:i,isDisabled:u.isDisabled}),isInvalid:P,ref:m,children:({isDisabled:u,state:E})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(V,{description:t,fullWidth:r,errorMessage:a,hideHintLabel:c,hideInputFooter:o,hideInputHeader:d,isDisabled:u,isRequired:v,label:j,startSlot:R,onKeyDown:h=>{h.key==="Escape"&&E.value&&!u&&(h.preventDefault(),E.setValue(null))}}),e.jsxRuntimeExports.jsx(G.Popover,{disablePadding:!0,className:"group",children:e.jsxRuntimeExports.jsx(s.Calendar,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 p-3",children:[e.jsxRuntimeExports.jsx(_,{}),e.jsxRuntimeExports.jsx("div",{className:"flex justify-center",children:e.jsxRuntimeExports.jsxs(s.CalendarGrid,{className:"w-full text-center",children:[e.jsxRuntimeExports.jsx(C.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(M,{})]})})]})})})]})})},b=I.fixedForwardRef(O);b.displayName="DatePicker";const V=({description:i,errorMessage:t,fullWidth:a,hideHintLabel:r,hideInputFooter:l,hideInputHeader:c,isDisabled:o,isRequired:d,label:j,onKeyDown:R,startSlot:x})=>{const{input:m,segment:P}=N.dateFieldStyles(),{button:v,buttonExcludedFromTabOrder:D,inputField:u}=q.sharedInputStyles({fullWidth:a,hasStartSlot:!!x,hasEndSlot:!0}),{clear:E}=B.useDictionary(),{setValue:h,value:f}=g.useContext(s.DatePickerStateContext),k=g.useRef(null);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(H.InputHeader,{label:j,hideHintLabel:r,hideInputHeader:c,isRequired:d}),e.jsxRuntimeExports.jsxs(s.Group,{className:({isDisabled:n,isFocusWithin:p,isHovered:S,isInvalid:F})=>u({isDisabled:n,isFocused:p,isHovered:S,isInvalid:F,className:"min-h-8"}),onKeyDown:R,children:[e.jsxRuntimeExports.jsx(s.DateInput,{className:m(),children:n=>e.jsxRuntimeExports.jsx(s.DateSegment,{className:({isFocused:p})=>P({isFocused:p,isDisabled:o,hasValue:n.type==="literal"?!!f:!n.isPlaceholder}),segment:n})}),e.jsxRuntimeExports.jsxs("div",{className:"ms-auto flex gap-2",children:[!o&&f?e.jsxRuntimeExports.jsx(w.Tooltip,{tooltip:E,children:e.jsxRuntimeExports.jsx(s.Button,{slot:null,excludeFromTabOrder:!0,className:D(),onPress:()=>{var n;h(null),(n=k.current)==null||n.focus()},children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(s.Button,{ref:k,isDisabled:o,className:({isDisabled:n,isFocusVisible:p,isHovered:S})=>v({isDisabled:n,isFocused:p,isHovered:S}),children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"calendar"})})]})]}),e.jsxRuntimeExports.jsx(T.InputFooter,{description:i,errorMessage:t,hideInputFooter:l})]})},_=()=>{const{buttons:i}=N.datePickerHeaderStyles(),{focusedDate:t,setFocusedDate:a}=g.useContext(s.CalendarStateContext);return e.jsxRuntimeExports.jsxs("header",{className:"flex justify-between gap-3",children:[e.jsxRuntimeExports.jsx(s.Button,{slot:"previous",className:i(),children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(C.MonthPicker,{value:t.month,onChange:r=>{a(t.copy().set({month:r}))}}),e.jsxRuntimeExports.jsx(C.YearPicker,{value:t.year,onChange:r=>{a(t.copy().set({year:r}))}})]}),e.jsxRuntimeExports.jsx(s.Button,{slot:"next",className:i(),children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"chevron-right"})})]})},M=()=>{const{bodyCell:i}=N.dataPickerCalendarGridStyles();return e.jsxRuntimeExports.jsx(s.CalendarGridBody,{children:t=>e.jsxRuntimeExports.jsx(s.CalendarCell,{date:t,className:({isDisabled:a,isFocusVisible:r,isHovered:l,isOutsideMonth:c,isPressed:o,isSelected:d,isUnavailable:j})=>i({isSelected:d,isFocusVisible:r,isHovered:l,isUnavailable:j,isDisabled:a,isOutsideMonth:c,isPressed:o})})})};exports.DatePicker=b;

package/dist/lyra23.js

@@ -13,7 +13,7 @@ import { InputHeader as A } from "./lyra38.js";
 import { InputFooter as J } from "./lyra39.js";
 import { sharedInputStyles as S } from "./lyra40.js";
 import { dateFieldStyles as L, datePickerHeaderStyles as Q, dataPickerCalendarGridStyles as U } from "./lyra24.js";
-import { DatePickerCalendarGridHeader as X, MonthPicker as Z, YearPicker as W } from "./lyra606.js";
+import { DatePickerCalendarGridHeader as X, MonthPicker as Z, YearPicker as W } from "./lyra616.js";
 const ee = ({
   className: r,
   description: a,

package/dist/lyra25.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),f=require("react"),n=require("./lyra89.cjs"),M=require("./lyra93.cjs"),G=require("./lyra95.cjs"),B=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const b=require("./lyra57.cjs");require("./lyra58.cjs");const S=require("./lyra65.cjs"),H=require("./lyra75.cjs"),T=require("./lyra38.cjs"),V=require("./lyra39.cjs"),q=require("./lyra40.cjs"),w=require("./lyra24.cjs"),C=require("./lyra606.cjs"),Y=({className:p,description:l,errorMessage:o,fullWidth:d=!0,granularity:u="day",hideHintLabel:i,hideInputFooter:t,hideInputHeader:h,label:y,startSlot:R,...m},E)=>{[m,E]=n.useContextProps(m,E,n.DateRangePickerContext);const{isInvalid:D,isRequired:s}=m,{wrapper:r}=q.sharedInputStyles({fullWidth:d,hasStartSlot:!!R,hasEndSlot:!0});return e.jsxRuntimeExports.jsx(n.DateRangePicker,{...m,granularity:u,className:c=>r({className:p,isDisabled:c.isDisabled}),isInvalid:D,ref:E,children:({isDisabled:c,state:N})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(n.Group,{children:e.jsxRuntimeExports.jsx(_,{description:l,fullWidth:d,errorMessage:o,hideHintLabel:i,hideInputFooter:t,hideInputHeader:h,isDisabled:c,isRequired:s,label:y,startSlot:R,onKeyDown:P=>{var a,g;P.key==="Escape"&&((a=N.value)!=null&&a.end)&&((g=N.value)!=null&&g.start)&&!c&&(P.preventDefault(),N.setValue(null))}})}),e.jsxRuntimeExports.jsx(B.Popover,{disablePadding:!0,className:"group",children:e.jsxRuntimeExports.jsx(n.RangeCalendar,{visibleDuration:{months:2},pageBehavior:"single",children:e.jsxRuntimeExports.jsx(O,{})})})]})})},O=()=>{const{buttons:p}=w.datePickerHeaderStyles(),{anchorDate:l,focusedDate:o,focusNextPage:d,focusPreviousPage:u,setFocusedDate:i,visibleRange:t}=f.useContext(n.RangeCalendarStateContext),h=s=>s===12?1:s+1,y=s=>s===1?12:s-1,R=f.useCallback(s=>{if(s===t.start.month-1)u();else if(s===t.start.month+1)d();else{const r=s<t.start.month?h(s):s,c=t.start.copy().set({month:r,day:o.day});i(c)}},[d,u,o.day,i,t.start]),m=f.useCallback(s=>{if(t.start.year!==t.end.year){if(s<t.start.year){const r=t.start.copy().set({year:s+1,day:o.day,month:1});i(r)}if(s>t.start.year){const r=t.start.copy().set({year:s,day:o.day,month:12});i(r)}}else{const r=s<t.start.year?h(t.start.month):t.start.month,c=t.start.copy().set({year:s,day:o.day,month:r});i(c)}},[o.day,i,t.end.year,t.start]),E=f.useCallback(s=>{if(s===t.end.month-1)u();else if(s===t.end.month+1)d();else{const r=s>t.end.month?y(s):s,c=t.end.copy().set({month:r,day:o.day});i(c)}},[d,u,o.day,i,t.end]),D=f.useCallback(s=>{if(t.start.year!==t.end.year){if(s<t.end.year){const r=t.end.copy().set({year:s,day:o.day,month:1});i(r)}if(s>t.end.year){const r=t.end.copy().set({year:s-1,day:o.day,month:12});i(r)}}else{const r=s>t.end.year?y(t.end.month):t.end.month,c=t.end.copy().set({year:s,day:o.day,month:r});i(c)}},[o.day,i,t.end,t.start.year]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 p-3 sm:flex-row",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between gap-1",children:[e.jsxRuntimeExports.jsx(n.Button,{slot:"previous",className:p(),children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(C.MonthPicker,{value:t.start.month,isDisabled:!!l,onChange:R}),e.jsxRuntimeExports.jsx(C.YearPicker,{value:t.start.year,isDisabled:!!l,onChange:m})]}),e.jsxRuntimeExports.jsx("div",{className:"w-6"})]}),e.jsxRuntimeExports.jsxs(n.CalendarGrid,{className:"w-full text-center",children:[e.jsxRuntimeExports.jsx(C.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(F,{})]})]}),e.jsxRuntimeExports.jsx(b.Separator,{orientation:"vertical",className:"hidden h-[unset] self-stretch sm:block"}),e.jsxRuntimeExports.jsx(b.Separator,{className:"sm:hidden"}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between gap-1",children:[e.jsxRuntimeExports.jsx("div",{className:"w-6"}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(C.MonthPicker,{value:t.end.month,isDisabled:!!l,onChange:E}),e.jsxRuntimeExports.jsx(C.YearPicker,{value:t.end.year,isDisabled:!!l,onChange:D})]}),e.jsxRuntimeExports.jsx(n.Button,{slot:"next",className:p(),children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-right"})})]}),e.jsxRuntimeExports.jsxs(n.CalendarGrid,{className:"w-full text-center",offset:{months:1},children:[e.jsxRuntimeExports.jsx(C.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(F,{})]})]})]})})},I=M.fixedForwardRef(Y);I.displayName="DateRangePicker";const _=({description:p,errorMessage:l,fullWidth:o,hideHintLabel:d,hideInputFooter:u,hideInputHeader:i,isDisabled:t,isRequired:h,label:y,onKeyDown:R,startSlot:m})=>{const{input:E,segment:D}=w.dateFieldStyles(),{button:s,buttonExcludedFromTabOrder:r,inputField:c}=q.sharedInputStyles({fullWidth:o,hasStartSlot:!!m,hasEndSlot:!0}),{clear:N}=G.useDictionary(),{setValue:P,value:a}=f.useContext(n.DateRangePickerStateContext),g=f.useRef(null);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(T.InputHeader,{label:y,hideHintLabel:d,hideInputHeader:i,isRequired:h}),e.jsxRuntimeExports.jsxs(n.Group,{className:({isDisabled:x,isFocusWithin:j,isHovered:k,isInvalid:v})=>c({isDisabled:x,isFocused:j,isHovered:k,isInvalid:v,className:"min-h-8"}),onKeyDown:R,children:[e.jsxRuntimeExports.jsx(n.DateInput,{className:E(),slot:"start",children:x=>e.jsxRuntimeExports.jsx(n.DateSegment,{className:({isFocused:j})=>D({isFocused:j,isDisabled:t,hasValue:x.type==="literal"?!!(a!=null&&a.start):!x.isPlaceholder}),segment:x})}),e.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",className:a!=null&&a.start&&a.end&&!t?"text-primary":"text-tertiary",children:" – "}),e.jsxRuntimeExports.jsx(n.DateInput,{className:E(),slot:"end",children:x=>e.jsxRuntimeExports.jsx(n.DateSegment,{className:({isFocused:j})=>D({isFocused:j,isDisabled:t,hasValue:x.type==="literal"?!!(a!=null&&a.end):!x.isPlaceholder}),segment:x})}),e.jsxRuntimeExports.jsxs("div",{className:"ms-auto flex flex-row-reverse gap-2",children:[e.jsxRuntimeExports.jsx(n.Button,{isDisabled:t,className:({isDisabled:x,isFocusVisible:j,isHovered:k})=>s({isDisabled:x,isFocused:j,isHovered:k}),ref:g,children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"calendar"})}),!t&&(a!=null&&a.end)&&(a!=null&&a.start)?e.jsxRuntimeExports.jsx(H.Tooltip,{tooltip:N,children:e.jsxRuntimeExports.jsx(n.Button,{slot:null,onFocus:x=>{var j;x.preventDefault(),(j=g==null?void 0:g.current)==null||j.focus()},excludeFromTabOrder:!0,className:r(),onPress:()=>{var x;P(null),(x=g.current)==null||x.focus()},children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"clear"})})}):null]})]}),e.jsxRuntimeExports.jsx(V.InputFooter,{description:p,errorMessage:l,hideInputFooter:u})]})},F=()=>{const{rangeBodyCell:p}=w.dataPickerCalendarGridStyles();return e.jsxRuntimeExports.jsx(n.CalendarGridBody,{children:l=>e.jsxRuntimeExports.jsx(n.CalendarCell,{date:l,className:({isDisabled:o,isFocusVisible:d,isHovered:u,isOutsideMonth:i,isPressed:t,isSelected:h,isSelectionEnd:y,isSelectionStart:R,isUnavailable:m})=>p({isSelected:h,isSelectionStart:R,isSelectionEnd:y,isFocusVisible:d,isHovered:u,isUnavailable:m,isDisabled:o,isOutsideMonth:i,isPressed:t})})})};exports.DateRangePicker=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),f=require("react"),n=require("./lyra89.cjs"),M=require("./lyra93.cjs"),G=require("./lyra95.cjs"),B=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const b=require("./lyra57.cjs");require("./lyra58.cjs");const S=require("./lyra65.cjs"),H=require("./lyra75.cjs"),T=require("./lyra38.cjs"),V=require("./lyra39.cjs"),q=require("./lyra40.cjs"),w=require("./lyra24.cjs"),C=require("./lyra616.cjs"),Y=({className:p,description:l,errorMessage:o,fullWidth:d=!0,granularity:u="day",hideHintLabel:i,hideInputFooter:t,hideInputHeader:h,label:y,startSlot:R,...m},E)=>{[m,E]=n.useContextProps(m,E,n.DateRangePickerContext);const{isInvalid:D,isRequired:s}=m,{wrapper:r}=q.sharedInputStyles({fullWidth:d,hasStartSlot:!!R,hasEndSlot:!0});return e.jsxRuntimeExports.jsx(n.DateRangePicker,{...m,granularity:u,className:c=>r({className:p,isDisabled:c.isDisabled}),isInvalid:D,ref:E,children:({isDisabled:c,state:N})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(n.Group,{children:e.jsxRuntimeExports.jsx(_,{description:l,fullWidth:d,errorMessage:o,hideHintLabel:i,hideInputFooter:t,hideInputHeader:h,isDisabled:c,isRequired:s,label:y,startSlot:R,onKeyDown:P=>{var a,g;P.key==="Escape"&&((a=N.value)!=null&&a.end)&&((g=N.value)!=null&&g.start)&&!c&&(P.preventDefault(),N.setValue(null))}})}),e.jsxRuntimeExports.jsx(B.Popover,{disablePadding:!0,className:"group",children:e.jsxRuntimeExports.jsx(n.RangeCalendar,{visibleDuration:{months:2},pageBehavior:"single",children:e.jsxRuntimeExports.jsx(O,{})})})]})})},O=()=>{const{buttons:p}=w.datePickerHeaderStyles(),{anchorDate:l,focusedDate:o,focusNextPage:d,focusPreviousPage:u,setFocusedDate:i,visibleRange:t}=f.useContext(n.RangeCalendarStateContext),h=s=>s===12?1:s+1,y=s=>s===1?12:s-1,R=f.useCallback(s=>{if(s===t.start.month-1)u();else if(s===t.start.month+1)d();else{const r=s<t.start.month?h(s):s,c=t.start.copy().set({month:r,day:o.day});i(c)}},[d,u,o.day,i,t.start]),m=f.useCallback(s=>{if(t.start.year!==t.end.year){if(s<t.start.year){const r=t.start.copy().set({year:s+1,day:o.day,month:1});i(r)}if(s>t.start.year){const r=t.start.copy().set({year:s,day:o.day,month:12});i(r)}}else{const r=s<t.start.year?h(t.start.month):t.start.month,c=t.start.copy().set({year:s,day:o.day,month:r});i(c)}},[o.day,i,t.end.year,t.start]),E=f.useCallback(s=>{if(s===t.end.month-1)u();else if(s===t.end.month+1)d();else{const r=s>t.end.month?y(s):s,c=t.end.copy().set({month:r,day:o.day});i(c)}},[d,u,o.day,i,t.end]),D=f.useCallback(s=>{if(t.start.year!==t.end.year){if(s<t.end.year){const r=t.end.copy().set({year:s,day:o.day,month:1});i(r)}if(s>t.end.year){const r=t.end.copy().set({year:s-1,day:o.day,month:12});i(r)}}else{const r=s>t.end.year?y(t.end.month):t.end.month,c=t.end.copy().set({year:s,day:o.day,month:r});i(c)}},[o.day,i,t.end,t.start.year]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 p-3 sm:flex-row",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between gap-1",children:[e.jsxRuntimeExports.jsx(n.Button,{slot:"previous",className:p(),children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(C.MonthPicker,{value:t.start.month,isDisabled:!!l,onChange:R}),e.jsxRuntimeExports.jsx(C.YearPicker,{value:t.start.year,isDisabled:!!l,onChange:m})]}),e.jsxRuntimeExports.jsx("div",{className:"w-6"})]}),e.jsxRuntimeExports.jsxs(n.CalendarGrid,{className:"w-full text-center",children:[e.jsxRuntimeExports.jsx(C.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(F,{})]})]}),e.jsxRuntimeExports.jsx(b.Separator,{orientation:"vertical",className:"hidden h-[unset] self-stretch sm:block"}),e.jsxRuntimeExports.jsx(b.Separator,{className:"sm:hidden"}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between gap-1",children:[e.jsxRuntimeExports.jsx("div",{className:"w-6"}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(C.MonthPicker,{value:t.end.month,isDisabled:!!l,onChange:E}),e.jsxRuntimeExports.jsx(C.YearPicker,{value:t.end.year,isDisabled:!!l,onChange:D})]}),e.jsxRuntimeExports.jsx(n.Button,{slot:"next",className:p(),children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-right"})})]}),e.jsxRuntimeExports.jsxs(n.CalendarGrid,{className:"w-full text-center",offset:{months:1},children:[e.jsxRuntimeExports.jsx(C.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(F,{})]})]})]})})},I=M.fixedForwardRef(Y);I.displayName="DateRangePicker";const _=({description:p,errorMessage:l,fullWidth:o,hideHintLabel:d,hideInputFooter:u,hideInputHeader:i,isDisabled:t,isRequired:h,label:y,onKeyDown:R,startSlot:m})=>{const{input:E,segment:D}=w.dateFieldStyles(),{button:s,buttonExcludedFromTabOrder:r,inputField:c}=q.sharedInputStyles({fullWidth:o,hasStartSlot:!!m,hasEndSlot:!0}),{clear:N}=G.useDictionary(),{setValue:P,value:a}=f.useContext(n.DateRangePickerStateContext),g=f.useRef(null);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(T.InputHeader,{label:y,hideHintLabel:d,hideInputHeader:i,isRequired:h}),e.jsxRuntimeExports.jsxs(n.Group,{className:({isDisabled:x,isFocusWithin:j,isHovered:k,isInvalid:v})=>c({isDisabled:x,isFocused:j,isHovered:k,isInvalid:v,className:"min-h-8"}),onKeyDown:R,children:[e.jsxRuntimeExports.jsx(n.DateInput,{className:E(),slot:"start",children:x=>e.jsxRuntimeExports.jsx(n.DateSegment,{className:({isFocused:j})=>D({isFocused:j,isDisabled:t,hasValue:x.type==="literal"?!!(a!=null&&a.start):!x.isPlaceholder}),segment:x})}),e.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",className:a!=null&&a.start&&a.end&&!t?"text-primary":"text-tertiary",children:" – "}),e.jsxRuntimeExports.jsx(n.DateInput,{className:E(),slot:"end",children:x=>e.jsxRuntimeExports.jsx(n.DateSegment,{className:({isFocused:j})=>D({isFocused:j,isDisabled:t,hasValue:x.type==="literal"?!!(a!=null&&a.end):!x.isPlaceholder}),segment:x})}),e.jsxRuntimeExports.jsxs("div",{className:"ms-auto flex flex-row-reverse gap-2",children:[e.jsxRuntimeExports.jsx(n.Button,{isDisabled:t,className:({isDisabled:x,isFocusVisible:j,isHovered:k})=>s({isDisabled:x,isFocused:j,isHovered:k}),ref:g,children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"calendar"})}),!t&&(a!=null&&a.end)&&(a!=null&&a.start)?e.jsxRuntimeExports.jsx(H.Tooltip,{tooltip:N,children:e.jsxRuntimeExports.jsx(n.Button,{slot:null,onFocus:x=>{var j;x.preventDefault(),(j=g==null?void 0:g.current)==null||j.focus()},excludeFromTabOrder:!0,className:r(),onPress:()=>{var x;P(null),(x=g.current)==null||x.focus()},children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"clear"})})}):null]})]}),e.jsxRuntimeExports.jsx(V.InputFooter,{description:p,errorMessage:l,hideInputFooter:u})]})},F=()=>{const{rangeBodyCell:p}=w.dataPickerCalendarGridStyles();return e.jsxRuntimeExports.jsx(n.CalendarGridBody,{children:l=>e.jsxRuntimeExports.jsx(n.CalendarCell,{date:l,className:({isDisabled:o,isFocusVisible:d,isHovered:u,isOutsideMonth:i,isPressed:t,isSelected:h,isSelectionEnd:y,isSelectionStart:R,isUnavailable:m})=>p({isSelected:h,isSelectionStart:R,isSelectionEnd:y,isFocusVisible:d,isHovered:u,isUnavailable:m,isDisabled:o,isOutsideMonth:i,isPressed:t})})})};exports.DateRangePicker=I;

package/dist/lyra25.js

@@ -15,7 +15,7 @@ import { InputHeader as Z } from "./lyra38.js";
 import { InputFooter as W } from "./lyra39.js";
 import { sharedInputStyles as V } from "./lyra40.js";
 import { datePickerHeaderStyles as ee, dateFieldStyles as se, dataPickerCalendarGridStyles as te } from "./lyra24.js";
-import { MonthPicker as M, YearPicker as E, DatePickerCalendarGridHeader as G } from "./lyra606.js";
+import { MonthPicker as M, YearPicker as E, DatePickerCalendarGridHeader as G } from "./lyra616.js";
 const ae = ({
   className: h,
   description: l,

package/dist/lyra27.cjs

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

package/dist/lyra27.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra27.cjs","sources":["../src/components/inputs/file-input/file-input.tsx"],"sourcesContent":["import { ForwardedRef, useCallback, useMemo, useState } from \"react\";\nimport { DragTypes, DropZone, FileDropItem, FileTrigger } from \"react-aria-components\";\n\nimport { DropEvent } from \"@react-types/shared\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Button } from \"../../button\";\nimport { IconBadge } from \"../../icon-badge\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\n\nimport { FileInputProps, FileInputUploadItem, UploadedItemProps } from \"./file-input.types\";\nimport { CommonMimeTypes, convertBytes } from \"./file-input-utils\";\nimport { useOnDrop } from \"./use-on-drop\";\nimport { fileInputStyles, uploadedItemStyles } from \".\";\n\nconst _FileInput = ({ onChange, ...props }: FileInputProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const [files, setFiles] = useState<FileInputUploadItem[] | undefined>();\n\n  const {\n    browseFiles,\n    dragAndDropInputMessage,\n    maximumFileSize,\n    supportedFormats,\n    uploadLimitMessage,\n  } = useDictionary();\n\n  const {\n    dropAreaLayout,\n    dropzone,\n    fileInformation,\n    iconAndTitleLayout,\n    layout,\n    multipleFilesLayout,\n  } = fileInputStyles({});\n\n  const onFilesRead = useCallback(\n    (filesFromCurrentUpload: FileInputUploadItem[]) => {\n      setFiles((prev) => [...(prev ?? []), ...(filesFromCurrentUpload ?? [])]);\n\n      onChange?.([...(files ?? []), ...filesFromCurrentUpload], (filesToClear) => {\n        setFiles((currentFiles) =>\n          currentFiles?.filter(\n            (currentFile) =>\n              !filesToClear?.find((fileToClear) => fileToClear.path === currentFile.path),\n          ),\n        );\n      });\n    },\n    [files, onChange],\n  );\n\n  const handleOnDrop = useOnDrop({\n    onFilesRead,\n    files,\n    readAsDataUrl: props.readAsDataUrl,\n    skipFileRead: props.skipFileRead,\n    uploadLimit: !props.allowMultiple ? 1 : props.uploadLimit,\n    maxFileSize: props.maxFileSize,\n    acceptedFileTypes: props.acceptedFileTypes,\n  });\n\n  const isUploadLimitReached = useMemo(\n    () => props.allowMultiple && !!props.uploadLimit && props.uploadLimit === files?.length,\n    [files?.length, props.allowMultiple, props.uploadLimit],\n  );\n\n  const isDisabled = useMemo(\n    () => props.isDisabled || isUploadLimitReached,\n    [isUploadLimitReached, props.isDisabled],\n  );\n\n  const errorMessage = useMemo(\n    () =>\n      isUploadLimitReached && !!props.uploadLimit\n        ? uploadLimitMessage.replace(\"{value}\", props.uploadLimit?.toString())\n        : props.errorMessage,\n    [isUploadLimitReached, props.errorMessage, props.uploadLimit, uploadLimitMessage],\n  );\n\n  const evaluateDropOperation = useCallback(\n    (types: DragTypes) => {\n      if (isDisabled) {\n        return \"cancel\";\n      }\n\n      if (props.acceptedFileTypes) {\n        const invalidDrop = props.acceptedFileTypes?.every(\n          (acceptedFileType) => !types.has(acceptedFileType),\n        );\n\n        return invalidDrop ? \"cancel\" : \"copy\";\n      }\n\n      return \"copy\";\n    },\n    [isDisabled, props.acceptedFileTypes],\n  );\n\n  const mimeTypes = useMemo(\n    () =>\n      props.additionalMimeTypes\n        ? { ...CommonMimeTypes, ...props.additionalMimeTypes }\n        : CommonMimeTypes,\n    [props.additionalMimeTypes],\n  );\n\n  return (\n    <div className={layout({ className: props.className })} style={props.style} ref={ref}>\n      <div className={dropAreaLayout()}>\n        {props.label ? (\n          <Text variant=\"body-medium\" className=\"font-semibold\">\n            {props.label}\n          </Text>\n        ) : null}\n\n        {!props.allowMultiple && files?.[0] ? (\n          <UploadedItem\n            fileName={files[0].path ?? \"File\"}\n            fileSize={convertBytes(files[0].size)}\n            onRemove={() => {\n              setFiles(undefined);\n              onChange?.(undefined);\n            }}\n            disabled={props.isDisabled}\n          />\n        ) : (\n          <DropZone\n            onDrop={async (e: DropEvent) => {\n              const files = await Promise.all(\n                (e.items as FileDropItem[]).map((item) => item.getFile()),\n              );\n\n              handleOnDrop(files);\n            }}\n            className={({ isDropTarget }) =>\n              dropzone({ isDropTarget, error: !!props.errorMessage && !isUploadLimitReached })\n            }\n            getDropOperation={evaluateDropOperation}\n            {...props}\n          >\n            <div className={iconAndTitleLayout()}>\n              <IconBadge\n                name={props.errorMessage && !isUploadLimitReached ? \"alert-error\" : \"upload\"}\n                size=\"md\"\n                variant={\n                  isDisabled ? \"gray\" : props.errorMessage && !isUploadLimitReached ? \"red\" : \"blue\"\n                }\n              />\n              <Text slot=\"label\" variant=\"body-medium\" color={isDisabled ? \"tertiary\" : \"primary\"}>\n                {errorMessage ?? props.title ?? dragAndDropInputMessage}\n              </Text>\n            </div>\n\n            <FileTrigger\n              allowsMultiple={props.allowMultiple}\n              onSelect={(e) => {\n                const files = e ? Array.from(e) : [];\n                handleOnDrop(files);\n              }}\n              acceptedFileTypes={props.acceptedFileTypes}\n            >\n              <Button variant=\"secondary\" isDisabled={isDisabled}>\n                {browseFiles}\n              </Button>\n            </FileTrigger>\n          </DropZone>\n        )}\n\n        {props.maxFileSize || props.acceptedFileTypes ? (\n          <div className={fileInformation()}>\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.acceptedFileTypes\n                ? `${supportedFormats}: ${props.acceptedFileTypes\n                    ?.map((mimeType) => mimeTypes[mimeType]?.toUpperCase())\n                    .join(\", \")\n                    .toString()} `\n                : undefined}\n            </Text>\n\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.maxFileSize\n                ? `${maximumFileSize}: ${convertBytes(props.maxFileSize)}`\n                : undefined}\n            </Text>\n          </div>\n        ) : null}\n      </div>\n\n      {files && props.allowMultiple ? (\n        <div className={multipleFilesLayout()}>\n          {files.map((file, idx) => (\n            <UploadedItem\n              key={idx}\n              fileName={file.path ?? `File${idx}`}\n              fileSize={convertBytes(file.size)}\n              onRemove={() => {\n                if (files.length > 1) {\n                  setFiles((prev) => prev?.filter((_, fileIdx) => fileIdx !== idx));\n                  onChange?.(files.filter((_, fileIdx) => fileIdx !== idx));\n                } else {\n                  setFiles(undefined);\n                  onChange?.(undefined);\n                }\n              }}\n              disabled={props.isDisabled}\n            />\n          ))}\n        </div>\n      ) : null}\n\n      {props.name ? (\n        <input hidden name={props.name} readOnly value={files ? JSON.stringify(files) : \"\"} />\n      ) : null}\n    </div>\n  );\n};\n\nexport const FileInput = fixedForwardRef(_FileInput);\n// @ts-ignore\n\nconst UploadedItem = ({ disabled, fileName, fileSize, onRemove }: UploadedItemProps) => {\n  const { fileInformation, fileInformationRows, layout } = uploadedItemStyles({});\n  const { remove } = useDictionary();\n\n  return (\n    <div className={layout()}>\n      <div className={fileInformation()}>\n        <SvgIcon name=\"document-light\" className=\"h-8 w-8 text-tertiary\" />\n\n        <div className={fileInformationRows()}>\n          <Text variant=\"body-medium\" className=\"font-semibold\">\n            {fileName}\n          </Text>\n          <Text color=\"secondary\" variant=\"body-small\">\n            {fileSize}\n          </Text>\n        </div>\n      </div>\n\n      <Button variant=\"icon\" onPress={onRemove} tooltip={remove} isDisabled={disabled}>\n        <SvgIcon name=\"delete\" />\n      </Button>\n    </div>\n  );\n};\n"],"names":["_FileInput","onChange","props","ref","files","setFiles","useState","browseFiles","dragAndDropInputMessage","maximumFileSize","supportedFormats","uploadLimitMessage","useDictionary","dropAreaLayout","dropzone","fileInformation","iconAndTitleLayout","layout","multipleFilesLayout","fileInputStyles","onFilesRead","useCallback","filesFromCurrentUpload","prev","filesToClear","currentFiles","currentFile","fileToClear","handleOnDrop","useOnDrop","isUploadLimitReached","useMemo","isDisabled","errorMessage","_a","evaluateDropOperation","types","acceptedFileType","mimeTypes","CommonMimeTypes","jsxs","Text","jsx","UploadedItem","convertBytes","DropZone","e","item","isDropTarget","IconBadge","FileTrigger","Button","mimeType","file","idx","_","fileIdx","FileInput","fixedForwardRef","disabled","fileName","fileSize","onRemove","fileInformationRows","uploadedItemStyles","remove","SvgIcon"],"mappings":"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"}
+{"version":3,"file":"lyra27.cjs","sources":["../src/components/inputs/file-input/file-input.tsx"],"sourcesContent":["import { ForwardedRef, useCallback, useMemo, useState } from \"react\";\nimport { DragTypes, DropZone, FileDropItem, FileTrigger } from \"react-aria-components\";\n\nimport { DropEvent } from \"@react-types/shared\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Button } from \"../../button\";\nimport { IconBadge } from \"../../icon-badge\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\n\nimport { FileInputProps, FileInputUploadItem, UploadedItemProps } from \"./file-input.types\";\nimport { CommonMimeTypes, convertBytes } from \"./file-input-utils\";\nimport { useOnDrop } from \"./use-on-drop\";\nimport { fileInputStyles, uploadedItemStyles } from \".\";\n\nconst _FileInput = ({ onChange, ...props }: FileInputProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const [files, setFiles] = useState<FileInputUploadItem[] | undefined>();\n\n  const {\n    browseFiles,\n    dragAndDropInputMessage,\n    maximumFileSize,\n    supportedFormats,\n    uploadLimitMessage,\n  } = useDictionary();\n\n  const {\n    dropAreaLayout,\n    dropzone,\n    fileInformation,\n    iconAndTitleLayout,\n    layout,\n    multipleFilesLayout,\n  } = fileInputStyles({});\n\n  const onFilesRead = useCallback(\n    (filesFromCurrentUpload: FileInputUploadItem[]) => {\n      setFiles((prev) => [...(prev ?? []), ...(filesFromCurrentUpload ?? [])]);\n\n      onChange?.([...(files ?? []), ...filesFromCurrentUpload], (filesToClear) => {\n        setFiles((currentFiles) =>\n          currentFiles?.filter(\n            (currentFile) =>\n              !filesToClear?.find((fileToClear) => fileToClear.path === currentFile.path),\n          ),\n        );\n      });\n    },\n    [files, onChange],\n  );\n\n  const handleOnDrop = useOnDrop({\n    onFilesRead,\n    files,\n    readAsDataUrl: props.readAsDataUrl,\n    skipFileRead: props.skipFileRead,\n    uploadLimit: !props.allowMultiple ? 1 : props.uploadLimit,\n    maxFileSize: props.maxFileSize,\n    acceptedFileTypes: props.acceptedFileTypes,\n  });\n\n  const isUploadLimitReached = useMemo(\n    () => props.allowMultiple && !!props.uploadLimit && props.uploadLimit === files?.length,\n    [files?.length, props.allowMultiple, props.uploadLimit],\n  );\n\n  const isDisabled = useMemo(\n    () => props.isDisabled || isUploadLimitReached,\n    [isUploadLimitReached, props.isDisabled],\n  );\n\n  const errorMessage = useMemo(\n    () =>\n      isUploadLimitReached && !!props.uploadLimit\n        ? uploadLimitMessage.replace(\"{value}\", props.uploadLimit?.toString())\n        : props.errorMessage,\n    [isUploadLimitReached, props.errorMessage, props.uploadLimit, uploadLimitMessage],\n  );\n\n  const evaluateDropOperation = useCallback(\n    (types: DragTypes) => {\n      if (isDisabled) {\n        return \"cancel\";\n      }\n\n      if (props.acceptedFileTypes) {\n        const invalidDrop = props.acceptedFileTypes?.every(\n          (acceptedFileType) => !types.has(acceptedFileType),\n        );\n\n        return invalidDrop ? \"cancel\" : \"copy\";\n      }\n\n      return \"copy\";\n    },\n    [isDisabled, props.acceptedFileTypes],\n  );\n\n  const mimeTypes = useMemo(\n    () =>\n      props.additionalMimeTypes\n        ? { ...CommonMimeTypes, ...props.additionalMimeTypes }\n        : CommonMimeTypes,\n    [props.additionalMimeTypes],\n  );\n\n  return (\n    <div className={layout({ className: props.className })} style={props.style} ref={ref}>\n      <div className={dropAreaLayout()}>\n        {props.label ? (\n          <Text variant=\"body-medium\" className=\"font-semibold\">\n            {props.label}\n          </Text>\n        ) : null}\n\n        {!props.allowMultiple && files?.[0] ? (\n          <UploadedItem\n            fileName={files[0].path ?? \"File\"}\n            fileSize={convertBytes(files[0].size)}\n            onRemove={() => {\n              setFiles(undefined);\n              onChange?.(undefined);\n            }}\n            disabled={props.isDisabled}\n          />\n        ) : (\n          <DropZone\n            onDrop={async (e: DropEvent) => {\n              const files = await Promise.all(\n                (e.items as FileDropItem[]).map((item) => item.getFile()),\n              );\n\n              handleOnDrop(files);\n            }}\n            className={({ isDropTarget }) =>\n              dropzone({ isDropTarget, error: !!props.errorMessage && !isUploadLimitReached })\n            }\n            getDropOperation={evaluateDropOperation}\n            {...props}\n          >\n            <div className={iconAndTitleLayout()}>\n              <IconBadge\n                name={props.errorMessage && !isUploadLimitReached ? \"alert-error\" : \"upload\"}\n                size=\"md\"\n                variant={\n                  isDisabled ? \"gray\" : props.errorMessage && !isUploadLimitReached ? \"red\" : \"blue\"\n                }\n              />\n              <Text slot=\"label\" variant=\"body-medium\" color={isDisabled ? \"tertiary\" : \"primary\"}>\n                {errorMessage ?? props.title ?? dragAndDropInputMessage}\n              </Text>\n            </div>\n\n            <FileTrigger\n              allowsMultiple={props.allowMultiple}\n              onSelect={(e) => {\n                const files = e ? Array.from(e) : [];\n                handleOnDrop(files);\n              }}\n              acceptedFileTypes={props.acceptedFileTypes}\n            >\n              <Button variant=\"secondary\" isDisabled={isDisabled}>\n                {browseFiles}\n              </Button>\n            </FileTrigger>\n          </DropZone>\n        )}\n\n        {props.maxFileSize || props.acceptedFileTypes ? (\n          <div className={fileInformation()}>\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.acceptedFileTypes\n                ? `${supportedFormats}: ${props.acceptedFileTypes\n                    ?.map((mimeType) => mimeTypes[mimeType]?.toUpperCase())\n                    .join(\", \")\n                    .toString()} `\n                : undefined}\n            </Text>\n\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.maxFileSize\n                ? `${maximumFileSize}: ${convertBytes(props.maxFileSize)}`\n                : undefined}\n            </Text>\n          </div>\n        ) : null}\n      </div>\n\n      {files && props.allowMultiple ? (\n        <div className={multipleFilesLayout()}>\n          {files.map((file, idx) => (\n            <UploadedItem\n              key={idx}\n              fileName={file.path ?? `File${idx}`}\n              fileSize={convertBytes(file.size)}\n              onRemove={() => {\n                if (files.length > 1) {\n                  setFiles((prev) => prev?.filter((_, fileIdx) => fileIdx !== idx));\n                  onChange?.(files.filter((_, fileIdx) => fileIdx !== idx));\n                } else {\n                  setFiles(undefined);\n                  onChange?.(undefined);\n                }\n              }}\n              disabled={props.isDisabled}\n            />\n          ))}\n        </div>\n      ) : null}\n\n      {props.name ? (\n        <input hidden name={props.name} readOnly value={files ? JSON.stringify(files) : \"\"} />\n      ) : null}\n    </div>\n  );\n};\n\nexport const FileInput = fixedForwardRef(_FileInput);\n// @ts-ignore\n\nconst UploadedItem = ({ disabled, fileName, fileSize, onRemove }: UploadedItemProps) => {\n  const { fileInformation, fileInformationRows, layout } = uploadedItemStyles({});\n  const { remove } = useDictionary();\n\n  return (\n    <div className={layout()}>\n      <div className={fileInformation()}>\n        <SvgIcon name=\"document-light\" className=\"h-8 w-8 text-tertiary\" />\n\n        <div className={fileInformationRows()}>\n          <span className=\"flex\">\n            <Text variant=\"body-medium\" className=\"flex-1 truncate font-semibold\">\n              {fileName.substring(0, fileName.lastIndexOf(\".\"))}\n            </Text>\n            <Text variant=\"body-medium\" className=\"font-semibold\">\n              {fileName.substring(fileName.lastIndexOf(\".\"), fileName.length)}\n            </Text>\n          </span>\n\n          <Text color=\"secondary\" variant=\"body-small\">\n            {fileSize}\n          </Text>\n        </div>\n      </div>\n\n      <Button variant=\"icon\" onPress={onRemove} tooltip={remove} isDisabled={disabled}>\n        <SvgIcon name=\"delete\" />\n      </Button>\n    </div>\n  );\n};\n"],"names":["_FileInput","onChange","props","ref","files","setFiles","useState","browseFiles","dragAndDropInputMessage","maximumFileSize","supportedFormats","uploadLimitMessage","useDictionary","dropAreaLayout","dropzone","fileInformation","iconAndTitleLayout","layout","multipleFilesLayout","fileInputStyles","onFilesRead","useCallback","filesFromCurrentUpload","prev","filesToClear","currentFiles","currentFile","fileToClear","handleOnDrop","useOnDrop","isUploadLimitReached","useMemo","isDisabled","errorMessage","_a","evaluateDropOperation","types","acceptedFileType","mimeTypes","CommonMimeTypes","jsxs","Text","jsx","UploadedItem","convertBytes","DropZone","e","item","isDropTarget","IconBadge","FileTrigger","Button","mimeType","file","idx","_","fileIdx","FileInput","fixedForwardRef","disabled","fileName","fileSize","onRemove","fileInformationRows","uploadedItemStyles","remove","SvgIcon"],"mappings":"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"}

package/dist/lyra27.js

@@ -1,41 +1,41 @@
 import { j as i } from "./lyra90.js";
-import { useState as p, useCallback as N, useMemo as u } from "react";
+import { useState as _, useCallback as S, useMemo as u } from "react";
 import { DropZone as P, FileTrigger as E } from "./lyra89.js";
 import { fixedForwardRef as J } from "./lyra93.js";
-import { useDictionary as w } from "./lyra95.js";
-import { Button as z } from "./lyra11.js";
+import { useDictionary as I } from "./lyra95.js";
+import { Button as L } from "./lyra11.js";
 import "./lyra12.js";
 import "./lyra13.js";
 import "./lyra14.js";
 import { IconBadge as Z } from "./lyra19.js";
 import "./lyra20.js";
-import { SvgIcon as S } from "./lyra65.js";
-import { Text as c } from "./lyra73.js";
+import { SvgIcon as N } from "./lyra65.js";
+import { Text as o } from "./lyra73.js";
 import "./lyra74.js";
-import { CommonMimeTypes as T, convertBytes as b } from "./lyra604.js";
-import { useOnDrop as q } from "./lyra605.js";
+import { CommonMimeTypes as h, convertBytes as j } from "./lyra617.js";
+import { useOnDrop as q } from "./lyra618.js";
 import { fileInputStyles as G, uploadedItemStyles as H } from "./lyra28.js";
 const K = ({ onChange: s, ...e }, y) => {
   var D;
-  const [l, r] = p(), {
+  const [l, m] = _(), {
     browseFiles: x,
     dragAndDropInputMessage: f,
     maximumFileSize: v,
-    supportedFormats: h,
+    supportedFormats: w,
     uploadLimitMessage: F
-  } = w(), {
-    dropAreaLayout: I,
+  } = I(), {
+    dropAreaLayout: z,
     dropzone: $,
     fileInformation: R,
-    iconAndTitleLayout: A,
+    iconAndTitleLayout: g,
     layout: O,
-    multipleFilesLayout: g
-  } = G({}), U = N(
+    multipleFilesLayout: A
+  } = G({}), U = S(
     (t) => {
-      r((a) => [...a ?? [], ...t ?? []]), s == null || s([...l ?? [], ...t], (a) => {
-        r(
+      m((a) => [...a ?? [], ...t ?? []]), s == null || s([...l ?? [], ...t], (a) => {
+        m(
           (d) => d == null ? void 0 : d.filter(
-            (o) => !(a != null && a.find((j) => j.path === o.path))
+            (c) => !(a != null && a.find((b) => b.path === c.path))
           )
         );
       });
@@ -49,40 +49,40 @@ const K = ({ onChange: s, ...e }, y) => {
     uploadLimit: e.allowMultiple ? e.uploadLimit : 1,
     maxFileSize: e.maxFileSize,
     acceptedFileTypes: e.acceptedFileTypes
-  }), m = u(
+  }), r = u(
     () => e.allowMultiple && !!e.uploadLimit && e.uploadLimit === (l == null ? void 0 : l.length),
     [l == null ? void 0 : l.length, e.allowMultiple, e.uploadLimit]
   ), n = u(
-    () => e.isDisabled || m,
-    [m, e.isDisabled]
+    () => e.isDisabled || r,
+    [r, e.isDisabled]
   ), k = u(
     () => {
       var t;
-      return m && e.uploadLimit ? F.replace("{value}", (t = e.uploadLimit) == null ? void 0 : t.toString()) : e.errorMessage;
+      return r && e.uploadLimit ? F.replace("{value}", (t = e.uploadLimit) == null ? void 0 : t.toString()) : e.errorMessage;
     },
-    [m, e.errorMessage, e.uploadLimit, F]
-  ), B = N(
+    [r, e.errorMessage, e.uploadLimit, F]
+  ), p = S(
     (t) => {
       var a;
       return n || e.acceptedFileTypes && ((a = e.acceptedFileTypes) == null ? void 0 : a.every(
-        (o) => !t.has(o)
+        (c) => !t.has(c)
       )) ? "cancel" : "copy";
     },
     [n, e.acceptedFileTypes]
-  ), _ = u(
-    () => e.additionalMimeTypes ? { ...T, ...e.additionalMimeTypes } : T,
+  ), B = u(
+    () => e.additionalMimeTypes ? { ...h, ...e.additionalMimeTypes } : h,
     [e.additionalMimeTypes]
   );
   return /* @__PURE__ */ i.jsxs("div", { className: O({ className: e.className }), style: e.style, ref: y, children: [
-    /* @__PURE__ */ i.jsxs("div", { className: I(), children: [
-      e.label ? /* @__PURE__ */ i.jsx(c, { variant: "body-medium", className: "font-semibold", children: e.label }) : null,
+    /* @__PURE__ */ i.jsxs("div", { className: z(), children: [
+      e.label ? /* @__PURE__ */ i.jsx(o, { variant: "body-medium", className: "font-semibold", children: e.label }) : null,
       !e.allowMultiple && (l != null && l[0]) ? /* @__PURE__ */ i.jsx(
-        L,
+        T,
         {
           fileName: l[0].path ?? "File",
-          fileSize: b(l[0].size),
+          fileSize: j(l[0].size),
           onRemove: () => {
-            r(void 0), s == null || s(void 0);
+            m(void 0), s == null || s(void 0);
           },
           disabled: e.isDisabled
         }
@@ -95,20 +95,20 @@ const K = ({ onChange: s, ...e }, y) => {
             );
             M(a);
           },
-          className: ({ isDropTarget: t }) => $({ isDropTarget: t, error: !!e.errorMessage && !m }),
-          getDropOperation: B,
+          className: ({ isDropTarget: t }) => $({ isDropTarget: t, error: !!e.errorMessage && !r }),
+          getDropOperation: p,
           ...e,
           children: [
-            /* @__PURE__ */ i.jsxs("div", { className: A(), children: [
+            /* @__PURE__ */ i.jsxs("div", { className: g(), children: [
               /* @__PURE__ */ i.jsx(
                 Z,
                 {
-                  name: e.errorMessage && !m ? "alert-error" : "upload",
+                  name: e.errorMessage && !r ? "alert-error" : "upload",
                   size: "md",
-                  variant: n ? "gray" : e.errorMessage && !m ? "red" : "blue"
+                  variant: n ? "gray" : e.errorMessage && !r ? "red" : "blue"
                 }
               ),
-              /* @__PURE__ */ i.jsx(c, { slot: "label", variant: "body-medium", color: n ? "tertiary" : "primary", children: k ?? e.title ?? f })
+              /* @__PURE__ */ i.jsx(o, { slot: "label", variant: "body-medium", color: n ? "tertiary" : "primary", children: k ?? e.title ?? f })
             ] }),
             /* @__PURE__ */ i.jsx(
               E,
@@ -119,7 +119,7 @@ const K = ({ onChange: s, ...e }, y) => {
                   M(a);
                 },
                 acceptedFileTypes: e.acceptedFileTypes,
-                children: /* @__PURE__ */ i.jsx(z, { variant: "secondary", isDisabled: n, children: x })
+                children: /* @__PURE__ */ i.jsx(L, { variant: "secondary", isDisabled: n, children: x })
               }
             )
           ]
@@ -127,33 +127,33 @@ const K = ({ onChange: s, ...e }, y) => {
       ),
       e.maxFileSize || e.acceptedFileTypes ? /* @__PURE__ */ i.jsxs("div", { className: R(), children: [
         /* @__PURE__ */ i.jsx(
-          c,
+          o,
           {
-            color: e.errorMessage && !m ? "error" : "secondary",
+            color: e.errorMessage && !r ? "error" : "secondary",
             variant: "body-small",
-            children: e.acceptedFileTypes ? `${h}: ${(D = e.acceptedFileTypes) == null ? void 0 : D.map((t) => {
+            children: e.acceptedFileTypes ? `${w}: ${(D = e.acceptedFileTypes) == null ? void 0 : D.map((t) => {
               var a;
-              return (a = _[t]) == null ? void 0 : a.toUpperCase();
+              return (a = B[t]) == null ? void 0 : a.toUpperCase();
             }).join(", ").toString()} ` : void 0
           }
         ),
         /* @__PURE__ */ i.jsx(
-          c,
+          o,
           {
-            color: e.errorMessage && !m ? "error" : "secondary",
+            color: e.errorMessage && !r ? "error" : "secondary",
             variant: "body-small",
-            children: e.maxFileSize ? `${v}: ${b(e.maxFileSize)}` : void 0
+            children: e.maxFileSize ? `${v}: ${j(e.maxFileSize)}` : void 0
           }
         )
       ] }) : null
     ] }),
-    l && e.allowMultiple ? /* @__PURE__ */ i.jsx("div", { className: g(), children: l.map((t, a) => /* @__PURE__ */ i.jsx(
-      L,
+    l && e.allowMultiple ? /* @__PURE__ */ i.jsx("div", { className: A(), children: l.map((t, a) => /* @__PURE__ */ i.jsx(
+      T,
       {
         fileName: t.path ?? `File${a}`,
-        fileSize: b(t.size),
+        fileSize: j(t.size),
         onRemove: () => {
-          l.length > 1 ? (r((d) => d == null ? void 0 : d.filter((o, j) => j !== a)), s == null || s(l.filter((d, o) => o !== a))) : (r(void 0), s == null || s(void 0));
+          l.length > 1 ? (m((d) => d == null ? void 0 : d.filter((c, b) => b !== a)), s == null || s(l.filter((d, c) => c !== a))) : (m(void 0), s == null || s(void 0));
         },
         disabled: e.isDisabled
       },
@@ -161,17 +161,20 @@ const K = ({ onChange: s, ...e }, y) => {
     )) }) : null,
     e.name ? /* @__PURE__ */ i.jsx("input", { hidden: !0, name: e.name, readOnly: !0, value: l ? JSON.stringify(l) : "" }) : null
   ] });
-}, ne = J(K), L = ({ disabled: s, fileName: e, fileSize: y, onRemove: l }) => {
-  const { fileInformation: r, fileInformationRows: x, layout: f } = H({}), { remove: v } = w();
+}, ne = J(K), T = ({ disabled: s, fileName: e, fileSize: y, onRemove: l }) => {
+  const { fileInformation: m, fileInformationRows: x, layout: f } = H({}), { remove: v } = I();
   return /* @__PURE__ */ i.jsxs("div", { className: f(), children: [
-    /* @__PURE__ */ i.jsxs("div", { className: r(), children: [
-      /* @__PURE__ */ i.jsx(S, { name: "document-light", className: "h-8 w-8 text-tertiary" }),
+    /* @__PURE__ */ i.jsxs("div", { className: m(), children: [
+      /* @__PURE__ */ i.jsx(N, { name: "document-light", className: "h-8 w-8 text-tertiary" }),
       /* @__PURE__ */ i.jsxs("div", { className: x(), children: [
-        /* @__PURE__ */ i.jsx(c, { variant: "body-medium", className: "font-semibold", children: e }),
-        /* @__PURE__ */ i.jsx(c, { color: "secondary", variant: "body-small", children: y })
+        /* @__PURE__ */ i.jsxs("span", { className: "flex", children: [
+          /* @__PURE__ */ i.jsx(o, { variant: "body-medium", className: "flex-1 truncate font-semibold", children: e.substring(0, e.lastIndexOf(".")) }),
+          /* @__PURE__ */ i.jsx(o, { variant: "body-medium", className: "font-semibold", children: e.substring(e.lastIndexOf("."), e.length) })
+        ] }),
+        /* @__PURE__ */ i.jsx(o, { color: "secondary", variant: "body-small", children: y })
       ] })
     ] }),
-    /* @__PURE__ */ i.jsx(z, { variant: "icon", onPress: l, tooltip: v, isDisabled: s, children: /* @__PURE__ */ i.jsx(S, { name: "delete" }) })
+    /* @__PURE__ */ i.jsx(L, { variant: "icon", onPress: l, tooltip: v, isDisabled: s, children: /* @__PURE__ */ i.jsx(N, { name: "delete" }) })
   ] });
 };
 export {

package/dist/lyra27.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra27.js","sources":["../src/components/inputs/file-input/file-input.tsx"],"sourcesContent":["import { ForwardedRef, useCallback, useMemo, useState } from \"react\";\nimport { DragTypes, DropZone, FileDropItem, FileTrigger } from \"react-aria-components\";\n\nimport { DropEvent } from \"@react-types/shared\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Button } from \"../../button\";\nimport { IconBadge } from \"../../icon-badge\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\n\nimport { FileInputProps, FileInputUploadItem, UploadedItemProps } from \"./file-input.types\";\nimport { CommonMimeTypes, convertBytes } from \"./file-input-utils\";\nimport { useOnDrop } from \"./use-on-drop\";\nimport { fileInputStyles, uploadedItemStyles } from \".\";\n\nconst _FileInput = ({ onChange, ...props }: FileInputProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const [files, setFiles] = useState<FileInputUploadItem[] | undefined>();\n\n  const {\n    browseFiles,\n    dragAndDropInputMessage,\n    maximumFileSize,\n    supportedFormats,\n    uploadLimitMessage,\n  } = useDictionary();\n\n  const {\n    dropAreaLayout,\n    dropzone,\n    fileInformation,\n    iconAndTitleLayout,\n    layout,\n    multipleFilesLayout,\n  } = fileInputStyles({});\n\n  const onFilesRead = useCallback(\n    (filesFromCurrentUpload: FileInputUploadItem[]) => {\n      setFiles((prev) => [...(prev ?? []), ...(filesFromCurrentUpload ?? [])]);\n\n      onChange?.([...(files ?? []), ...filesFromCurrentUpload], (filesToClear) => {\n        setFiles((currentFiles) =>\n          currentFiles?.filter(\n            (currentFile) =>\n              !filesToClear?.find((fileToClear) => fileToClear.path === currentFile.path),\n          ),\n        );\n      });\n    },\n    [files, onChange],\n  );\n\n  const handleOnDrop = useOnDrop({\n    onFilesRead,\n    files,\n    readAsDataUrl: props.readAsDataUrl,\n    skipFileRead: props.skipFileRead,\n    uploadLimit: !props.allowMultiple ? 1 : props.uploadLimit,\n    maxFileSize: props.maxFileSize,\n    acceptedFileTypes: props.acceptedFileTypes,\n  });\n\n  const isUploadLimitReached = useMemo(\n    () => props.allowMultiple && !!props.uploadLimit && props.uploadLimit === files?.length,\n    [files?.length, props.allowMultiple, props.uploadLimit],\n  );\n\n  const isDisabled = useMemo(\n    () => props.isDisabled || isUploadLimitReached,\n    [isUploadLimitReached, props.isDisabled],\n  );\n\n  const errorMessage = useMemo(\n    () =>\n      isUploadLimitReached && !!props.uploadLimit\n        ? uploadLimitMessage.replace(\"{value}\", props.uploadLimit?.toString())\n        : props.errorMessage,\n    [isUploadLimitReached, props.errorMessage, props.uploadLimit, uploadLimitMessage],\n  );\n\n  const evaluateDropOperation = useCallback(\n    (types: DragTypes) => {\n      if (isDisabled) {\n        return \"cancel\";\n      }\n\n      if (props.acceptedFileTypes) {\n        const invalidDrop = props.acceptedFileTypes?.every(\n          (acceptedFileType) => !types.has(acceptedFileType),\n        );\n\n        return invalidDrop ? \"cancel\" : \"copy\";\n      }\n\n      return \"copy\";\n    },\n    [isDisabled, props.acceptedFileTypes],\n  );\n\n  const mimeTypes = useMemo(\n    () =>\n      props.additionalMimeTypes\n        ? { ...CommonMimeTypes, ...props.additionalMimeTypes }\n        : CommonMimeTypes,\n    [props.additionalMimeTypes],\n  );\n\n  return (\n    <div className={layout({ className: props.className })} style={props.style} ref={ref}>\n      <div className={dropAreaLayout()}>\n        {props.label ? (\n          <Text variant=\"body-medium\" className=\"font-semibold\">\n            {props.label}\n          </Text>\n        ) : null}\n\n        {!props.allowMultiple && files?.[0] ? (\n          <UploadedItem\n            fileName={files[0].path ?? \"File\"}\n            fileSize={convertBytes(files[0].size)}\n            onRemove={() => {\n              setFiles(undefined);\n              onChange?.(undefined);\n            }}\n            disabled={props.isDisabled}\n          />\n        ) : (\n          <DropZone\n            onDrop={async (e: DropEvent) => {\n              const files = await Promise.all(\n                (e.items as FileDropItem[]).map((item) => item.getFile()),\n              );\n\n              handleOnDrop(files);\n            }}\n            className={({ isDropTarget }) =>\n              dropzone({ isDropTarget, error: !!props.errorMessage && !isUploadLimitReached })\n            }\n            getDropOperation={evaluateDropOperation}\n            {...props}\n          >\n            <div className={iconAndTitleLayout()}>\n              <IconBadge\n                name={props.errorMessage && !isUploadLimitReached ? \"alert-error\" : \"upload\"}\n                size=\"md\"\n                variant={\n                  isDisabled ? \"gray\" : props.errorMessage && !isUploadLimitReached ? \"red\" : \"blue\"\n                }\n              />\n              <Text slot=\"label\" variant=\"body-medium\" color={isDisabled ? \"tertiary\" : \"primary\"}>\n                {errorMessage ?? props.title ?? dragAndDropInputMessage}\n              </Text>\n            </div>\n\n            <FileTrigger\n              allowsMultiple={props.allowMultiple}\n              onSelect={(e) => {\n                const files = e ? Array.from(e) : [];\n                handleOnDrop(files);\n              }}\n              acceptedFileTypes={props.acceptedFileTypes}\n            >\n              <Button variant=\"secondary\" isDisabled={isDisabled}>\n                {browseFiles}\n              </Button>\n            </FileTrigger>\n          </DropZone>\n        )}\n\n        {props.maxFileSize || props.acceptedFileTypes ? (\n          <div className={fileInformation()}>\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.acceptedFileTypes\n                ? `${supportedFormats}: ${props.acceptedFileTypes\n                    ?.map((mimeType) => mimeTypes[mimeType]?.toUpperCase())\n                    .join(\", \")\n                    .toString()} `\n                : undefined}\n            </Text>\n\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.maxFileSize\n                ? `${maximumFileSize}: ${convertBytes(props.maxFileSize)}`\n                : undefined}\n            </Text>\n          </div>\n        ) : null}\n      </div>\n\n      {files && props.allowMultiple ? (\n        <div className={multipleFilesLayout()}>\n          {files.map((file, idx) => (\n            <UploadedItem\n              key={idx}\n              fileName={file.path ?? `File${idx}`}\n              fileSize={convertBytes(file.size)}\n              onRemove={() => {\n                if (files.length > 1) {\n                  setFiles((prev) => prev?.filter((_, fileIdx) => fileIdx !== idx));\n                  onChange?.(files.filter((_, fileIdx) => fileIdx !== idx));\n                } else {\n                  setFiles(undefined);\n                  onChange?.(undefined);\n                }\n              }}\n              disabled={props.isDisabled}\n            />\n          ))}\n        </div>\n      ) : null}\n\n      {props.name ? (\n        <input hidden name={props.name} readOnly value={files ? JSON.stringify(files) : \"\"} />\n      ) : null}\n    </div>\n  );\n};\n\nexport const FileInput = fixedForwardRef(_FileInput);\n// @ts-ignore\n\nconst UploadedItem = ({ disabled, fileName, fileSize, onRemove }: UploadedItemProps) => {\n  const { fileInformation, fileInformationRows, layout } = uploadedItemStyles({});\n  const { remove } = useDictionary();\n\n  return (\n    <div className={layout()}>\n      <div className={fileInformation()}>\n        <SvgIcon name=\"document-light\" className=\"h-8 w-8 text-tertiary\" />\n\n        <div className={fileInformationRows()}>\n          <Text variant=\"body-medium\" className=\"font-semibold\">\n            {fileName}\n          </Text>\n          <Text color=\"secondary\" variant=\"body-small\">\n            {fileSize}\n          </Text>\n        </div>\n      </div>\n\n      <Button variant=\"icon\" onPress={onRemove} tooltip={remove} isDisabled={disabled}>\n        <SvgIcon name=\"delete\" />\n      </Button>\n    </div>\n  );\n};\n"],"names":["_FileInput","onChange","props","ref","files","setFiles","useState","browseFiles","dragAndDropInputMessage","maximumFileSize","supportedFormats","uploadLimitMessage","useDictionary","dropAreaLayout","dropzone","fileInformation","iconAndTitleLayout","layout","multipleFilesLayout","fileInputStyles","onFilesRead","useCallback","filesFromCurrentUpload","prev","filesToClear","currentFiles","currentFile","fileToClear","handleOnDrop","useOnDrop","isUploadLimitReached","useMemo","isDisabled","errorMessage","_a","evaluateDropOperation","types","acceptedFileType","mimeTypes","CommonMimeTypes","jsxs","Text","jsx","UploadedItem","convertBytes","DropZone","e","item","isDropTarget","IconBadge","FileTrigger","Button","mimeType","file","idx","_","fileIdx","FileInput","fixedForwardRef","disabled","fileName","fileSize","onRemove","fileInformationRows","uploadedItemStyles","remove","SvgIcon"],"mappings":"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"}
+{"version":3,"file":"lyra27.js","sources":["../src/components/inputs/file-input/file-input.tsx"],"sourcesContent":["import { ForwardedRef, useCallback, useMemo, useState } from \"react\";\nimport { DragTypes, DropZone, FileDropItem, FileTrigger } from \"react-aria-components\";\n\nimport { DropEvent } from \"@react-types/shared\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Button } from \"../../button\";\nimport { IconBadge } from \"../../icon-badge\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\n\nimport { FileInputProps, FileInputUploadItem, UploadedItemProps } from \"./file-input.types\";\nimport { CommonMimeTypes, convertBytes } from \"./file-input-utils\";\nimport { useOnDrop } from \"./use-on-drop\";\nimport { fileInputStyles, uploadedItemStyles } from \".\";\n\nconst _FileInput = ({ onChange, ...props }: FileInputProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const [files, setFiles] = useState<FileInputUploadItem[] | undefined>();\n\n  const {\n    browseFiles,\n    dragAndDropInputMessage,\n    maximumFileSize,\n    supportedFormats,\n    uploadLimitMessage,\n  } = useDictionary();\n\n  const {\n    dropAreaLayout,\n    dropzone,\n    fileInformation,\n    iconAndTitleLayout,\n    layout,\n    multipleFilesLayout,\n  } = fileInputStyles({});\n\n  const onFilesRead = useCallback(\n    (filesFromCurrentUpload: FileInputUploadItem[]) => {\n      setFiles((prev) => [...(prev ?? []), ...(filesFromCurrentUpload ?? [])]);\n\n      onChange?.([...(files ?? []), ...filesFromCurrentUpload], (filesToClear) => {\n        setFiles((currentFiles) =>\n          currentFiles?.filter(\n            (currentFile) =>\n              !filesToClear?.find((fileToClear) => fileToClear.path === currentFile.path),\n          ),\n        );\n      });\n    },\n    [files, onChange],\n  );\n\n  const handleOnDrop = useOnDrop({\n    onFilesRead,\n    files,\n    readAsDataUrl: props.readAsDataUrl,\n    skipFileRead: props.skipFileRead,\n    uploadLimit: !props.allowMultiple ? 1 : props.uploadLimit,\n    maxFileSize: props.maxFileSize,\n    acceptedFileTypes: props.acceptedFileTypes,\n  });\n\n  const isUploadLimitReached = useMemo(\n    () => props.allowMultiple && !!props.uploadLimit && props.uploadLimit === files?.length,\n    [files?.length, props.allowMultiple, props.uploadLimit],\n  );\n\n  const isDisabled = useMemo(\n    () => props.isDisabled || isUploadLimitReached,\n    [isUploadLimitReached, props.isDisabled],\n  );\n\n  const errorMessage = useMemo(\n    () =>\n      isUploadLimitReached && !!props.uploadLimit\n        ? uploadLimitMessage.replace(\"{value}\", props.uploadLimit?.toString())\n        : props.errorMessage,\n    [isUploadLimitReached, props.errorMessage, props.uploadLimit, uploadLimitMessage],\n  );\n\n  const evaluateDropOperation = useCallback(\n    (types: DragTypes) => {\n      if (isDisabled) {\n        return \"cancel\";\n      }\n\n      if (props.acceptedFileTypes) {\n        const invalidDrop = props.acceptedFileTypes?.every(\n          (acceptedFileType) => !types.has(acceptedFileType),\n        );\n\n        return invalidDrop ? \"cancel\" : \"copy\";\n      }\n\n      return \"copy\";\n    },\n    [isDisabled, props.acceptedFileTypes],\n  );\n\n  const mimeTypes = useMemo(\n    () =>\n      props.additionalMimeTypes\n        ? { ...CommonMimeTypes, ...props.additionalMimeTypes }\n        : CommonMimeTypes,\n    [props.additionalMimeTypes],\n  );\n\n  return (\n    <div className={layout({ className: props.className })} style={props.style} ref={ref}>\n      <div className={dropAreaLayout()}>\n        {props.label ? (\n          <Text variant=\"body-medium\" className=\"font-semibold\">\n            {props.label}\n          </Text>\n        ) : null}\n\n        {!props.allowMultiple && files?.[0] ? (\n          <UploadedItem\n            fileName={files[0].path ?? \"File\"}\n            fileSize={convertBytes(files[0].size)}\n            onRemove={() => {\n              setFiles(undefined);\n              onChange?.(undefined);\n            }}\n            disabled={props.isDisabled}\n          />\n        ) : (\n          <DropZone\n            onDrop={async (e: DropEvent) => {\n              const files = await Promise.all(\n                (e.items as FileDropItem[]).map((item) => item.getFile()),\n              );\n\n              handleOnDrop(files);\n            }}\n            className={({ isDropTarget }) =>\n              dropzone({ isDropTarget, error: !!props.errorMessage && !isUploadLimitReached })\n            }\n            getDropOperation={evaluateDropOperation}\n            {...props}\n          >\n            <div className={iconAndTitleLayout()}>\n              <IconBadge\n                name={props.errorMessage && !isUploadLimitReached ? \"alert-error\" : \"upload\"}\n                size=\"md\"\n                variant={\n                  isDisabled ? \"gray\" : props.errorMessage && !isUploadLimitReached ? \"red\" : \"blue\"\n                }\n              />\n              <Text slot=\"label\" variant=\"body-medium\" color={isDisabled ? \"tertiary\" : \"primary\"}>\n                {errorMessage ?? props.title ?? dragAndDropInputMessage}\n              </Text>\n            </div>\n\n            <FileTrigger\n              allowsMultiple={props.allowMultiple}\n              onSelect={(e) => {\n                const files = e ? Array.from(e) : [];\n                handleOnDrop(files);\n              }}\n              acceptedFileTypes={props.acceptedFileTypes}\n            >\n              <Button variant=\"secondary\" isDisabled={isDisabled}>\n                {browseFiles}\n              </Button>\n            </FileTrigger>\n          </DropZone>\n        )}\n\n        {props.maxFileSize || props.acceptedFileTypes ? (\n          <div className={fileInformation()}>\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.acceptedFileTypes\n                ? `${supportedFormats}: ${props.acceptedFileTypes\n                    ?.map((mimeType) => mimeTypes[mimeType]?.toUpperCase())\n                    .join(\", \")\n                    .toString()} `\n                : undefined}\n            </Text>\n\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.maxFileSize\n                ? `${maximumFileSize}: ${convertBytes(props.maxFileSize)}`\n                : undefined}\n            </Text>\n          </div>\n        ) : null}\n      </div>\n\n      {files && props.allowMultiple ? (\n        <div className={multipleFilesLayout()}>\n          {files.map((file, idx) => (\n            <UploadedItem\n              key={idx}\n              fileName={file.path ?? `File${idx}`}\n              fileSize={convertBytes(file.size)}\n              onRemove={() => {\n                if (files.length > 1) {\n                  setFiles((prev) => prev?.filter((_, fileIdx) => fileIdx !== idx));\n                  onChange?.(files.filter((_, fileIdx) => fileIdx !== idx));\n                } else {\n                  setFiles(undefined);\n                  onChange?.(undefined);\n                }\n              }}\n              disabled={props.isDisabled}\n            />\n          ))}\n        </div>\n      ) : null}\n\n      {props.name ? (\n        <input hidden name={props.name} readOnly value={files ? JSON.stringify(files) : \"\"} />\n      ) : null}\n    </div>\n  );\n};\n\nexport const FileInput = fixedForwardRef(_FileInput);\n// @ts-ignore\n\nconst UploadedItem = ({ disabled, fileName, fileSize, onRemove }: UploadedItemProps) => {\n  const { fileInformation, fileInformationRows, layout } = uploadedItemStyles({});\n  const { remove } = useDictionary();\n\n  return (\n    <div className={layout()}>\n      <div className={fileInformation()}>\n        <SvgIcon name=\"document-light\" className=\"h-8 w-8 text-tertiary\" />\n\n        <div className={fileInformationRows()}>\n          <span className=\"flex\">\n            <Text variant=\"body-medium\" className=\"flex-1 truncate font-semibold\">\n              {fileName.substring(0, fileName.lastIndexOf(\".\"))}\n            </Text>\n            <Text variant=\"body-medium\" className=\"font-semibold\">\n              {fileName.substring(fileName.lastIndexOf(\".\"), fileName.length)}\n            </Text>\n          </span>\n\n          <Text color=\"secondary\" variant=\"body-small\">\n            {fileSize}\n          </Text>\n        </div>\n      </div>\n\n      <Button variant=\"icon\" onPress={onRemove} tooltip={remove} isDisabled={disabled}>\n        <SvgIcon name=\"delete\" />\n      </Button>\n    </div>\n  );\n};\n"],"names":["_FileInput","onChange","props","ref","files","setFiles","useState","browseFiles","dragAndDropInputMessage","maximumFileSize","supportedFormats","uploadLimitMessage","useDictionary","dropAreaLayout","dropzone","fileInformation","iconAndTitleLayout","layout","multipleFilesLayout","fileInputStyles","onFilesRead","useCallback","filesFromCurrentUpload","prev","filesToClear","currentFiles","currentFile","fileToClear","handleOnDrop","useOnDrop","isUploadLimitReached","useMemo","isDisabled","errorMessage","_a","evaluateDropOperation","types","acceptedFileType","mimeTypes","CommonMimeTypes","jsxs","Text","jsx","UploadedItem","convertBytes","DropZone","e","item","isDropTarget","IconBadge","FileTrigger","Button","mimeType","file","idx","_","fileIdx","FileInput","fixedForwardRef","disabled","fileName","fileSize","onRemove","fileInformationRows","uploadedItemStyles","remove","SvgIcon"],"mappings":"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"}

package/dist/lyra28.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.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("./lyra451.cjs"),o=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"}}}}),t=e.tv({slots:{layout:["flex min-h-16 w-full items-center justify-between rounded border border-default p-4 gap-4"],fileInformation:["flex items-center gap-2.5 overflow-x-hidden"],fileInformationRows:["flex flex-col overflow-x-hidden"]}});exports.fileInputStyles=o;exports.uploadedItemStyles=t;

package/dist/lyra28.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra28.cjs","sources":["../src/components/inputs/file-input/file-input.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const fileInputStyles = tv({\n  slots: {\n    layout: [\"flex flex-col gap-4\"],\n    dropAreaLayout: [\"flex flex-col gap-1\"],\n    dropzone: [\n      \"w-full min-h-16 p-4 border border-default rounded-md bg-surface-secondary flex items-center justify-between\",\n    ],\n    iconAndTitleLayout: [\"flex items-center gap-2.5\"],\n    fileInformation: [\"flex justify-between\"],\n    multipleFilesLayout: [\"flex flex-col gap-1\"],\n  },\n  variants: {\n    isDropTarget: {\n      true: {\n        dropzone: \"border-focus ring ring-highlight\",\n      },\n    },\n    error: {\n      true: {\n        icon: \"bg-indication-red\",\n        dropzone: \"border-error\",\n      },\n    },\n  },\n});\n\nexport const uploadedItemStyles = tv({\n  slots: {\n    layout: [\"flex min-h-16 w-full items-center justify-between rounded border border-default p-4\"],\n    fileInformation: [\"flex items-center gap-2.5\"],\n    fileInformationRows: [\"flex flex-col\"],\n  },\n});\n"],"names":["fileInputStyles","tv","uploadedItemStyles"],"mappings":"iHAEaA,EAAkBC,EAAAA,GAAG,CAChC,MAAO,CACL,OAAQ,CAAC,qBAAqB,EAC9B,eAAgB,CAAC,qBAAqB,EACtC,SAAU,CACR,6GACF,EACA,mBAAoB,CAAC,2BAA2B,EAChD,gBAAiB,CAAC,sBAAsB,EACxC,oBAAqB,CAAC,qBAAqB,CAC7C,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,SAAU,kCACZ,CACF,EACA,MAAO,CACL,KAAM,CACJ,KAAM,oBACN,SAAU,cACZ,CACF,CACF,CACF,CAAC,EAEYC,EAAqBD,EAAAA,GAAG,CACnC,MAAO,CACL,OAAQ,CAAC,qFAAqF,EAC9F,gBAAiB,CAAC,2BAA2B,EAC7C,oBAAqB,CAAC,eAAe,CACvC,CACF,CAAC"}
+{"version":3,"file":"lyra28.cjs","sources":["../src/components/inputs/file-input/file-input.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const fileInputStyles = tv({\n  slots: {\n    layout: [\"flex flex-col gap-4\"],\n    dropAreaLayout: [\"flex flex-col gap-1\"],\n    dropzone: [\n      \"w-full min-h-16 p-4 border border-default rounded-md bg-surface-secondary flex items-center justify-between\",\n    ],\n    iconAndTitleLayout: [\"flex items-center gap-2.5\"],\n    fileInformation: [\"flex justify-between\"],\n    multipleFilesLayout: [\"flex flex-col gap-1\"],\n  },\n  variants: {\n    isDropTarget: {\n      true: {\n        dropzone: \"border-focus ring ring-highlight\",\n      },\n    },\n    error: {\n      true: {\n        icon: \"bg-indication-red\",\n        dropzone: \"border-error\",\n      },\n    },\n  },\n});\n\nexport const uploadedItemStyles = tv({\n  slots: {\n    layout: [\n      \"flex min-h-16 w-full items-center justify-between rounded border border-default p-4 gap-4\",\n    ],\n    fileInformation: [\"flex items-center gap-2.5 overflow-x-hidden\"],\n    fileInformationRows: [\"flex flex-col overflow-x-hidden\"],\n  },\n});\n"],"names":["fileInputStyles","tv","uploadedItemStyles"],"mappings":"iHAEaA,EAAkBC,EAAAA,GAAG,CAChC,MAAO,CACL,OAAQ,CAAC,qBAAqB,EAC9B,eAAgB,CAAC,qBAAqB,EACtC,SAAU,CACR,6GACF,EACA,mBAAoB,CAAC,2BAA2B,EAChD,gBAAiB,CAAC,sBAAsB,EACxC,oBAAqB,CAAC,qBAAqB,CAC7C,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,SAAU,kCACZ,CACF,EACA,MAAO,CACL,KAAM,CACJ,KAAM,oBACN,SAAU,cACZ,CACF,CACF,CACF,CAAC,EAEYC,EAAqBD,EAAAA,GAAG,CACnC,MAAO,CACL,OAAQ,CACN,2FACF,EACA,gBAAiB,CAAC,6CAA6C,EAC/D,oBAAqB,CAAC,iCAAiC,CACzD,CACF,CAAC"}

package/dist/lyra28.js

@@ -25,9 +25,11 @@ const r = e({
   }
 }), t = e({
   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"]
+    layout: [
+      "flex min-h-16 w-full items-center justify-between rounded border border-default p-4 gap-4"
+    ],
+    fileInformation: ["flex items-center gap-2.5 overflow-x-hidden"],
+    fileInformationRows: ["flex flex-col overflow-x-hidden"]
   }
 });
 export {

package/dist/lyra28.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra28.js","sources":["../src/components/inputs/file-input/file-input.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const fileInputStyles = tv({\n  slots: {\n    layout: [\"flex flex-col gap-4\"],\n    dropAreaLayout: [\"flex flex-col gap-1\"],\n    dropzone: [\n      \"w-full min-h-16 p-4 border border-default rounded-md bg-surface-secondary flex items-center justify-between\",\n    ],\n    iconAndTitleLayout: [\"flex items-center gap-2.5\"],\n    fileInformation: [\"flex justify-between\"],\n    multipleFilesLayout: [\"flex flex-col gap-1\"],\n  },\n  variants: {\n    isDropTarget: {\n      true: {\n        dropzone: \"border-focus ring ring-highlight\",\n      },\n    },\n    error: {\n      true: {\n        icon: \"bg-indication-red\",\n        dropzone: \"border-error\",\n      },\n    },\n  },\n});\n\nexport const uploadedItemStyles = tv({\n  slots: {\n    layout: [\"flex min-h-16 w-full items-center justify-between rounded border border-default p-4\"],\n    fileInformation: [\"flex items-center gap-2.5\"],\n    fileInformationRows: [\"flex flex-col\"],\n  },\n});\n"],"names":["fileInputStyles","tv","uploadedItemStyles"],"mappings":";AAEO,MAAMA,IAAkBC,EAAG;AAAA,EAChC,OAAO;AAAA,IACL,QAAQ,CAAC,qBAAqB;AAAA,IAC9B,gBAAgB,CAAC,qBAAqB;AAAA,IACtC,UAAU;AAAA,MACR;AAAA,IACF;AAAA,IACA,oBAAoB,CAAC,2BAA2B;AAAA,IAChD,iBAAiB,CAAC,sBAAsB;AAAA,IACxC,qBAAqB,CAAC,qBAAqB;AAAA,EAC7C;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEYC,IAAqBD,EAAG;AAAA,EACnC,OAAO;AAAA,IACL,QAAQ,CAAC,qFAAqF;AAAA,IAC9F,iBAAiB,CAAC,2BAA2B;AAAA,IAC7C,qBAAqB,CAAC,eAAe;AAAA,EACvC;AACF,CAAC;"}
+{"version":3,"file":"lyra28.js","sources":["../src/components/inputs/file-input/file-input.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const fileInputStyles = tv({\n  slots: {\n    layout: [\"flex flex-col gap-4\"],\n    dropAreaLayout: [\"flex flex-col gap-1\"],\n    dropzone: [\n      \"w-full min-h-16 p-4 border border-default rounded-md bg-surface-secondary flex items-center justify-between\",\n    ],\n    iconAndTitleLayout: [\"flex items-center gap-2.5\"],\n    fileInformation: [\"flex justify-between\"],\n    multipleFilesLayout: [\"flex flex-col gap-1\"],\n  },\n  variants: {\n    isDropTarget: {\n      true: {\n        dropzone: \"border-focus ring ring-highlight\",\n      },\n    },\n    error: {\n      true: {\n        icon: \"bg-indication-red\",\n        dropzone: \"border-error\",\n      },\n    },\n  },\n});\n\nexport const uploadedItemStyles = tv({\n  slots: {\n    layout: [\n      \"flex min-h-16 w-full items-center justify-between rounded border border-default p-4 gap-4\",\n    ],\n    fileInformation: [\"flex items-center gap-2.5 overflow-x-hidden\"],\n    fileInformationRows: [\"flex flex-col overflow-x-hidden\"],\n  },\n});\n"],"names":["fileInputStyles","tv","uploadedItemStyles"],"mappings":";AAEO,MAAMA,IAAkBC,EAAG;AAAA,EAChC,OAAO;AAAA,IACL,QAAQ,CAAC,qBAAqB;AAAA,IAC9B,gBAAgB,CAAC,qBAAqB;AAAA,IACtC,UAAU;AAAA,MACR;AAAA,IACF;AAAA,IACA,oBAAoB,CAAC,2BAA2B;AAAA,IAChD,iBAAiB,CAAC,sBAAsB;AAAA,IACxC,qBAAqB,CAAC,qBAAqB;AAAA,EAC7C;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEYC,IAAqBD,EAAG;AAAA,EACnC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB,CAAC,6CAA6C;AAAA,IAC/D,qBAAqB,CAAC,iCAAiC;AAAA,EACzD;AACF,CAAC;"}

package/dist/lyra34.cjs

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

package/dist/lyra34.js

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