@new-black/lyra 1.0.31 → 1.0.32

package/dist/lyra25.js

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