@new-black/lyra 1.0.37 → 1.1.0

package/dist/lyra187.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./lyra470.cjs"),B=require("./lyra471.cjs"),K=require("./lyra472.cjs"),F=require("./lyra473.cjs"),U=require("./lyra474.cjs"),A=require("./lyra475.cjs"),G=require("./lyra476.cjs"),V=require("./lyra477.cjs"),$=require("./lyra478.cjs"),M=require("./lyra479.cjs"),O=require("./lyra480.cjs"),z=require("./lyra481.cjs"),C=require("./lyra482.cjs"),H=require("./lyra483.cjs"),_=require("./lyra484.cjs"),j=require("./lyra485.cjs"),J=require("./lyra486.cjs"),W=require("./lyra487.cjs"),Z=require("./lyra488.cjs"),Q=require("./lyra489.cjs"),X=require("./lyra490.cjs"),Y=require("./lyra491.cjs"),ee=require("./lyra492.cjs"),te=require("./lyra493.cjs"),re=require("./lyra494.cjs"),ne=require("./lyra495.cjs"),ue=require("./lyra496.cjs"),oe=require("./lyra497.cjs"),ae=require("./lyra498.cjs"),ie=require("./lyra499.cjs"),se=require("./lyra500.cjs"),le=require("./lyra501.cjs"),ce=require("./lyra502.cjs"),de=require("./lyra503.cjs"),N=require("./lyra143.cjs"),f=require("react"),P=require("./lyra105.cjs"),fe=require("./lyra92.cjs");function qe(u){return u&&u.__esModule?u.default:u}var y={};y={"ar-AE":h.default,"bg-BG":B.default,"cs-CZ":K.default,"da-DK":F.default,"de-DE":U.default,"el-GR":A.default,"en-US":G.default,"es-ES":V.default,"et-EE":$.default,"fi-FI":M.default,"fr-FR":O.default,"he-IL":z.default,"hr-HR":C.default,"hu-HU":H.default,"it-IT":_.default,"ja-JP":j.default,"ko-KR":J.default,"lt-LT":W.default,"lv-LV":Z.default,"nb-NO":Q.default,"nl-NL":X.default,"pl-PL":Y.default,"pt-BR":ee.default,"pt-PT":te.default,"ro-RO":re.default,"ru-RU":ne.default,"sk-SK":ue.default,"sl-SI":oe.default,"sr-SP":ae.default,"sv-SE":ie.default,"tr-TR":se.default,"uk-UA":le.default,"zh-CN":ce.default,"zh-TW":de.default};function ve(u){const q=f.useRef();let{value:t,textValue:b,minValue:a,maxValue:i,isDisabled:I,isReadOnly:R,isRequired:x,onIncrement:r,onIncrementPage:s,onDecrement:n,onDecrementPage:l,onDecrementToMin:c,onIncrementToMax:d}=u;const k=fe.useLocalizedStringFormatter(qe(y),"@react-aria/spinbutton"),o=()=>clearTimeout(q.current);f.useEffect(()=>()=>o(),[]);let g=e=>{if(!(e.ctrlKey||e.metaKey||e.shiftKey||e.altKey||R))switch(e.key){case"PageUp":if(s){e.preventDefault(),s==null||s();break}case"ArrowUp":case"Up":r&&(e.preventDefault(),r==null||r());break;case"PageDown":if(l){e.preventDefault(),l==null||l();break}case"ArrowDown":case"Down":n&&(e.preventDefault(),n==null||n());break;case"Home":c&&(e.preventDefault(),c==null||c());break;case"End":d&&(e.preventDefault(),d==null||d());break}},v=f.useRef(!1),m=()=>{v.current=!0},p=()=>{v.current=!1},D=b===""?k.format("Empty"):(b||`${t}`).replace("-","−");f.useEffect(()=>{v.current&&(N.clearAnnouncer("assertive"),N.announce(D,"assertive"))},[D]);const E=P.useEffectEvent(e=>{o(),r==null||r(),q.current=window.setTimeout(()=>{(i===void 0||isNaN(i)||t===void 0||isNaN(t)||t<i)&&E(60)},e)}),S=P.useEffectEvent(e=>{o(),n==null||n(),q.current=window.setTimeout(()=>{(a===void 0||isNaN(a)||t===void 0||isNaN(t)||t>a)&&S(60)},e)});let T=e=>{e.preventDefault()},{addGlobalListener:w,removeAllGlobalListeners:L}=P.useGlobalListeners();return{spinButtonProps:{role:"spinbutton","aria-valuenow":t!==void 0&&!isNaN(t)?t:void 0,"aria-valuetext":D,"aria-valuemin":a,"aria-valuemax":i,"aria-disabled":I||void 0,"aria-readonly":R||void 0,"aria-required":x||void 0,onKeyDown:g,onFocus:m,onBlur:p},incrementButtonProps:{onPressStart:()=>{E(400),w(window,"contextmenu",T)},onPressEnd:()=>{o(),L()},onFocus:m,onBlur:p},decrementButtonProps:{onPressStart:()=>{S(400),w(window,"contextmenu",T)},onPressEnd:()=>{o(),L()},onFocus:m,onBlur:p}}}exports.useSpinButton=ve;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./lyra473.cjs"),B=require("./lyra474.cjs"),K=require("./lyra475.cjs"),F=require("./lyra476.cjs"),U=require("./lyra477.cjs"),A=require("./lyra478.cjs"),G=require("./lyra479.cjs"),V=require("./lyra480.cjs"),$=require("./lyra481.cjs"),M=require("./lyra482.cjs"),O=require("./lyra483.cjs"),z=require("./lyra484.cjs"),C=require("./lyra485.cjs"),H=require("./lyra486.cjs"),_=require("./lyra487.cjs"),j=require("./lyra488.cjs"),J=require("./lyra489.cjs"),W=require("./lyra490.cjs"),Z=require("./lyra491.cjs"),Q=require("./lyra492.cjs"),X=require("./lyra493.cjs"),Y=require("./lyra494.cjs"),ee=require("./lyra495.cjs"),te=require("./lyra496.cjs"),re=require("./lyra497.cjs"),ne=require("./lyra498.cjs"),ue=require("./lyra499.cjs"),oe=require("./lyra500.cjs"),ae=require("./lyra501.cjs"),ie=require("./lyra502.cjs"),se=require("./lyra503.cjs"),le=require("./lyra504.cjs"),ce=require("./lyra505.cjs"),de=require("./lyra506.cjs"),N=require("./lyra143.cjs"),f=require("react"),P=require("./lyra105.cjs"),fe=require("./lyra92.cjs");function qe(u){return u&&u.__esModule?u.default:u}var y={};y={"ar-AE":h.default,"bg-BG":B.default,"cs-CZ":K.default,"da-DK":F.default,"de-DE":U.default,"el-GR":A.default,"en-US":G.default,"es-ES":V.default,"et-EE":$.default,"fi-FI":M.default,"fr-FR":O.default,"he-IL":z.default,"hr-HR":C.default,"hu-HU":H.default,"it-IT":_.default,"ja-JP":j.default,"ko-KR":J.default,"lt-LT":W.default,"lv-LV":Z.default,"nb-NO":Q.default,"nl-NL":X.default,"pl-PL":Y.default,"pt-BR":ee.default,"pt-PT":te.default,"ro-RO":re.default,"ru-RU":ne.default,"sk-SK":ue.default,"sl-SI":oe.default,"sr-SP":ae.default,"sv-SE":ie.default,"tr-TR":se.default,"uk-UA":le.default,"zh-CN":ce.default,"zh-TW":de.default};function ve(u){const q=f.useRef();let{value:t,textValue:b,minValue:a,maxValue:i,isDisabled:I,isReadOnly:R,isRequired:x,onIncrement:r,onIncrementPage:s,onDecrement:n,onDecrementPage:l,onDecrementToMin:c,onIncrementToMax:d}=u;const k=fe.useLocalizedStringFormatter(qe(y),"@react-aria/spinbutton"),o=()=>clearTimeout(q.current);f.useEffect(()=>()=>o(),[]);let g=e=>{if(!(e.ctrlKey||e.metaKey||e.shiftKey||e.altKey||R))switch(e.key){case"PageUp":if(s){e.preventDefault(),s==null||s();break}case"ArrowUp":case"Up":r&&(e.preventDefault(),r==null||r());break;case"PageDown":if(l){e.preventDefault(),l==null||l();break}case"ArrowDown":case"Down":n&&(e.preventDefault(),n==null||n());break;case"Home":c&&(e.preventDefault(),c==null||c());break;case"End":d&&(e.preventDefault(),d==null||d());break}},v=f.useRef(!1),m=()=>{v.current=!0},p=()=>{v.current=!1},D=b===""?k.format("Empty"):(b||`${t}`).replace("-","−");f.useEffect(()=>{v.current&&(N.clearAnnouncer("assertive"),N.announce(D,"assertive"))},[D]);const E=P.useEffectEvent(e=>{o(),r==null||r(),q.current=window.setTimeout(()=>{(i===void 0||isNaN(i)||t===void 0||isNaN(t)||t<i)&&E(60)},e)}),S=P.useEffectEvent(e=>{o(),n==null||n(),q.current=window.setTimeout(()=>{(a===void 0||isNaN(a)||t===void 0||isNaN(t)||t>a)&&S(60)},e)});let T=e=>{e.preventDefault()},{addGlobalListener:w,removeAllGlobalListeners:L}=P.useGlobalListeners();return{spinButtonProps:{role:"spinbutton","aria-valuenow":t!==void 0&&!isNaN(t)?t:void 0,"aria-valuetext":D,"aria-valuemin":a,"aria-valuemax":i,"aria-disabled":I||void 0,"aria-readonly":R||void 0,"aria-required":x||void 0,onKeyDown:g,onFocus:m,onBlur:p},incrementButtonProps:{onPressStart:()=>{E(400),w(window,"contextmenu",T)},onPressEnd:()=>{o(),L()},onFocus:m,onBlur:p},decrementButtonProps:{onPressStart:()=>{S(400),w(window,"contextmenu",T)},onPressEnd:()=>{o(),L()},onFocus:m,onBlur:p}}}exports.useSpinButton=ve;

