@new-black/lyra 1.0.29 → 1.0.31

package/dist/lyra23.js

@@ -1,220 +1,224 @@
 import { j as e } from "./lyra90.js";
-import { useContext as v, useRef as F } from "react";
-import { useContextProps as I, DatePickerContext as G, DatePicker as w, Calendar as E, CalendarGrid as R, DatePickerStateContext as B, Group as H, DateInput as T, DateSegment as V, Button as b, CalendarStateContext as O, CalendarGridBody as q, CalendarCell as K } from "./lyra89.js";
-import { fixedForwardRef as M } from "./lyra93.js";
-import { useDictionary as Y } from "./lyra95.js";
-import { Popover as _ } from "./lyra53.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 "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
-import { SvgIcon as h } from "./lyra65.js";
-import { Tooltip as z } from "./lyra75.js";
-import { InputHeader as A } from "./lyra38.js";
-import { InputFooter as J } from "./lyra39.js";
-import { sharedInputStyles as S } from "./lyra40.js";
-import { dateFieldStyles as L, datePickerHeaderStyles as Q, dataPickerCalendarGridStyles as U } from "./lyra24.js";
-import { DatePickerCalendarGridHeader as X, MonthPicker as Z, YearPicker as W } from "./lyra610.js";
-const ee = ({
-  className: r,
+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: s = !0,
-  granularity: n = "day",
-  hideHintLabel: i,
-  hideInputFooter: c,
-  hideInputHeader: f,
-  label: x,
-  startSlot: p,
-  ...o
-}, m) => {
-  [o, m] = I(o, m, G);
-  const { isInvalid: y, isRequired: D } = o, { wrapper: P } = S({
-    fullWidth: s,
-    hasStartSlot: !!p,
-    hasEndSlot: !0
+  fullWidth: r = !0,
+  granularity: f = "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,
+    hasEndSlot: !0,
+    hasInputHeader: v,
+    hasLabel: !!c
   });
-  return /* @__PURE__ */ e.jsx(
-    w,
-    {
-      ...o,
-      granularity: n,
-      className: (l) => P({
-        className: r,
-        isDisabled: l.isDisabled
-      }),
-      isInvalid: y,
-      ref: m,
-      children: ({ isDisabled: l, state: $ }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(
-          se,
-          {
-            description: a,
-            fullWidth: s,
-            errorMessage: d,
-            hideHintLabel: i,
-            hideInputFooter: c,
-            hideInputHeader: f,
-            isDisabled: l,
-            isRequired: D,
-            label: x,
-            startSlot: p,
-            onKeyDown: (j) => {
-              j.key === "Escape" && $.value && !l && (j.preventDefault(), $.setValue(null));
+  return /* @__PURE__ */ e.jsxs("div", { className: C(), children: [
+    m ? /* @__PURE__ */ e.jsx("div", { className: b(), children: m }) : null,
+    /* @__PURE__ */ e.jsx(
+      T,
+      {
+        ...x,
+        granularity: f,
+        className: (i) => k({
+          className: t,
+          isDisabled: i.isDisabled
+        }),
+        isInvalid: D,
+        ref: u,
+        children: ({ isDisabled: i, state: p }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(
+            oe,
+            {
+              description: a,
+              fullWidth: r,
+              errorMessage: d,
+              hideHintLabel: o,
+              hideInputFooter: n,
+              hideInputHeader: l,
+              isDisabled: i,
+              isRequired: P,
+              label: c,
+              startSlot: h,
+              onKeyDown: (s) => {
+                s.key === "Escape" && p.value && !i && (s.preventDefault(), p.setValue(null));
+              }
             }
-          }
-        ),
-        /* @__PURE__ */ e.jsx(_, { disablePadding: !0, className: "group", children: /* @__PURE__ */ e.jsx(E, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-3 p-3", children: [
-          /* @__PURE__ */ e.jsx(te, {}),
-          /* @__PURE__ */ e.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ e.jsxs(R, { className: "w-full text-center", children: [
-            /* @__PURE__ */ e.jsx(X, {}),
-            /* @__PURE__ */ e.jsx(re, {})
-          ] }) })
-        ] }) }) })
-      ] })
-    }
-  );
-}, ae = M(ee);
-ae.displayName = "DatePicker";
-const se = ({
-  description: r,
+          ),
+          /* @__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("div", { className: b(), children: $ }) : null
+  ] });
+}, de = J(ce);
+de.displayName = "DatePicker";
+const oe = ({
+  description: t,
   errorMessage: a,
   fullWidth: d,
-  hideHintLabel: s,
-  hideInputFooter: n,
-  hideInputHeader: i,
-  isDisabled: c,
-  isRequired: f,
-  label: x,
-  onKeyDown: p,
-  startSlot: o
+  hideHintLabel: r,
+  hideInputFooter: f,
+  hideInputHeader: o,
+  isDisabled: n,
+  isRequired: l,
+  label: c,
+  onKeyDown: $,
+  startSlot: m
 }) => {
-  const { input: m, segment: y } = L(), { button: D, buttonExcludedFromTabOrder: P, inputField: l } = S({
+  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: !!o,
+    hasStartSlot: !!m,
     hasEndSlot: !0
-  }), { clear: $ } = Y(), { setValue: j, value: C } = v(B), k = F(null);
+  }), { clear: C } = M(), { setValue: k, value: i } = g(q), p = w(null);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      A,
-      {
-        label: x,
-        hideHintLabel: s,
-        hideInputHeader: i,
-        isRequired: f
-      }
-    ),
+    u ? /* @__PURE__ */ e.jsx(W, { label: c, hideHintLabel: r, isRequired: l }) : null,
     /* @__PURE__ */ e.jsxs(
-      H,
+      K,
       {
-        className: ({ isDisabled: t, isFocusWithin: u, isHovered: N, isInvalid: g }) => l({
-          isDisabled: t,
-          isFocused: u,
-          isHovered: N,
-          isInvalid: g,
+        className: ({ isDisabled: s, isFocusWithin: j, isHovered: F, isInvalid: G }) => b({
+          isDisabled: s,
+          isFocused: j,
+          isHovered: F,
+          isInvalid: G,
           className: "min-h-8"
         }),
-        onKeyDown: p,
+        onKeyDown: $,
         children: [
-          /* @__PURE__ */ e.jsx(T, { className: m(), children: (t) => /* @__PURE__ */ e.jsx(
-            V,
+          m,
+          /* @__PURE__ */ e.jsx(Y, { className: h(), children: (s) => /* @__PURE__ */ e.jsx(
+            _,
             {
-              className: ({ isFocused: u }) => y({
-                isFocused: u,
-                isDisabled: c,
+              className: ({ isFocused: j }) => x({
+                isFocused: j,
+                isDisabled: n,
                 // consider literals (separators between segments) to have a value when a full date is entered
-                hasValue: t.type === "literal" ? !!C : !t.isPlaceholder
+                hasValue: s.type === "literal" ? !!i : !s.isPlaceholder
               }),
-              segment: t
+              segment: s
             }
           ) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ms-auto flex gap-2", children: [
-            !c && C ? /* @__PURE__ */ e.jsx(z, { tooltip: $, children: /* @__PURE__ */ e.jsx(
-              b,
+            !n && i ? /* @__PURE__ */ e.jsx(U, { tooltip: C, children: /* @__PURE__ */ e.jsx(
+              N,
               {
                 slot: null,
                 excludeFromTabOrder: !0,
-                className: P(),
+                className: v(),
                 onPress: () => {
-                  var t;
-                  j(null), (t = k.current) == null || t.focus();
+                  var s;
+                  k(null), (s = p.current) == null || s.focus();
                 },
-                children: /* @__PURE__ */ e.jsx(h, { name: "clear" })
+                children: /* @__PURE__ */ e.jsx(y, { name: "clear" })
               }
             ) }) : null,
             /* @__PURE__ */ e.jsx(
-              b,
+              N,
               {
-                ref: k,
-                isDisabled: c,
-                className: ({ isDisabled: t, isFocusVisible: u, isHovered: N }) => D({ isDisabled: t, isFocused: u, isHovered: N }),
-                children: /* @__PURE__ */ e.jsx(h, { name: "calendar" })
+                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" })
               }
             )
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx(
-      J,
-      {
-        description: r,
-        errorMessage: a,
-        hideInputFooter: n
-      }
-    )
+    D ? /* @__PURE__ */ e.jsx(X, { description: t, errorMessage: a }) : null
   ] });
-}, te = () => {
-  const { buttons: r } = Q(), { focusedDate: a, setFocusedDate: d } = v(O);
+}, ne = () => {
+  const { buttons: t } = ee(), { focusedDate: a, setFocusedDate: d } = g(z);
   return /* @__PURE__ */ e.jsxs("header", { className: "flex justify-between gap-3", children: [
-    /* @__PURE__ */ e.jsx(b, { slot: "previous", className: r(), children: /* @__PURE__ */ e.jsx(h, { name: "chevron-left" }) }),
+    /* @__PURE__ */ e.jsx(N, { slot: "previous", className: t(), children: /* @__PURE__ */ e.jsx(y, { name: "chevron-left" }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        Z,
+        re,
         {
           value: a.month,
-          onChange: (s) => {
-            d(a.copy().set({ month: s }));
+          onChange: (r) => {
+            d(a.copy().set({ month: r }));
           }
         }
       ),
       /* @__PURE__ */ e.jsx(
-        W,
+        te,
         {
           value: a.year,
-          onChange: (s) => {
-            d(a.copy().set({ year: s }));
+          onChange: (r) => {
+            d(a.copy().set({ year: r }));
           }
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsx(b, { slot: "next", className: r(), children: /* @__PURE__ */ e.jsx(h, { name: "chevron-right" }) })
+    /* @__PURE__ */ e.jsx(N, { slot: "next", className: t(), children: /* @__PURE__ */ e.jsx(y, { name: "chevron-right" }) })
   ] });
-}, re = () => {
-  const { bodyCell: r } = U();
-  return /* @__PURE__ */ e.jsx(q, { children: (a) => /* @__PURE__ */ e.jsx(
-    K,
+}, le = () => {
+  const { bodyCell: t } = se();
+  return /* @__PURE__ */ e.jsx(A, { children: (a) => /* @__PURE__ */ e.jsx(
+    H,
     {
       date: a,
       className: ({
         isDisabled: d,
-        isFocusVisible: s,
-        isHovered: n,
-        isOutsideMonth: i,
-        isPressed: c,
-        isSelected: f,
-        isUnavailable: x
-      }) => r({
-        isSelected: f,
-        isFocusVisible: s,
-        isHovered: n,
-        isUnavailable: x,
+        isFocusVisible: r,
+        isHovered: f,
+        isOutsideMonth: o,
+        isPressed: n,
+        isSelected: l,
+        isUnavailable: c
+      }) => t({
+        isSelected: l,
+        isFocusVisible: r,
+        isHovered: f,
+        isUnavailable: c,
         isDisabled: d,
-        isOutsideMonth: i,
-        isPressed: c
+        isOutsideMonth: o,
+        isPressed: n
       })
     }
   ) });
 };
 export {
-  ae as DatePicker
+  de 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, 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\";\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<VariantProps<typeof sharedInputStyles>, \"hasStartSlot\" | \"hasEndSlot\"> &\n  InputHeaderProps &\n  InputFooterProps & {\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    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 { wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  return (\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  );\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  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      <InputHeader\n        label={label}\n        hideHintLabel={hideHintLabel}\n        hideInputHeader={hideInputHeader}\n        isRequired={isRequired}\n      />\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        <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      <InputFooter\n        description={description}\n        errorMessage={errorMessage}\n        hideInputFooter={hideInputFooter}\n      />\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","startSlot","props","ref","useContextProps","DatePickerContext","isInvalid","isRequired","wrapper","sharedInputStyles","jsx","AriaDatePicker","renderProps","isDisabled","state","jsxs","Fragment","DatePickerInput","e","Popover","Calendar","DatePickerHeader","CalendarGrid","DatePickerCalendarGridHeader","DatePickerCalendarGridBody","DatePicker","fixedForwardRef","onKeyDown","input","segmentStyles","dateFieldStyles","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":";;;;;;;;;;;;;;;;AAmDA,MAAMA,KAAc,CAClB;AAAA,EACE,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAiB;AACtD,QAAA,EAAE,WAAAC,GAAW,YAAAC,EAAe,IAAAL,GAE5B,EAAE,SAAAM,EAAQ,IAAIC,EAAkB;AAAA,IACpC,WAAAd;AAAA,IACA,cAAc,CAAC,CAACM;AAAA,IAChB,YAAY;AAAA,EAAA,CACb;AAGC,SAAAS,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACJ,aAAAN;AAAA,MACA,WAAW,CAACgB,MACVJ,EAAQ;AAAA,QACN,WAAAhB;AAAA,QACA,YAAYoB,EAAY;AAAA,MAAA,CACzB;AAAA,MAEH,WAAAN;AAAA,MACA,KAAAH;AAAA,MAEC,UAAC,CAAA,EAAE,YAAAU,GAAY,OAAAC,QAEZC,gBAAAA,OAAAC,EAAAA,UAAA,EAAA,UAAA;AAAA,QAAAN,gBAAAA,EAAA;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,aAAAxB;AAAA,YACA,WAAAE;AAAA,YACA,cAAAD;AAAA,YACA,eAAAG;AAAA,YACA,iBAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAc;AAAA,YACA,YAAAN;AAAA,YACA,OAAAP;AAAA,YACA,WAAAC;AAAA,YACA,WAAW,CAACiB,MAAM;AAChB,cAAIA,EAAE,QAAQ,YAAYJ,EAAM,SAAS,CAACD,MACxCK,EAAE,eAAe,GACjBJ,EAAM,SAAS,IAAI;AAAA,YAEvB;AAAA,UAAA;AAAA,QACF;AAAA,QACAJ,gBAAAA,EAAA,IAACS,GAAQ,EAAA,gBAAc,IAAC,WAAU,SAChC,UAAAT,gBAAAA,EAAAA,IAACU,GACC,EAAA,UAAAL,gBAAAA,OAAC,OAAI,EAAA,WAAU,2BACb,UAAA;AAAA,UAAAL,gBAAAA,EAAA,IAACW,IAAiB,EAAA;AAAA,gCACjB,OAAI,EAAA,WAAU,uBACb,UAACN,gBAAAA,EAAA,KAAAO,GAAA,EAAa,WAAU,sBACtB,UAAA;AAAA,YAAAZ,gBAAAA,EAAA,IAACa,GAA6B,EAAA;AAAA,kCAC7BC,IAA2B,EAAA;AAAA,UAAA,EAAA,CAC9B,EACF,CAAA;AAAA,QAAA,EACF,CAAA,EACF,CAAA,GACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAIR,GAEaC,KAAaC,EAAgBnC,EAAW;AAErDkC,GAAW,cAAc;AAQzB,MAAMR,KAAkB,CAAC;AAAA,EACvB,aAAAxB;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAE;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAc;AAAA,EACA,YAAAN;AAAA,EACA,OAAAP;AAAA,EACA,WAAA2B;AAAA,EACA,WAAA1B;AACF,MAA4B;AAC1B,QAAM,EAAE,OAAA2B,GAAO,SAASC,MAAkBC,EAAgB,GACpD,EAAE,QAAAC,GAAQ,4BAAAC,GAA4B,YAAAC,EAAA,IAAexB,EAAkB;AAAA,IAC3E,WAAAd;AAAA,IACA,cAAc,CAAC,CAACM;AAAA,IAChB,YAAY;AAAA,EAAA,CACb,GACK,EAAE,OAAAiC,MAAUC,KACZ,EAAE,UAAAC,GAAU,OAAAC,EAAM,IAAIC,EAAWC,CAAsB,GACvDC,IAAoBC,EAA0B,IAAI;AAExD,SAEI1B,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAAAN,gBAAAA,EAAA;AAAA,MAACgC;AAAA,MAAA;AAAA,QACC,OAAA1C;AAAA,QACA,eAAAH;AAAA,QACA,iBAAAE;AAAA,QACA,YAAAQ;AAAA,MAAA;AAAA,IACF;AAAA,IACAQ,gBAAAA,EAAA;AAAA,MAAC4B;AAAAA,MAAA;AAAA,QACC,WAAW,CAAC,EAAE,YAAA9B,GAAY,eAAA+B,GAAe,WAAAC,GAAW,WAAAvC,EAAU,MAC5D2B,EAAW;AAAA,UACT,YAAApB;AAAAA,UACA,WAAW+B;AAAA,UACX,WAAAC;AAAA,UACA,WAAAvC;AAAA,UACA,WAAW;AAAA,QAAA,CACZ;AAAA,QAEH,WAAAqB;AAAA,QAEA,UAAA;AAAA,UAAAjB,gBAAAA,EAAA,IAACoC,GAAU,EAAA,WAAWlB,EAAM,GACzB,WAACmB,MACArC,gBAAAA,EAAA;AAAA,YAACsC;AAAAA,YAAA;AAAA,cACC,WAAW,CAAC,EAAE,WAAAC,QACLpB,EAAc;AAAA,gBACnB,WAAAoB;AAAA,gBACA,YAAApC;AAAA;AAAA,gBAEA,UAAUkC,EAAQ,SAAS,YAAY,CAAC,CAACV,IAAQ,CAACU,EAAQ;AAAA,cAAA,CAC3D;AAAA,cAEH,SAAAA;AAAA,YAAA;AAAA,UAAA,GAGN;AAAA,UAEAhC,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,sBACZ,UAAA;AAAA,YAAA,CAACF,KAAcwB,IACb3B,gBAAAA,MAAAwC,GAAA,EAAQ,SAAShB,GAChB,UAAAxB,gBAAAA,EAAA;AAAA,cAACyC;AAAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,qBAAmB;AAAA,gBACnB,WAAWnB,EAA2B;AAAA,gBACtC,SAAS,MAAM;;AACb,kBAAAI,EAAS,IAAI,IAKbgB,IAAAZ,EAAkB,YAAlB,QAAAY,EAA2B;AAAA,gBAC7B;AAAA,gBAEA,UAAA1C,gBAAAA,EAAAA,IAAC2C,GAAQ,EAAA,MAAK,QAAQ,CAAA;AAAA,cAAA;AAAA,eAE1B,IACE;AAAA,YACJ3C,gBAAAA,EAAA;AAAA,cAACyC;AAAAA,cAAA;AAAA,gBACC,KAAKX;AAAA,gBACL,YAAA3B;AAAA,gBACA,WAAW,CAAC,EAAE,YAAAA,GAAY,gBAAAyC,GAAgB,WAAAT,EACxC,MAAAd,EAAO,EAAE,YAAAlB,GAAY,WAAWyC,GAAgB,WAAAT,GAAW;AAAA,gBAG7D,UAAAnC,gBAAAA,EAAAA,IAAC2C,GAAQ,EAAA,MAAK,WAAW,CAAA;AAAA,cAAA;AAAA,YAC3B;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA3C,gBAAAA,EAAA;AAAA,MAAC6C;AAAA,MAAA;AAAA,QACC,aAAA9D;AAAA,QACA,cAAAC;AAAA,QACA,iBAAAI;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEMuB,KAAmB,MAAM;AACvB,QAAA,EAAE,SAAAmC,MAAYC,KAEd,EAAE,aAAAC,GAAa,gBAAAC,EAAe,IAAIrB,EAAWsB,CAAoB;AAGrE,SAAA7C,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,8BAChB,UAAA;AAAA,IAACL,gBAAAA,EAAAA,IAAAyC,GAAA,EAAW,MAAK,YAAW,WAAWK,EAAA,GACrC,UAAC9C,gBAAAA,EAAAA,IAAA2C,GAAA,EAAQ,MAAK,eAAA,CAAe,EAC/B,CAAA;AAAA,IAEAtC,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,MAAAL,gBAAAA,EAAA;AAAA,QAACmD;AAAA,QAAA;AAAA,UACC,OAAOH,EAAY;AAAA,UACnB,UAAU,CAACrB,MAAU;AACJ,YAAAsB,EAAAD,EAAY,OAAO,IAAI,EAAE,OAAOrB,EAAO,CAAA,CAAC;AAAA,UACzD;AAAA,QAAA;AAAA,MACF;AAAA,MACA3B,gBAAAA,EAAA;AAAA,QAACoD;AAAA,QAAA;AAAA,UACC,OAAOJ,EAAY;AAAA,UACnB,UAAU,CAACrB,MAAU;AACJ,YAAAsB,EAAAD,EAAY,OAAO,IAAI,EAAE,MAAMrB,EAAO,CAAA,CAAC;AAAA,UACxD;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IAEA3B,gBAAAA,EAAAA,IAACyC,GAAW,EAAA,MAAK,QAAO,WAAWK,EAAQ,GACzC,UAAC9C,gBAAAA,EAAAA,IAAA2C,GAAA,EAAQ,MAAK,gBAAA,CAAgB,EAChC,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAEM7B,KAA6B,MAAM;AACjC,QAAA,EAAE,UAAAuC,MAAaC;AAGnB,SAAAtD,gBAAAA,EAAA,IAACuD,GACE,EAAA,UAAA,CAACC,MACAxD,gBAAAA,EAAA;AAAA,IAACyD;AAAAA,IAAA;AAAA,MACC,MAAAD;AAAA,MACA,WAAW,CAAC;AAAA,QACV,YAAArD;AAAA,QACA,gBAAAyC;AAAA,QACA,WAAAT;AAAA,QACA,gBAAAuB;AAAA,QACA,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,eAAAC;AAAA,YAEAR,EAAS;AAAA,QACP,YAAAO;AAAA,QACA,gBAAAhB;AAAA,QACA,WAAAT;AAAA,QACA,eAAA0B;AAAA,QACA,YAAA1D;AAAA,QACA,gBAAAuD;AAAA,QACA,WAAAC;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAIT,EAAA,CAAA;AAEJ;"}
+{"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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"}

package/dist/lyra25.cjs

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