@new-black/lyra 1.0.31 → 1.0.33

package/dist/lyra23.js

@@ -1,224 +1,227 @@
 import { j as e } from "./lyra90.js";
-import { useMemo as S, useContext as g, useRef as w } from "react";
-import { useContextProps as B, DatePickerContext as E, DatePicker as T, Calendar as V, CalendarGrid as O, DatePickerStateContext as q, Group as K, DateInput as Y, DateSegment as _, Button as N, CalendarStateContext as z, CalendarGridBody as A, CalendarCell as H } from "./lyra89.js";
-import { fixedForwardRef as J } from "./lyra93.js";
-import { useDictionary as M } from "./lyra95.js";
-import { Popover as Q } from "./lyra53.js";
+import { useMemo as g, useContext as I, useRef as B } from "react";
+import { useContextProps as E, DatePickerContext as T, DatePicker as V, Calendar as O, CalendarGrid as q, DatePickerStateContext as K, Group as Y, DateInput as _, DateSegment as z, Button as y, CalendarStateContext as A, CalendarGridBody as H, CalendarCell as J } from "./lyra89.js";
+import { fixedForwardRef as M } from "./lyra93.js";
+import { useDictionary as Q } from "./lyra95.js";
+import { Popover as U } from "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
-import { SvgIcon as y } from "./lyra65.js";
-import { Tooltip as U } from "./lyra75.js";
-import { InputHeader as W } from "./lyra38.js";
-import { InputFooter as X } from "./lyra39.js";
-import { sharedInputStyles as I } from "./lyra40.js";
-import { shouldRenderInputHeader as R, shouldRenderInputFooter as Z } from "./lyra610.js";
-import { dateFieldStyles as L, datePickerHeaderStyles as ee, dataPickerCalendarGridStyles as se } from "./lyra24.js";
-import { DatePickerCalendarGridHeader as ae, MonthPicker as re, YearPicker as te } from "./lyra611.js";
-const ce = ({
-  className: t,
-  description: a,
-  errorMessage: d,
-  fullWidth: r = !0,
-  granularity: f = "day",
+import { SvgIcon as D } from "./lyra65.js";
+import { Tooltip as W } from "./lyra75.js";
+import { InputHeader as X } from "./lyra38.js";
+import { InputFooter as Z } from "./lyra39.js";
+import { sharedInputStyles as R } from "./lyra40.js";
+import { shouldRenderInputHeader as G, shouldRenderInputFooter as L } from "./lyra616.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 "./lyra617.js";
+const de = ({
+  className: r,
+  description: t,
+  disableClearLogic: a,
+  errorMessage: c,
+  fullWidth: d = !0,
+  granularity: x = "day",
   hideHintLabel: o,
-  hideInputFooter: n,
-  hideInputHeader: l,
-  label: c,
-  outerEndSlot: $,
-  outerStartSlot: m,
-  startSlot: h,
-  ...x
-}, u) => {
-  [x, u] = B(x, u, E);
-  const { isInvalid: D, isRequired: P } = x, v = S(
-    () => R({ hideHintLabel: o, hideInputHeader: l, label: c }),
-    [o, l, c]
-  ), { outerSlot: b, outerSlotsWrapper: C, wrapper: k } = I({
-    fullWidth: r,
-    hasStartSlot: !!h,
+  hideInputFooter: l,
+  hideInputHeader: i,
+  label: n,
+  outerEndSlot: h,
+  outerStartSlot: u,
+  startSlot: b,
+  ...m
+}, p) => {
+  [m, p] = E(m, p, T);
+  const { isInvalid: P, isRequired: v } = m, C = g(
+    () => G({ hideHintLabel: o, hideInputHeader: i, label: n }),
+    [o, i, n]
+  ), { outerSlot: N, outerSlotsWrapper: k, wrapper: F } = R({
+    fullWidth: d,
+    hasStartSlot: !!b,
     hasEndSlot: !0,
-    hasInputHeader: v,
-    hasLabel: !!c
+    hasInputHeader: C,
+    hasLabel: !!n
   });
-  return /* @__PURE__ */ e.jsxs("div", { className: C(), children: [
-    m ? /* @__PURE__ */ e.jsx("div", { className: b(), children: m }) : null,
+  return /* @__PURE__ */ e.jsxs("div", { className: k(), children: [
+    u ? /* @__PURE__ */ e.jsx("div", { className: N(), children: u }) : null,
     /* @__PURE__ */ e.jsx(
-      T,
+      V,
       {
-        ...x,
-        granularity: f,
-        className: (i) => k({
-          className: t,
-          isDisabled: i.isDisabled
+        ...m,
+        granularity: x,
+        className: (f) => F({
+          className: r,
+          isDisabled: f.isDisabled
         }),
-        isInvalid: D,
-        ref: u,
-        children: ({ isDisabled: i, state: p }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        isInvalid: P,
+        ref: p,
+        children: ({ isDisabled: f, state: j }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsx(
-            oe,
+            ne,
             {
-              description: a,
-              fullWidth: r,
-              errorMessage: d,
+              description: t,
+              fullWidth: d,
+              errorMessage: c,
               hideHintLabel: o,
-              hideInputFooter: n,
-              hideInputHeader: l,
-              isDisabled: i,
-              isRequired: P,
-              label: c,
-              startSlot: h,
+              hideInputFooter: l,
+              hideInputHeader: i,
+              isDisabled: f,
+              isRequired: v,
+              label: n,
+              startSlot: b,
               onKeyDown: (s) => {
-                s.key === "Escape" && p.value && !i && (s.preventDefault(), p.setValue(null));
-              }
+                s.key === "Escape" && j.value && !f && !a && (s.preventDefault(), j.setValue(null));
+              },
+              disableClearLogic: a
             }
           ),
-          /* @__PURE__ */ e.jsx(Q, { 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(ne, {}),
-            /* @__PURE__ */ e.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ e.jsxs(O, { className: "w-full text-center", children: [
-              /* @__PURE__ */ e.jsx(ae, {}),
-              /* @__PURE__ */ e.jsx(le, {})
+          /* @__PURE__ */ e.jsx(U, { disablePadding: !0, className: "group", children: /* @__PURE__ */ e.jsx(O, { 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(ie, {})
             ] }) })
           ] }) }) })
         ] })
       }
     ),
-    $ ? /* @__PURE__ */ e.jsx("div", { className: b(), children: $ }) : null
+    h ? /* @__PURE__ */ e.jsx("div", { className: N(), children: h }) : null
   ] });
-}, de = J(ce);
-de.displayName = "DatePicker";
-const oe = ({
-  description: t,
+}, oe = M(de);
+oe.displayName = "DatePicker";
+const ne = ({
+  description: r,
+  disableClearLogic: t,
   errorMessage: a,
-  fullWidth: d,
-  hideHintLabel: r,
-  hideInputFooter: f,
+  fullWidth: c,
+  hideHintLabel: d,
+  hideInputFooter: x,
   hideInputHeader: o,
-  isDisabled: n,
-  isRequired: l,
-  label: c,
-  onKeyDown: $,
-  startSlot: m
+  isDisabled: l,
+  isRequired: i,
+  label: n,
+  onKeyDown: h,
+  startSlot: u
 }) => {
-  const { input: h, segment: x } = L(), u = S(
-    () => R({ hideHintLabel: r, hideInputHeader: o, label: c }),
-    [r, o, c]
-  ), D = S(
-    () => Z({ description: t, errorMessage: a, hideInputFooter: f }),
-    [t, a, f]
-  ), { button: P, buttonExcludedFromTabOrder: v, inputField: b } = I({
-    fullWidth: d,
-    hasStartSlot: !!m,
+  const { input: b, segment: m } = ee(), p = g(
+    () => 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: N } = R({
+    fullWidth: c,
+    hasStartSlot: !!u,
     hasEndSlot: !0
-  }), { clear: C } = M(), { setValue: k, value: i } = g(q), p = w(null);
+  }), { clear: k } = Q(), { setValue: F, value: f } = I(K), j = B(null);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    u ? /* @__PURE__ */ e.jsx(W, { label: c, hideHintLabel: r, isRequired: l }) : null,
+    p ? /* @__PURE__ */ e.jsx(X, { label: n, hideHintLabel: d, isRequired: i }) : null,
     /* @__PURE__ */ e.jsxs(
-      K,
+      Y,
       {
-        className: ({ isDisabled: s, isFocusWithin: j, isHovered: F, isInvalid: G }) => b({
+        className: ({ isDisabled: s, isFocusWithin: $, isHovered: S, isInvalid: w }) => N({
           isDisabled: s,
-          isFocused: j,
-          isHovered: F,
-          isInvalid: G,
+          isFocused: $,
+          isHovered: S,
+          isInvalid: w,
           className: "min-h-8"
         }),
-        onKeyDown: $,
+        onKeyDown: h,
         children: [
-          m,
-          /* @__PURE__ */ e.jsx(Y, { className: h(), children: (s) => /* @__PURE__ */ e.jsx(
-            _,
+          u,
+          /* @__PURE__ */ e.jsx(_, { className: b(), children: (s) => /* @__PURE__ */ e.jsx(
+            z,
             {
-              className: ({ isFocused: j }) => x({
-                isFocused: j,
-                isDisabled: n,
+              className: ({ isFocused: $ }) => m({
+                isFocused: $,
+                isDisabled: l,
                 // consider literals (separators between segments) to have a value when a full date is entered
-                hasValue: s.type === "literal" ? !!i : !s.isPlaceholder
+                hasValue: s.type === "literal" ? !!f : !s.isPlaceholder
               }),
               segment: s
             }
           ) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ms-auto flex gap-2", children: [
-            !n && i ? /* @__PURE__ */ e.jsx(U, { tooltip: C, children: /* @__PURE__ */ e.jsx(
-              N,
+            !l && f && !t ? /* @__PURE__ */ e.jsx(W, { tooltip: k, children: /* @__PURE__ */ e.jsx(
+              y,
               {
                 slot: null,
                 excludeFromTabOrder: !0,
-                className: v(),
+                className: C(),
                 onPress: () => {
                   var s;
-                  k(null), (s = p.current) == null || s.focus();
+                  F(null), (s = j.current) == null || s.focus();
                 },
-                children: /* @__PURE__ */ e.jsx(y, { name: "clear" })
+                children: /* @__PURE__ */ e.jsx(D, { name: "clear" })
               }
             ) }) : null,
             /* @__PURE__ */ e.jsx(
-              N,
+              y,
               {
-                ref: p,
-                isDisabled: n,
-                className: ({ isDisabled: s, isFocusVisible: j, isHovered: F }) => P({ isDisabled: s, isFocused: j, isHovered: F }),
-                children: /* @__PURE__ */ e.jsx(y, { name: "calendar" })
+                ref: j,
+                isDisabled: l,
+                className: ({ isDisabled: s, isFocusVisible: $, isHovered: S }) => v({ isDisabled: s, isFocused: $, isHovered: S }),
+                children: /* @__PURE__ */ e.jsx(D, { name: "calendar" })
               }
             )
           ] })
         ]
       }
     ),
-    D ? /* @__PURE__ */ e.jsx(X, { description: t, errorMessage: a }) : null
+    P ? /* @__PURE__ */ e.jsx(Z, { description: r, errorMessage: a }) : null
   ] });
-}, ne = () => {
-  const { buttons: t } = ee(), { focusedDate: a, setFocusedDate: d } = g(z);
+}, le = () => {
+  const { buttons: r } = se(), { focusedDate: t, setFocusedDate: a } = I(A);
   return /* @__PURE__ */ e.jsxs("header", { className: "flex justify-between gap-3", children: [
-    /* @__PURE__ */ e.jsx(N, { slot: "previous", className: t(), children: /* @__PURE__ */ e.jsx(y, { name: "chevron-left" }) }),
+    /* @__PURE__ */ e.jsx(y, { slot: "previous", className: r(), children: /* @__PURE__ */ e.jsx(D, { name: "chevron-left" }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        re,
+        te,
         {
-          value: a.month,
-          onChange: (r) => {
-            d(a.copy().set({ month: r }));
+          value: t.month,
+          onChange: (c) => {
+            a(t.copy().set({ month: c }));
           }
         }
       ),
       /* @__PURE__ */ e.jsx(
-        te,
+        ce,
         {
-          value: a.year,
-          onChange: (r) => {
-            d(a.copy().set({ year: r }));
+          value: t.year,
+          onChange: (c) => {
+            a(t.copy().set({ year: c }));
           }
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsx(N, { slot: "next", className: t(), children: /* @__PURE__ */ e.jsx(y, { name: "chevron-right" }) })
+    /* @__PURE__ */ e.jsx(y, { slot: "next", className: r(), children: /* @__PURE__ */ e.jsx(D, { name: "chevron-right" }) })
   ] });
-}, le = () => {
-  const { bodyCell: t } = se();
-  return /* @__PURE__ */ e.jsx(A, { children: (a) => /* @__PURE__ */ e.jsx(
-    H,
+}, ie = () => {
+  const { bodyCell: r } = ae();
+  return /* @__PURE__ */ e.jsx(H, { children: (t) => /* @__PURE__ */ e.jsx(
+    J,
     {
-      date: a,
+      date: t,
       className: ({
-        isDisabled: d,
-        isFocusVisible: r,
-        isHovered: f,
-        isOutsideMonth: o,
-        isPressed: n,
+        isDisabled: a,
+        isFocusVisible: c,
+        isHovered: d,
+        isOutsideMonth: x,
+        isPressed: o,
         isSelected: l,
-        isUnavailable: c
-      }) => t({
+        isUnavailable: i
+      }) => r({
         isSelected: l,
-        isFocusVisible: r,
-        isHovered: f,
-        isUnavailable: c,
-        isDisabled: d,
-        isOutsideMonth: o,
-        isPressed: n
+        isFocusVisible: c,
+        isHovered: d,
+        isUnavailable: i,
+        isDisabled: a,
+        isOutsideMonth: x,
+        isPressed: o
       })
     }
   ) });
 };
 export {
-  de as DatePicker
+  oe as DatePicker
 };

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\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n  };\n\nexport type { DateValue };\n\nconst _DatePicker = <T extends DateValue>(\n  {\n    className,\n    description,\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) {\n                  e.preventDefault();\n                  state.setValue(null);\n                }\n              }}\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  };\n\nconst DatePickerInput = ({\n  description,\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  });\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 ? (\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","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\"\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  });\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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"}

package/dist/lyra25.cjs

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