package/dist/lyra187.js

@@ -1,37 +1,37 @@
-import g from "./lyra470.js";
-import F from "./lyra471.js";
-import K from "./lyra472.js";
-import A from "./lyra473.js";
-import V from "./lyra474.js";
-import h from "./lyra475.js";
-import G from "./lyra476.js";
-import U from "./lyra477.js";
-import M from "./lyra478.js";
-import O from "./lyra479.js";
-import q from "./lyra480.js";
-import z from "./lyra481.js";
-import C from "./lyra482.js";
-import H from "./lyra483.js";
-import _ from "./lyra484.js";
-import j from "./lyra485.js";
-import J from "./lyra486.js";
-import W from "./lyra487.js";
-import Z from "./lyra488.js";
-import Q from "./lyra489.js";
-import X from "./lyra490.js";
-import Y from "./lyra491.js";
-import ee from "./lyra492.js";
-import re from "./lyra493.js";
-import oe from "./lyra494.js";
-import te from "./lyra495.js";
-import ae from "./lyra496.js";
-import ne from "./lyra497.js";
-import ie from "./lyra498.js";
-import fe from "./lyra499.js";
-import se from "./lyra500.js";
-import ce from "./lyra501.js";
-import me from "./lyra502.js";
-import pe from "./lyra503.js";
+import g from "./lyra473.js";
+import F from "./lyra474.js";
+import K from "./lyra475.js";
+import A from "./lyra476.js";
+import V from "./lyra477.js";
+import h from "./lyra478.js";
+import G from "./lyra479.js";
+import U from "./lyra480.js";
+import M from "./lyra481.js";
+import O from "./lyra482.js";
+import q from "./lyra483.js";
+import z from "./lyra484.js";
+import C from "./lyra485.js";
+import H from "./lyra486.js";
+import _ from "./lyra487.js";
+import j from "./lyra488.js";
+import J from "./lyra489.js";
+import W from "./lyra490.js";
+import Z from "./lyra491.js";
+import Q from "./lyra492.js";
+import X from "./lyra493.js";
+import Y from "./lyra494.js";
+import ee from "./lyra495.js";
+import re from "./lyra496.js";
+import oe from "./lyra497.js";
+import te from "./lyra498.js";
+import ae from "./lyra499.js";
+import ne from "./lyra500.js";
+import ie from "./lyra501.js";
+import fe from "./lyra502.js";
+import se from "./lyra503.js";
+import ce from "./lyra504.js";
+import me from "./lyra505.js";
+import pe from "./lyra506.js";
 import { clearAnnouncer as de, announce as $e } from "./lyra143.js";
 import { useRef as N, useEffect as R } from "react";
 import { useEffectEvent as T, useGlobalListeners as le } from "./lyra105.js";

package/dist/lyra225.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra597.cjs"),c=require("./lyra598.cjs");function t(e,_){var r=c._class_extract_field_descriptor(e,_,"get");return s._class_apply_descriptor_get(e,r)}exports._=t;exports._class_private_field_get=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra604.cjs"),c=require("./lyra605.cjs");function t(e,_){var r=c._class_extract_field_descriptor(e,_,"get");return s._class_apply_descriptor_get(e,r)}exports._=t;exports._class_private_field_get=t;

package/dist/lyra225.js

@@ -1,5 +1,5 @@
-import { _class_apply_descriptor_get as s } from "./lyra597.js";
-import { _class_extract_field_descriptor as e } from "./lyra598.js";
+import { _class_apply_descriptor_get as s } from "./lyra604.js";
+import { _class_extract_field_descriptor as e } from "./lyra605.js";
 function a(r, t) {
   var _ = e(r, t, "get");
   return s(r, _);

package/dist/lyra226.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra599.cjs");function t(e,i,_){r._check_private_redeclaration(e,i),i.set(e,_)}exports._=t;exports._class_private_field_init=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra606.cjs");function t(e,i,_){r._check_private_redeclaration(e,i),i.set(e,_)}exports._=t;exports._class_private_field_init=t;

package/dist/lyra226.js

@@ -1,4 +1,4 @@
-import { _check_private_redeclaration as t } from "./lyra599.js";
+import { _check_private_redeclaration as t } from "./lyra606.js";
 function c(_, e, i) {
   t(_, e), e.set(_, i);
 }

package/dist/lyra227.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra600.cjs"),i=require("./lyra598.cjs");function t(e,_,s){var r=i._class_extract_field_descriptor(e,_,"set");return c._class_apply_descriptor_set(e,r,s),s}exports._=t;exports._class_private_field_set=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra607.cjs"),i=require("./lyra605.cjs");function t(e,_,s){var r=i._class_extract_field_descriptor(e,_,"set");return c._class_apply_descriptor_set(e,r,s),s}exports._=t;exports._class_private_field_set=t;

package/dist/lyra227.js

@@ -1,5 +1,5 @@
-import { _class_apply_descriptor_set as o } from "./lyra600.js";
-import { _class_extract_field_descriptor as p } from "./lyra598.js";
+import { _class_apply_descriptor_set as o } from "./lyra607.js";
+import { _class_extract_field_descriptor as p } from "./lyra605.js";
 function a(r, s, t) {
   var _ = p(r, s, "set");
   return o(r, _, t), t;

package/dist/lyra23.cjs

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

package/dist/lyra23.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra23.cjs","sources":["../src/components/inputs/date-picker/date-picker.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, KeyboardEventHandler, useContext, useMemo, useRef } from \"react\";\nimport {\n  Button as AriaButton,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarStateContext,\n  DateInput,\n  DatePicker as AriaDatePicker,\n  DatePickerContext,\n  DatePickerProps as AriaDatePickerProps,\n  DatePickerStateContext,\n  DateSegment,\n  DateValue,\n  Group,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nimport {\n  dataPickerCalendarGridStyles,\n  dateFieldStyles,\n  datePickerHeaderStyles,\n} from \"./date-picker.styles\";\nimport { DatePickerCalendarGridHeader, MonthPicker, YearPicker } from \"./shared\";\n\nexport type DatePickerProps<T extends DateValue> = Omit<AriaDatePickerProps<T>, \"className\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasStartSlot\" | \"hasEndSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    disableClearLogic?: boolean;\n  };\n\nexport type { DateValue };\n\nconst _DatePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    disableClearLogic,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: DatePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDatePicker>>,\n) => {\n  [props, ref] = useContextProps(props, ref, DatePickerContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaDatePicker\n        {...props}\n        granularity={granularity}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled, state }) => (\n          <>\n            <DatePickerInput\n              description={description}\n              fullWidth={fullWidth}\n              errorMessage={errorMessage}\n              hideHintLabel={hideHintLabel}\n              hideInputFooter={hideInputFooter}\n              hideInputHeader={hideInputHeader}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              label={label}\n              startSlot={startSlot}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\" && state.value && !isDisabled && !disableClearLogic) {\n                  e.preventDefault();\n                  state.setValue(null);\n                }\n              }}\n              disableClearLogic={disableClearLogic}\n            />\n            <Popover disablePadding className=\"group\">\n              <Calendar>\n                <div className=\"flex flex-col gap-3 p-3\">\n                  <DatePickerHeader />\n                  <div className=\"flex justify-center\">\n                    <CalendarGrid className=\"w-full text-center\">\n                      <DatePickerCalendarGridHeader />\n                      <DatePickerCalendarGridBody />\n                    </CalendarGrid>\n                  </div>\n                </div>\n              </Calendar>\n            </Popover>\n          </>\n        )}\n      </AriaDatePicker>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const DatePicker = fixedForwardRef(_DatePicker);\n//@ts-ignore\nDatePicker.displayName = \"DatePicker\";\ntype DatePickerInputProps = VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    startSlot?: JSX.Element;\n    onKeyDown?: KeyboardEventHandler<HTMLElement>;\n    disableClearLogic?: boolean;\n  };\n\nconst DatePickerInput = ({\n  description,\n  disableClearLogic,\n  errorMessage,\n  fullWidth,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isRequired,\n  label,\n  onKeyDown,\n  startSlot,\n}: DatePickerInputProps) => {\n  const { input, segment: segmentStyles } = dateFieldStyles();\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { button, buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    isInputOnly: false,\n  });\n  const { clear } = useDictionary();\n  const { setValue, value } = useContext(DatePickerStateContext);\n  const calendarButtonRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <>\n      {hasInputHeader ? (\n        <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n      ) : null}\n      <Group\n        className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n          inputField({\n            isDisabled,\n            isFocused: isFocusWithin,\n            isHovered,\n            isInvalid,\n            className: \"min-h-8\",\n          })\n        }\n        onKeyDown={onKeyDown}\n      >\n        {startSlot}\n        <DateInput className={input()}>\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        <div className=\"ms-auto flex gap-2\">\n          {!isDisabled && value && !disableClearLogic ? (\n            <Tooltip tooltip={clear}>\n              <AriaButton\n                slot={null}\n                excludeFromTabOrder\n                className={buttonExcludedFromTabOrder()}\n                onPress={() => {\n                  setValue(null);\n                  // focus the calendar button after clearing the value\n                  // this way the user can easily open the calendar again\n                  // plus focusing another element afterwards makes sure that the focus is moved\n                  // https://n6k.atlassian.net/browse/OPTR-31779\n                  calendarButtonRef.current?.focus();\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </AriaButton>\n            </Tooltip>\n          ) : null}\n          <AriaButton\n            ref={calendarButtonRef}\n            isDisabled={isDisabled}\n            className={({ isDisabled, isFocusVisible, isHovered }) =>\n              button({ isDisabled, isFocused: isFocusVisible, isHovered })\n            }\n          >\n            <SvgIcon name=\"calendar\" />\n          </AriaButton>\n        </div>\n      </Group>\n      {hasInputFooter ? (\n        <InputFooter description={description} errorMessage={errorMessage} />\n      ) : null}\n    </>\n  );\n};\n\nconst DatePickerHeader = () => {\n  const { buttons } = datePickerHeaderStyles();\n\n  const { focusedDate, setFocusedDate } = useContext(CalendarStateContext);\n\n  return (\n    <header className=\"flex justify-between gap-3\">\n      <AriaButton slot=\"previous\" className={buttons()}>\n        <SvgIcon name=\"chevron-left\" />\n      </AriaButton>\n\n      <div className=\"flex gap-1\">\n        <MonthPicker\n          value={focusedDate.month}\n          onChange={(value) => {\n            setFocusedDate(focusedDate.copy().set({ month: value }));\n          }}\n        />\n        <YearPicker\n          value={focusedDate.year}\n          onChange={(value) => {\n            setFocusedDate(focusedDate.copy().set({ year: value }));\n          }}\n        />\n      </div>\n\n      <AriaButton slot=\"next\" className={buttons()}>\n        <SvgIcon name=\"chevron-right\" />\n      </AriaButton>\n    </header>\n  );\n};\n\nconst DatePickerCalendarGridBody = () => {\n  const { bodyCell } = dataPickerCalendarGridStyles();\n\n  return (\n    <CalendarGridBody>\n      {(date) => (\n        <CalendarCell\n          date={date}\n          className={({\n            isDisabled,\n            isFocusVisible,\n            isHovered,\n            isOutsideMonth,\n            isPressed,\n            isSelected,\n            isUnavailable,\n          }) =>\n            bodyCell({\n              isSelected,\n              isFocusVisible,\n              isHovered,\n              isUnavailable,\n              isDisabled,\n              isOutsideMonth,\n              isPressed,\n            })\n          }\n        />\n      )}\n    </CalendarGridBody>\n  );\n};\n"],"names":["_DatePicker","className","description","disableClearLogic","errorMessage","fullWidth","granularity","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","DatePickerContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaDatePicker","renderProps","isDisabled","state","Fragment","DatePickerInput","e","Popover","Calendar","DatePickerHeader","CalendarGrid","DatePickerCalendarGridHeader","DatePickerCalendarGridBody","DatePicker","fixedForwardRef","onKeyDown","input","segmentStyles","dateFieldStyles","hasInputFooter","shouldRenderInputFooter","button","buttonExcludedFromTabOrder","inputField","clear","useDictionary","setValue","value","useContext","DatePickerStateContext","calendarButtonRef","useRef","InputHeader","Group","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","Tooltip","AriaButton","_a","SvgIcon","isFocusVisible","InputFooter","buttons","datePickerHeaderStyles","focusedDate","setFocusedDate","CalendarStateContext","MonthPicker","YearPicker","bodyCell","dataPickerCalendarGridStyles","CalendarGridBody","date","CalendarCell","isOutsideMonth","isPressed","isSelected","isUnavailable"],"mappings":"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"}
+{"version":3,"file":"lyra23.cjs","sources":["../src/components/inputs/date-picker/date-picker.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, KeyboardEventHandler, useContext, useMemo, useRef } from \"react\";\nimport {\n  Button as AriaButton,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarStateContext,\n  DateInput,\n  DatePicker as AriaDatePicker,\n  DatePickerContext,\n  DatePickerProps as AriaDatePickerProps,\n  DatePickerStateContext,\n  DateSegment,\n  DateValue,\n  Group,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nimport {\n  dataPickerCalendarGridStyles,\n  dateFieldStyles,\n  datePickerHeaderStyles,\n} from \"./date-picker.styles\";\nimport { DatePickerCalendarGridHeader, MonthPicker, YearPicker } from \"./shared\";\n\nexport type DatePickerProps<T extends DateValue> = Omit<AriaDatePickerProps<T>, \"className\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasStartSlot\" | \"hasEndSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    disableClearLogic?: boolean;\n  };\n\nexport type { DateValue };\n\nconst _DatePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    disableClearLogic,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: DatePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDatePicker>>,\n) => {\n  [props, ref] = useContextProps(props, ref, DatePickerContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaDatePicker\n        {...props}\n        granularity={granularity}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled, state }) => (\n          <>\n            <DatePickerInput\n              description={description}\n              fullWidth={fullWidth}\n              errorMessage={errorMessage}\n              hideHintLabel={hideHintLabel}\n              hideInputFooter={hideInputFooter}\n              hideInputHeader={hideInputHeader}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              label={label}\n              startSlot={startSlot}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\" && state.value && !isDisabled && !disableClearLogic) {\n                  e.preventDefault();\n                  state.setValue(null);\n                }\n              }}\n              disableClearLogic={disableClearLogic}\n            />\n            <Popover disablePadding className=\"group\">\n              <Calendar>\n                <div className=\"flex flex-col gap-3 p-3\">\n                  <DatePickerHeader />\n                  <div className=\"flex justify-center\">\n                    <CalendarGrid className=\"w-full text-center\">\n                      <DatePickerCalendarGridHeader />\n                      <DatePickerCalendarGridBody />\n                    </CalendarGrid>\n                  </div>\n                </div>\n              </Calendar>\n            </Popover>\n          </>\n        )}\n      </AriaDatePicker>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const DatePicker = fixedForwardRef(_DatePicker);\n//@ts-ignore\nDatePicker.displayName = \"DatePicker\";\ntype DatePickerInputProps = VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    startSlot?: JSX.Element;\n    onKeyDown?: KeyboardEventHandler<HTMLElement>;\n    disableClearLogic?: boolean;\n  };\n\nconst DatePickerInput = ({\n  description,\n  disableClearLogic,\n  errorMessage,\n  fullWidth,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isRequired,\n  label,\n  onKeyDown,\n  startSlot,\n}: DatePickerInputProps) => {\n  const { input, segment: segmentStyles } = dateFieldStyles();\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { button, buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    isInputOnly: false,\n  });\n  const { clear } = useDictionary();\n  const { setValue, value } = useContext(DatePickerStateContext);\n  const calendarButtonRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <>\n      {hasInputHeader ? (\n        <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n      ) : null}\n      <Group\n        className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n          inputField({\n            isDisabled,\n            isFocused: isFocusWithin,\n            isHovered,\n            isInvalid: isInvalid || !!errorMessage,\n            className: \"min-h-8\",\n          })\n        }\n        onKeyDown={onKeyDown}\n      >\n        {startSlot}\n        <DateInput className={input()}>\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        <div className=\"ms-auto flex gap-2\">\n          {!isDisabled && value && !disableClearLogic ? (\n            <Tooltip tooltip={clear}>\n              <AriaButton\n                slot={null}\n                excludeFromTabOrder\n                className={buttonExcludedFromTabOrder()}\n                onPress={() => {\n                  setValue(null);\n                  // focus the calendar button after clearing the value\n                  // this way the user can easily open the calendar again\n                  // plus focusing another element afterwards makes sure that the focus is moved\n                  // https://n6k.atlassian.net/browse/OPTR-31779\n                  calendarButtonRef.current?.focus();\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </AriaButton>\n            </Tooltip>\n          ) : null}\n          <AriaButton\n            ref={calendarButtonRef}\n            isDisabled={isDisabled}\n            className={({ isDisabled, isFocusVisible, isHovered }) =>\n              button({ isDisabled, isFocused: isFocusVisible, isHovered })\n            }\n          >\n            <SvgIcon name=\"calendar\" />\n          </AriaButton>\n        </div>\n      </Group>\n      {hasInputFooter ? (\n        <InputFooter description={description} errorMessage={errorMessage} />\n      ) : null}\n    </>\n  );\n};\n\nconst DatePickerHeader = () => {\n  const { buttons } = datePickerHeaderStyles();\n\n  const { focusedDate, setFocusedDate } = useContext(CalendarStateContext);\n\n  return (\n    <header className=\"flex justify-between gap-3\">\n      <AriaButton slot=\"previous\" className={buttons()}>\n        <SvgIcon name=\"chevron-left\" />\n      </AriaButton>\n\n      <div className=\"flex gap-1\">\n        <MonthPicker\n          value={focusedDate.month}\n          onChange={(value) => {\n            setFocusedDate(focusedDate.copy().set({ month: value }));\n          }}\n        />\n        <YearPicker\n          value={focusedDate.year}\n          onChange={(value) => {\n            setFocusedDate(focusedDate.copy().set({ year: value }));\n          }}\n        />\n      </div>\n\n      <AriaButton slot=\"next\" className={buttons()}>\n        <SvgIcon name=\"chevron-right\" />\n      </AriaButton>\n    </header>\n  );\n};\n\nconst DatePickerCalendarGridBody = () => {\n  const { bodyCell } = dataPickerCalendarGridStyles();\n\n  return (\n    <CalendarGridBody>\n      {(date) => (\n        <CalendarCell\n          date={date}\n          className={({\n            isDisabled,\n            isFocusVisible,\n            isHovered,\n            isOutsideMonth,\n            isPressed,\n            isSelected,\n            isUnavailable,\n          }) =>\n            bodyCell({\n              isSelected,\n              isFocusVisible,\n              isHovered,\n              isUnavailable,\n              isDisabled,\n              isOutsideMonth,\n              isPressed,\n            })\n          }\n        />\n      )}\n    </CalendarGridBody>\n  );\n};\n"],"names":["_DatePicker","className","description","disableClearLogic","errorMessage","fullWidth","granularity","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","DatePickerContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaDatePicker","renderProps","isDisabled","state","Fragment","DatePickerInput","e","Popover","Calendar","DatePickerHeader","CalendarGrid","DatePickerCalendarGridHeader","DatePickerCalendarGridBody","DatePicker","fixedForwardRef","onKeyDown","input","segmentStyles","dateFieldStyles","hasInputFooter","shouldRenderInputFooter","button","buttonExcludedFromTabOrder","inputField","clear","useDictionary","setValue","value","useContext","DatePickerStateContext","calendarButtonRef","useRef","InputHeader","Group","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","Tooltip","AriaButton","_a","SvgIcon","isFocusVisible","InputFooter","buttons","datePickerHeaderStyles","focusedDate","setFocusedDate","CalendarStateContext","MonthPicker","YearPicker","bodyCell","dataPickerCalendarGridStyles","CalendarGridBody","date","CalendarCell","isOutsideMonth","isPressed","isSelected","isUnavailable"],"mappings":"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"}

package/dist/lyra23.js

@@ -1,23 +1,23 @@
 import { j as e } from "./lyra94.js";
-import { useMemo as g, useContext as I, useRef as B } from "react";
+import { useMemo as I, useContext as g, useRef as B } from "react";
 import { useContextProps as E, DatePickerContext as O, DatePicker as T, Calendar as V, CalendarGrid as q, DatePickerStateContext as K, Group as Y, DateInput as _, DateSegment as z, Button as N, CalendarStateContext as A, CalendarGridBody as H, CalendarCell as J } from "./lyra93.js";
-import { fixedForwardRef as M } from "./lyra97.js";
-import { useDictionary as Q } from "./lyra99.js";
-import { Popover as U } from "./lyra54.js";
+import { fixedForwardRef as Q } from "./lyra97.js";
+import { useDictionary as U } from "./lyra99.js";
+import { Popover as W } from "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
 import "./lyra57.js";
 import { SvgIcon as D } from "./lyra67.js";
-import { Tooltip as W } from "./lyra77.js";
-import { InputHeader as X } from "./lyra38.js";
-import { InputFooter as Z } from "./lyra39.js";
+import { Tooltip as X } from "./lyra77.js";
+import { InputHeader as Z } from "./lyra38.js";
+import { InputFooter as M } from "./lyra39.js";
 import { sharedInputStyles as R } from "./lyra40.js";
 import { shouldRenderInputHeader as G, shouldRenderInputFooter as L } from "./lyra615.js";
 import { dateFieldStyles as ee, datePickerHeaderStyles as se, dataPickerCalendarGridStyles as ae } from "./lyra24.js";
-import { DatePickerCalendarGridHeader as re, MonthPicker as te, YearPicker as ce } from "./lyra616.js";
+import { DatePickerCalendarGridHeader as te, MonthPicker as re, YearPicker as ce } from "./lyra616.js";
 const de = ({
-  className: r,
-  description: t,
+  className: t,
+  description: r,
   disableClearLogic: a,
   errorMessage: c,
   fullWidth: d = !0,
@@ -32,7 +32,7 @@ const de = ({
   ...m
 }, p) => {
   [m, p] = E(m, p, O);
-  const { isInvalid: P, isRequired: v } = m, C = g(
+  const { isInvalid: v, isRequired: P } = m, C = I(
     () => G({ hideHintLabel: o, hideInputHeader: i, label: n }),
     [o, i, n]
   ), { outerSlot: y, outerSlotsWrapper: k, wrapper: F } = R({
@@ -50,23 +50,23 @@ const de = ({
         ...m,
         granularity: x,
         className: (f) => F({
-          className: r,
+          className: t,
           isDisabled: f.isDisabled
         }),
-        isInvalid: P,
+        isInvalid: v,
         ref: p,
         children: ({ isDisabled: f, state: j }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsx(
             ne,
             {
-              description: t,
+              description: r,
               fullWidth: d,
               errorMessage: c,
               hideHintLabel: o,
               hideInputFooter: l,
               hideInputHeader: i,
               isDisabled: f,
-              isRequired: v,
+              isRequired: P,
               label: n,
               startSlot: b,
               onKeyDown: (s) => {
@@ -75,10 +75,10 @@ const de = ({
               disableClearLogic: a
             }
           ),
-          /* @__PURE__ */ e.jsx(U, { disablePadding: !0, className: "group", children: /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-3 p-3", children: [
+          /* @__PURE__ */ e.jsx(W, { disablePadding: !0, className: "group", children: /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-3 p-3", children: [
             /* @__PURE__ */ e.jsx(le, {}),
             /* @__PURE__ */ e.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ e.jsxs(q, { className: "w-full text-center", children: [
-              /* @__PURE__ */ e.jsx(re, {}),
+              /* @__PURE__ */ e.jsx(te, {}),
               /* @__PURE__ */ e.jsx(ie, {})
             ] }) })
           ] }) }) })
@@ -87,11 +87,11 @@ const de = ({
     ),
     h ? /* @__PURE__ */ e.jsx("div", { className: y(), children: h }) : null
   ] });
-}, oe = M(de);
+}, oe = Q(de);
 oe.displayName = "DatePicker";
 const ne = ({
-  description: r,
-  disableClearLogic: t,
+  description: t,
+  disableClearLogic: r,
   errorMessage: a,
   fullWidth: c,
   hideHintLabel: d,
@@ -103,20 +103,20 @@ const ne = ({
   onKeyDown: h,
   startSlot: u
 }) => {
-  const { input: b, segment: m } = ee(), p = g(
+  const { input: b, segment: m } = ee(), p = I(
     () => G({ hideHintLabel: d, hideInputHeader: o, label: n }),
     [d, o, n]
-  ), P = g(
-    () => L({ description: r, errorMessage: a, hideInputFooter: x }),
-    [r, a, x]
-  ), { button: v, buttonExcludedFromTabOrder: C, inputField: y } = R({
+  ), v = I(
+    () => L({ description: t, errorMessage: a, hideInputFooter: x }),
+    [t, a, x]
+  ), { button: P, buttonExcludedFromTabOrder: C, inputField: y } = R({
     fullWidth: c,
     hasStartSlot: !!u,
     hasEndSlot: !0,
     isInputOnly: !1
-  }), { clear: k } = Q(), { setValue: F, value: f } = I(K), j = B(null);
+  }), { clear: k } = U(), { setValue: F, value: f } = g(K), j = B(null);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    p ? /* @__PURE__ */ e.jsx(X, { label: n, hideHintLabel: d, isRequired: i }) : null,
+    p ? /* @__PURE__ */ e.jsx(Z, { label: n, hideHintLabel: d, isRequired: i }) : null,
     /* @__PURE__ */ e.jsxs(
       Y,
       {
@@ -124,7 +124,7 @@ const ne = ({
           isDisabled: s,
           isFocused: $,
           isHovered: S,
-          isInvalid: w,
+          isInvalid: w || !!a,
           className: "min-h-8"
         }),
         onKeyDown: h,
@@ -143,7 +143,7 @@ const ne = ({
             }
           ) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ms-auto flex gap-2", children: [
-            !l && f && !t ? /* @__PURE__ */ e.jsx(W, { tooltip: k, children: /* @__PURE__ */ e.jsx(
+            !l && f && !r ? /* @__PURE__ */ e.jsx(X, { tooltip: k, children: /* @__PURE__ */ e.jsx(
               N,
               {
                 slot: null,
@@ -161,7 +161,7 @@ const ne = ({
               {
                 ref: j,
                 isDisabled: l,
-                className: ({ isDisabled: s, isFocusVisible: $, isHovered: S }) => v({ isDisabled: s, isFocused: $, isHovered: S }),
+                className: ({ isDisabled: s, isFocusVisible: $, isHovered: S }) => P({ isDisabled: s, isFocused: $, isHovered: S }),
                 children: /* @__PURE__ */ e.jsx(D, { name: "calendar" })
               }
             )
@@ -169,40 +169,40 @@ const ne = ({
         ]
       }
     ),
-    P ? /* @__PURE__ */ e.jsx(Z, { description: r, errorMessage: a }) : null
+    v ? /* @__PURE__ */ e.jsx(M, { description: t, errorMessage: a }) : null
   ] });
 }, le = () => {
-  const { buttons: r } = se(), { focusedDate: t, setFocusedDate: a } = I(A);
+  const { buttons: t } = se(), { focusedDate: r, setFocusedDate: a } = g(A);
   return /* @__PURE__ */ e.jsxs("header", { className: "flex justify-between gap-3", children: [
-    /* @__PURE__ */ e.jsx(N, { slot: "previous", className: r(), children: /* @__PURE__ */ e.jsx(D, { name: "chevron-left" }) }),
+    /* @__PURE__ */ e.jsx(N, { slot: "previous", className: t(), children: /* @__PURE__ */ e.jsx(D, { name: "chevron-left" }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        te,
+        re,
         {
-          value: t.month,
+          value: r.month,
           onChange: (c) => {
-            a(t.copy().set({ month: c }));
+            a(r.copy().set({ month: c }));
           }
         }
       ),
       /* @__PURE__ */ e.jsx(
         ce,
         {
-          value: t.year,
+          value: r.year,
           onChange: (c) => {
-            a(t.copy().set({ year: c }));
+            a(r.copy().set({ year: c }));
           }
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsx(N, { slot: "next", className: r(), children: /* @__PURE__ */ e.jsx(D, { name: "chevron-right" }) })
+    /* @__PURE__ */ e.jsx(N, { slot: "next", className: t(), children: /* @__PURE__ */ e.jsx(D, { name: "chevron-right" }) })
   ] });
 }, ie = () => {
-  const { bodyCell: r } = ae();
-  return /* @__PURE__ */ e.jsx(H, { children: (t) => /* @__PURE__ */ e.jsx(
+  const { bodyCell: t } = ae();
+  return /* @__PURE__ */ e.jsx(H, { children: (r) => /* @__PURE__ */ e.jsx(
     J,
     {
-      date: t,
+      date: r,
       className: ({
         isDisabled: a,
         isFocusVisible: c,
@@ -211,7 +211,7 @@ const ne = ({
         isPressed: o,
         isSelected: l,
         isUnavailable: i
-      }) => r({
+      }) => t({
         isSelected: l,
         isFocusVisible: c,
         isHovered: d,

package/dist/lyra23.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra23.js","sources":["../src/components/inputs/date-picker/date-picker.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, KeyboardEventHandler, useContext, useMemo, useRef } from \"react\";\nimport {\n  Button as AriaButton,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarStateContext,\n  DateInput,\n  DatePicker as AriaDatePicker,\n  DatePickerContext,\n  DatePickerProps as AriaDatePickerProps,\n  DatePickerStateContext,\n  DateSegment,\n  DateValue,\n  Group,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nimport {\n  dataPickerCalendarGridStyles,\n  dateFieldStyles,\n  datePickerHeaderStyles,\n} from \"./date-picker.styles\";\nimport { DatePickerCalendarGridHeader, MonthPicker, YearPicker } from \"./shared\";\n\nexport type DatePickerProps<T extends DateValue> = Omit<AriaDatePickerProps<T>, \"className\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasStartSlot\" | \"hasEndSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    disableClearLogic?: boolean;\n  };\n\nexport type { DateValue };\n\nconst _DatePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    disableClearLogic,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: DatePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDatePicker>>,\n) => {\n  [props, ref] = useContextProps(props, ref, DatePickerContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaDatePicker\n        {...props}\n        granularity={granularity}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled, state }) => (\n          <>\n            <DatePickerInput\n              description={description}\n              fullWidth={fullWidth}\n              errorMessage={errorMessage}\n              hideHintLabel={hideHintLabel}\n              hideInputFooter={hideInputFooter}\n              hideInputHeader={hideInputHeader}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              label={label}\n              startSlot={startSlot}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\" && state.value && !isDisabled && !disableClearLogic) {\n                  e.preventDefault();\n                  state.setValue(null);\n                }\n              }}\n              disableClearLogic={disableClearLogic}\n            />\n            <Popover disablePadding className=\"group\">\n              <Calendar>\n                <div className=\"flex flex-col gap-3 p-3\">\n                  <DatePickerHeader />\n                  <div className=\"flex justify-center\">\n                    <CalendarGrid className=\"w-full text-center\">\n                      <DatePickerCalendarGridHeader />\n                      <DatePickerCalendarGridBody />\n                    </CalendarGrid>\n                  </div>\n                </div>\n              </Calendar>\n            </Popover>\n          </>\n        )}\n      </AriaDatePicker>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const DatePicker = fixedForwardRef(_DatePicker);\n//@ts-ignore\nDatePicker.displayName = \"DatePicker\";\ntype DatePickerInputProps = VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    startSlot?: JSX.Element;\n    onKeyDown?: KeyboardEventHandler<HTMLElement>;\n    disableClearLogic?: boolean;\n  };\n\nconst DatePickerInput = ({\n  description,\n  disableClearLogic,\n  errorMessage,\n  fullWidth,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isRequired,\n  label,\n  onKeyDown,\n  startSlot,\n}: DatePickerInputProps) => {\n  const { input, segment: segmentStyles } = dateFieldStyles();\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { button, buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    isInputOnly: false,\n  });\n  const { clear } = useDictionary();\n  const { setValue, value } = useContext(DatePickerStateContext);\n  const calendarButtonRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <>\n      {hasInputHeader ? (\n        <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n      ) : null}\n      <Group\n        className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n          inputField({\n            isDisabled,\n            isFocused: isFocusWithin,\n            isHovered,\n            isInvalid,\n            className: \"min-h-8\",\n          })\n        }\n        onKeyDown={onKeyDown}\n      >\n        {startSlot}\n        <DateInput className={input()}>\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        <div className=\"ms-auto flex gap-2\">\n          {!isDisabled && value && !disableClearLogic ? (\n            <Tooltip tooltip={clear}>\n              <AriaButton\n                slot={null}\n                excludeFromTabOrder\n                className={buttonExcludedFromTabOrder()}\n                onPress={() => {\n                  setValue(null);\n                  // focus the calendar button after clearing the value\n                  // this way the user can easily open the calendar again\n                  // plus focusing another element afterwards makes sure that the focus is moved\n                  // https://n6k.atlassian.net/browse/OPTR-31779\n                  calendarButtonRef.current?.focus();\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </AriaButton>\n            </Tooltip>\n          ) : null}\n          <AriaButton\n            ref={calendarButtonRef}\n            isDisabled={isDisabled}\n            className={({ isDisabled, isFocusVisible, isHovered }) =>\n              button({ isDisabled, isFocused: isFocusVisible, isHovered })\n            }\n          >\n            <SvgIcon name=\"calendar\" />\n          </AriaButton>\n        </div>\n      </Group>\n      {hasInputFooter ? (\n        <InputFooter description={description} errorMessage={errorMessage} />\n      ) : null}\n    </>\n  );\n};\n\nconst DatePickerHeader = () => {\n  const { buttons } = datePickerHeaderStyles();\n\n  const { focusedDate, setFocusedDate } = useContext(CalendarStateContext);\n\n  return (\n    <header className=\"flex justify-between gap-3\">\n      <AriaButton slot=\"previous\" className={buttons()}>\n        <SvgIcon name=\"chevron-left\" />\n      </AriaButton>\n\n      <div className=\"flex gap-1\">\n        <MonthPicker\n          value={focusedDate.month}\n          onChange={(value) => {\n            setFocusedDate(focusedDate.copy().set({ month: value }));\n          }}\n        />\n        <YearPicker\n          value={focusedDate.year}\n          onChange={(value) => {\n            setFocusedDate(focusedDate.copy().set({ year: value }));\n          }}\n        />\n      </div>\n\n      <AriaButton slot=\"next\" className={buttons()}>\n        <SvgIcon name=\"chevron-right\" />\n      </AriaButton>\n    </header>\n  );\n};\n\nconst DatePickerCalendarGridBody = () => {\n  const { bodyCell } = dataPickerCalendarGridStyles();\n\n  return (\n    <CalendarGridBody>\n      {(date) => (\n        <CalendarCell\n          date={date}\n          className={({\n            isDisabled,\n            isFocusVisible,\n            isHovered,\n            isOutsideMonth,\n            isPressed,\n            isSelected,\n            isUnavailable,\n          }) =>\n            bodyCell({\n              isSelected,\n              isFocusVisible,\n              isHovered,\n              isUnavailable,\n              isDisabled,\n              isOutsideMonth,\n              isPressed,\n            })\n          }\n        />\n      )}\n    </CalendarGridBody>\n  );\n};\n"],"names":["_DatePicker","className","description","disableClearLogic","errorMessage","fullWidth","granularity","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","DatePickerContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaDatePicker","renderProps","isDisabled","state","Fragment","DatePickerInput","e","Popover","Calendar","DatePickerHeader","CalendarGrid","DatePickerCalendarGridHeader","DatePickerCalendarGridBody","DatePicker","fixedForwardRef","onKeyDown","input","segmentStyles","dateFieldStyles","hasInputFooter","shouldRenderInputFooter","button","buttonExcludedFromTabOrder","inputField","clear","useDictionary","setValue","value","useContext","DatePickerStateContext","calendarButtonRef","useRef","InputHeader","Group","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","Tooltip","AriaButton","_a","SvgIcon","isFocusVisible","InputFooter","buttons","datePickerHeaderStyles","focusedDate","setFocusedDate","CalendarStateContext","MonthPicker","YearPicker","bodyCell","dataPickerCalendarGridStyles","CalendarGridBody","date","CalendarCell","isOutsideMonth","isPressed","isSelected","isUnavailable"],"mappings":"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"}
+{"version":3,"file":"lyra23.js","sources":["../src/components/inputs/date-picker/date-picker.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, KeyboardEventHandler, useContext, useMemo, useRef } from \"react\";\nimport {\n  Button as AriaButton,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarStateContext,\n  DateInput,\n  DatePicker as AriaDatePicker,\n  DatePickerContext,\n  DatePickerProps as AriaDatePickerProps,\n  DatePickerStateContext,\n  DateSegment,\n  DateValue,\n  Group,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nimport {\n  dataPickerCalendarGridStyles,\n  dateFieldStyles,\n  datePickerHeaderStyles,\n} from \"./date-picker.styles\";\nimport { DatePickerCalendarGridHeader, MonthPicker, YearPicker } from \"./shared\";\n\nexport type DatePickerProps<T extends DateValue> = Omit<AriaDatePickerProps<T>, \"className\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasStartSlot\" | \"hasEndSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    disableClearLogic?: boolean;\n  };\n\nexport type { DateValue };\n\nconst _DatePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    disableClearLogic,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: DatePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDatePicker>>,\n) => {\n  [props, ref] = useContextProps(props, ref, DatePickerContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaDatePicker\n        {...props}\n        granularity={granularity}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled, state }) => (\n          <>\n            <DatePickerInput\n              description={description}\n              fullWidth={fullWidth}\n              errorMessage={errorMessage}\n              hideHintLabel={hideHintLabel}\n              hideInputFooter={hideInputFooter}\n              hideInputHeader={hideInputHeader}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              label={label}\n              startSlot={startSlot}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\" && state.value && !isDisabled && !disableClearLogic) {\n                  e.preventDefault();\n                  state.setValue(null);\n                }\n              }}\n              disableClearLogic={disableClearLogic}\n            />\n            <Popover disablePadding className=\"group\">\n              <Calendar>\n                <div className=\"flex flex-col gap-3 p-3\">\n                  <DatePickerHeader />\n                  <div className=\"flex justify-center\">\n                    <CalendarGrid className=\"w-full text-center\">\n                      <DatePickerCalendarGridHeader />\n                      <DatePickerCalendarGridBody />\n                    </CalendarGrid>\n                  </div>\n                </div>\n              </Calendar>\n            </Popover>\n          </>\n        )}\n      </AriaDatePicker>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const DatePicker = fixedForwardRef(_DatePicker);\n//@ts-ignore\nDatePicker.displayName = \"DatePicker\";\ntype DatePickerInputProps = VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    startSlot?: JSX.Element;\n    onKeyDown?: KeyboardEventHandler<HTMLElement>;\n    disableClearLogic?: boolean;\n  };\n\nconst DatePickerInput = ({\n  description,\n  disableClearLogic,\n  errorMessage,\n  fullWidth,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isRequired,\n  label,\n  onKeyDown,\n  startSlot,\n}: DatePickerInputProps) => {\n  const { input, segment: segmentStyles } = dateFieldStyles();\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { button, buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    isInputOnly: false,\n  });\n  const { clear } = useDictionary();\n  const { setValue, value } = useContext(DatePickerStateContext);\n  const calendarButtonRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <>\n      {hasInputHeader ? (\n        <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n      ) : null}\n      <Group\n        className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n          inputField({\n            isDisabled,\n            isFocused: isFocusWithin,\n            isHovered,\n            isInvalid: isInvalid || !!errorMessage,\n            className: \"min-h-8\",\n          })\n        }\n        onKeyDown={onKeyDown}\n      >\n        {startSlot}\n        <DateInput className={input()}>\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        <div className=\"ms-auto flex gap-2\">\n          {!isDisabled && value && !disableClearLogic ? (\n            <Tooltip tooltip={clear}>\n              <AriaButton\n                slot={null}\n                excludeFromTabOrder\n                className={buttonExcludedFromTabOrder()}\n                onPress={() => {\n                  setValue(null);\n                  // focus the calendar button after clearing the value\n                  // this way the user can easily open the calendar again\n                  // plus focusing another element afterwards makes sure that the focus is moved\n                  // https://n6k.atlassian.net/browse/OPTR-31779\n                  calendarButtonRef.current?.focus();\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </AriaButton>\n            </Tooltip>\n          ) : null}\n          <AriaButton\n            ref={calendarButtonRef}\n            isDisabled={isDisabled}\n            className={({ isDisabled, isFocusVisible, isHovered }) =>\n              button({ isDisabled, isFocused: isFocusVisible, isHovered })\n            }\n          >\n            <SvgIcon name=\"calendar\" />\n          </AriaButton>\n        </div>\n      </Group>\n      {hasInputFooter ? (\n        <InputFooter description={description} errorMessage={errorMessage} />\n      ) : null}\n    </>\n  );\n};\n\nconst DatePickerHeader = () => {\n  const { buttons } = datePickerHeaderStyles();\n\n  const { focusedDate, setFocusedDate } = useContext(CalendarStateContext);\n\n  return (\n    <header className=\"flex justify-between gap-3\">\n      <AriaButton slot=\"previous\" className={buttons()}>\n        <SvgIcon name=\"chevron-left\" />\n      </AriaButton>\n\n      <div className=\"flex gap-1\">\n        <MonthPicker\n          value={focusedDate.month}\n          onChange={(value) => {\n            setFocusedDate(focusedDate.copy().set({ month: value }));\n          }}\n        />\n        <YearPicker\n          value={focusedDate.year}\n          onChange={(value) => {\n            setFocusedDate(focusedDate.copy().set({ year: value }));\n          }}\n        />\n      </div>\n\n      <AriaButton slot=\"next\" className={buttons()}>\n        <SvgIcon name=\"chevron-right\" />\n      </AriaButton>\n    </header>\n  );\n};\n\nconst DatePickerCalendarGridBody = () => {\n  const { bodyCell } = dataPickerCalendarGridStyles();\n\n  return (\n    <CalendarGridBody>\n      {(date) => (\n        <CalendarCell\n          date={date}\n          className={({\n            isDisabled,\n            isFocusVisible,\n            isHovered,\n            isOutsideMonth,\n            isPressed,\n            isSelected,\n            isUnavailable,\n          }) =>\n            bodyCell({\n              isSelected,\n              isFocusVisible,\n              isHovered,\n              isUnavailable,\n              isDisabled,\n              isOutsideMonth,\n              isPressed,\n            })\n          }\n        />\n      )}\n    </CalendarGridBody>\n  );\n};\n"],"names":["_DatePicker","className","description","disableClearLogic","errorMessage","fullWidth","granularity","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","DatePickerContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaDatePicker","renderProps","isDisabled","state","Fragment","DatePickerInput","e","Popover","Calendar","DatePickerHeader","CalendarGrid","DatePickerCalendarGridHeader","DatePickerCalendarGridBody","DatePicker","fixedForwardRef","onKeyDown","input","segmentStyles","dateFieldStyles","hasInputFooter","shouldRenderInputFooter","button","buttonExcludedFromTabOrder","inputField","clear","useDictionary","setValue","value","useContext","DatePickerStateContext","calendarButtonRef","useRef","InputHeader","Group","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","Tooltip","AriaButton","_a","SvgIcon","isFocusVisible","InputFooter","buttons","datePickerHeaderStyles","focusedDate","setFocusedDate","CalendarStateContext","MonthPicker","YearPicker","bodyCell","dataPickerCalendarGridStyles","CalendarGridBody","date","CalendarCell","isOutsideMonth","isPressed","isSelected","isUnavailable"],"mappings":"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"}