@new-black/lyra 1.0.17 → 1.0.19

package/dist/lyra23.js

@@ -1,396 +1,220 @@
 import { j as e } from "./lyra90.js";
-import { useContext as h, useRef as C } from "react";
-import { useContextProps as S, DatePickerContext as g, DatePicker as F, Calendar as I, CalendarGrid as G, DatePickerStateContext as w, Group as R, DateInput as B, DateSegment as H, Button as x, CalendarStateContext as T, CalendarGridBody as O, CalendarCell as q } from "./lyra89.js";
-import { fixedForwardRef as K } from "./lyra93.js";
-import { useDictionary as M } from "./lyra95.js";
-import { Popover as Y } from "./lyra53.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 "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
-import { SvgIcon as j } from "./lyra65.js";
-import { Tooltip as _ } from "./lyra75.js";
-import { InputHeader as z } from "./lyra38.js";
-import { InputFooter as A } from "./lyra39.js";
-import { sharedInputStyles as U } from "./lyra40.js";
-import { dateFieldStyles as J, datePickerHeaderStyles as L, dataPickerCalendarGridStyles as Q } from "./lyra24.js";
-import { DatePickerCalendarGridHeader as X, MonthPicker as Z, YearPicker as W } from "./lyra612.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 "./lyra606.js";
 const ee = ({
-  className: s,
-  description: i,
-  errorMessage: n,
-  fullWidth: t = !0,
-  granularity: o = "day",
-  hideHintLabel: l,
-  hideInputFooter: a,
-  hideInputHeader: m,
-  label: p,
-  startSlot: N,
-  ...c
-}, u) => {
-  [c, u] = S(c, u, g);
-  const { isInvalid: D, isRequired: y } = c, { wrapper: v } = U({
-    fullWidth: t,
-    hasStartSlot: !!N,
+  className: r,
+  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
   });
-  return /* @__PURE__ */ e.jsxDEV(
-    F,
+  return /* @__PURE__ */ e.jsx(
+    w,
     {
-      ...c,
-      granularity: o,
-      className: (d) => v({
-        className: s,
-        isDisabled: d.isDisabled
+      ...o,
+      granularity: n,
+      className: (l) => P({
+        className: r,
+        isDisabled: l.isDisabled
       }),
-      isInvalid: D,
-      ref: u,
-      children: ({ isDisabled: d, state: k }) => /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsxDEV(
-          te,
+      isInvalid: y,
+      ref: m,
+      children: ({ isDisabled: l, state: $ }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(
+          se,
           {
-            description: i,
-            fullWidth: t,
-            errorMessage: n,
-            hideHintLabel: l,
-            hideInputFooter: a,
-            hideInputHeader: m,
-            isDisabled: d,
-            isRequired: y,
-            label: p,
-            startSlot: N,
-            onKeyDown: (b) => {
-              b.key === "Escape" && k.value && !d && (b.preventDefault(), k.setValue(null));
+            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));
             }
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-            lineNumber: 92,
-            columnNumber: 11
-          },
-          void 0
+          }
         ),
-        /* @__PURE__ */ e.jsxDEV(Y, { disablePadding: !0, className: "group", children: /* @__PURE__ */ e.jsxDEV(I, { children: /* @__PURE__ */ e.jsxDEV("div", { className: "flex flex-col gap-3 p-3", children: [
-          /* @__PURE__ */ e.jsxDEV(re, {}, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-            lineNumber: 113,
-            columnNumber: 17
-          }, void 0),
-          /* @__PURE__ */ e.jsxDEV("div", { className: "flex justify-center", children: /* @__PURE__ */ e.jsxDEV(G, { className: "w-full text-center", children: [
-            /* @__PURE__ */ e.jsxDEV(X, {}, void 0, !1, {
-              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-              lineNumber: 116,
-              columnNumber: 21
-            }, void 0),
-            /* @__PURE__ */ e.jsxDEV(se, {}, void 0, !1, {
-              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-              lineNumber: 117,
-              columnNumber: 21
-            }, void 0)
-          ] }, void 0, !0, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-            lineNumber: 115,
-            columnNumber: 19
-          }, void 0) }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-            lineNumber: 114,
-            columnNumber: 17
-          }, void 0)
-        ] }, void 0, !0, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-          lineNumber: 112,
-          columnNumber: 15
-        }, void 0) }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-          lineNumber: 111,
-          columnNumber: 13
-        }, void 0) }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-          lineNumber: 110,
-          columnNumber: 11
-        }, void 0)
-      ] }, void 0, !0, {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-        lineNumber: 91,
-        columnNumber: 9
-      }, void 0)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-      lineNumber: 78,
-      columnNumber: 5
-    },
-    void 0
+        /* @__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, {})
+          ] }) })
+        ] }) }) })
+      ] })
+    }
   );
-}, ie = K(ee);
-ie.displayName = "DatePicker";
-const te = ({
-  description: s,
-  errorMessage: i,
-  fullWidth: n,
-  hideHintLabel: t,
-  hideInputFooter: o,
-  hideInputHeader: l,
-  isDisabled: a,
-  isRequired: m,
-  label: p,
-  onKeyDown: N,
-  startSlot: c
+}, ae = M(ee);
+ae.displayName = "DatePicker";
+const se = ({
+  description: r,
+  errorMessage: a,
+  fullWidth: d,
+  hideHintLabel: s,
+  hideInputFooter: n,
+  hideInputHeader: i,
+  isDisabled: c,
+  isRequired: f,
+  label: x,
+  onKeyDown: p,
+  startSlot: o
 }) => {
-  const { input: u, segment: D } = J(), { button: y, buttonExcludedFromTabOrder: v, inputField: d } = U({
-    fullWidth: n,
-    hasStartSlot: !!c,
+  const { input: m, segment: y } = L(), { button: D, buttonExcludedFromTabOrder: P, inputField: l } = S({
+    fullWidth: d,
+    hasStartSlot: !!o,
     hasEndSlot: !0
-  }), { clear: k } = M(), { setValue: b, value: E } = h(w), V = C(null);
-  return /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxDEV(
-      z,
-      {
-        label: p,
-        hideHintLabel: t,
-        hideInputHeader: l,
-        isRequired: m
-      },
-      void 0,
-      !1,
+  }), { clear: $ } = Y(), { setValue: j, value: C } = v(B), k = F(null);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      A,
       {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-        lineNumber: 164,
-        columnNumber: 7
-      },
-      void 0
+        label: x,
+        hideHintLabel: s,
+        hideInputHeader: i,
+        isRequired: f
+      }
     ),
-    /* @__PURE__ */ e.jsxDEV(
-      R,
+    /* @__PURE__ */ e.jsxs(
+      H,
       {
-        className: ({ isDisabled: r, isFocusWithin: f, isHovered: $, isInvalid: P }) => d({
-          isDisabled: r,
-          isFocused: f,
-          isHovered: $,
-          isInvalid: P,
+        className: ({ isDisabled: t, isFocusWithin: u, isHovered: N, isInvalid: g }) => l({
+          isDisabled: t,
+          isFocused: u,
+          isHovered: N,
+          isInvalid: g,
           className: "min-h-8"
         }),
-        onKeyDown: N,
+        onKeyDown: p,
         children: [
-          /* @__PURE__ */ e.jsxDEV(B, { className: u(), children: (r) => /* @__PURE__ */ e.jsxDEV(
-            H,
+          /* @__PURE__ */ e.jsx(T, { className: m(), children: (t) => /* @__PURE__ */ e.jsx(
+            V,
             {
-              className: ({ isFocused: f }) => D({
-                isFocused: f,
-                isDisabled: a,
+              className: ({ isFocused: u }) => y({
+                isFocused: u,
+                isDisabled: c,
                 // consider literals (separators between segments) to have a value when a full date is entered
-                hasValue: r.type === "literal" ? !!E : !r.isPlaceholder
+                hasValue: t.type === "literal" ? !!C : !t.isPlaceholder
               }),
-              segment: r
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-              lineNumber: 184,
-              columnNumber: 13
-            },
-            void 0
-          ) }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-            lineNumber: 182,
-            columnNumber: 9
-          }, void 0),
-          /* @__PURE__ */ e.jsxDEV("div", { className: "ms-auto flex gap-2", children: [
-            !a && E ? /* @__PURE__ */ e.jsxDEV(_, { tooltip: k, children: /* @__PURE__ */ e.jsxDEV(
-              x,
+              segment: t
+            }
+          ) }),
+          /* @__PURE__ */ e.jsxs("div", { className: "ms-auto flex gap-2", children: [
+            !c && C ? /* @__PURE__ */ e.jsx(z, { tooltip: $, children: /* @__PURE__ */ e.jsx(
+              b,
               {
                 slot: null,
                 excludeFromTabOrder: !0,
-                className: v(),
+                className: P(),
                 onPress: () => {
-                  var r;
-                  b(null), (r = V.current) == null || r.focus();
+                  var t;
+                  j(null), (t = k.current) == null || t.focus();
                 },
-                children: /* @__PURE__ */ e.jsxDEV(j, { name: "clear" }, void 0, !1, {
-                  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-                  lineNumber: 214,
-                  columnNumber: 17
-                }, void 0)
-              },
-              void 0,
-              !1,
-              {
-                fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-                lineNumber: 201,
-                columnNumber: 15
-              },
-              void 0
-            ) }, void 0, !1, {
-              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-              lineNumber: 200,
-              columnNumber: 13
-            }, void 0) : null,
-            /* @__PURE__ */ e.jsxDEV(
-              x,
-              {
-                ref: V,
-                isDisabled: a,
-                className: ({ isDisabled: r, isFocusVisible: f, isHovered: $ }) => y({ isDisabled: r, isFocused: f, isHovered: $ }),
-                children: /* @__PURE__ */ e.jsxDEV(j, { name: "calendar" }, void 0, !1, {
-                  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-                  lineNumber: 225,
-                  columnNumber: 13
-                }, void 0)
-              },
-              void 0,
-              !1,
+                children: /* @__PURE__ */ e.jsx(h, { name: "clear" })
+              }
+            ) }) : null,
+            /* @__PURE__ */ e.jsx(
+              b,
               {
-                fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-                lineNumber: 218,
-                columnNumber: 11
-              },
-              void 0
+                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" })
+              }
             )
-          ] }, void 0, !0, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-            lineNumber: 198,
-            columnNumber: 9
-          }, void 0)
+          ] })
         ]
-      },
-      void 0,
-      !0,
-      {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-        lineNumber: 170,
-        columnNumber: 7
-      },
-      void 0
+      }
     ),
-    /* @__PURE__ */ e.jsxDEV(
-      A,
+    /* @__PURE__ */ e.jsx(
+      J,
       {
-        description: s,
-        errorMessage: i,
-        hideInputFooter: o
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-        lineNumber: 229,
-        columnNumber: 7
-      },
-      void 0
+        description: r,
+        errorMessage: a,
+        hideInputFooter: n
+      }
     )
-  ] }, void 0, !0, {
-    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-    lineNumber: 163,
-    columnNumber: 5
-  }, void 0);
-}, re = () => {
-  const { buttons: s } = L(), { focusedDate: i, setFocusedDate: n } = h(T);
-  return /* @__PURE__ */ e.jsxDEV("header", { className: "flex justify-between gap-3", children: [
-    /* @__PURE__ */ e.jsxDEV(x, { slot: "previous", className: s(), children: /* @__PURE__ */ e.jsxDEV(j, { name: "chevron-left" }, void 0, !1, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-      lineNumber: 246,
-      columnNumber: 9
-    }, void 0) }, void 0, !1, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-      lineNumber: 245,
-      columnNumber: 7
-    }, void 0),
-    /* @__PURE__ */ e.jsxDEV("div", { className: "flex gap-1", children: [
-      /* @__PURE__ */ e.jsxDEV(
+  ] });
+}, te = () => {
+  const { buttons: r } = Q(), { focusedDate: a, setFocusedDate: d } = v(O);
+  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.jsxs("div", { className: "flex gap-1", children: [
+      /* @__PURE__ */ e.jsx(
         Z,
         {
-          value: i.month,
-          onChange: (t) => {
-            n(i.copy().set({ month: t }));
+          value: a.month,
+          onChange: (s) => {
+            d(a.copy().set({ month: s }));
           }
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-          lineNumber: 250,
-          columnNumber: 9
-        },
-        void 0
+        }
       ),
-      /* @__PURE__ */ e.jsxDEV(
+      /* @__PURE__ */ e.jsx(
         W,
         {
-          value: i.year,
-          onChange: (t) => {
-            n(i.copy().set({ year: t }));
+          value: a.year,
+          onChange: (s) => {
+            d(a.copy().set({ year: s }));
           }
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-          lineNumber: 256,
-          columnNumber: 9
-        },
-        void 0
+        }
       )
-    ] }, void 0, !0, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-      lineNumber: 249,
-      columnNumber: 7
-    }, void 0),
-    /* @__PURE__ */ e.jsxDEV(x, { slot: "next", className: s(), children: /* @__PURE__ */ e.jsxDEV(j, { name: "chevron-right" }, void 0, !1, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-      lineNumber: 265,
-      columnNumber: 9
-    }, void 0) }, void 0, !1, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-      lineNumber: 264,
-      columnNumber: 7
-    }, void 0)
-  ] }, void 0, !0, {
-    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-    lineNumber: 244,
-    columnNumber: 5
-  }, void 0);
-}, se = () => {
-  const { bodyCell: s } = Q();
-  return /* @__PURE__ */ e.jsxDEV(O, { children: (i) => /* @__PURE__ */ e.jsxDEV(
-    q,
+    ] }),
+    /* @__PURE__ */ e.jsx(b, { slot: "next", className: r(), children: /* @__PURE__ */ e.jsx(h, { name: "chevron-right" }) })
+  ] });
+}, re = () => {
+  const { bodyCell: r } = U();
+  return /* @__PURE__ */ e.jsx(q, { children: (a) => /* @__PURE__ */ e.jsx(
+    K,
     {
-      date: i,
+      date: a,
       className: ({
-        isDisabled: n,
-        isFocusVisible: t,
-        isHovered: o,
-        isOutsideMonth: l,
-        isPressed: a,
-        isSelected: m,
-        isUnavailable: p
-      }) => s({
-        isSelected: m,
-        isFocusVisible: t,
-        isHovered: o,
-        isUnavailable: p,
-        isDisabled: n,
-        isOutsideMonth: l,
-        isPressed: a
+        isDisabled: d,
+        isFocusVisible: s,
+        isHovered: n,
+        isOutsideMonth: i,
+        isPressed: c,
+        isSelected: f,
+        isUnavailable: x
+      }) => r({
+        isSelected: f,
+        isFocusVisible: s,
+        isHovered: n,
+        isUnavailable: x,
+        isDisabled: d,
+        isOutsideMonth: i,
+        isPressed: c
       })
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-      lineNumber: 277,
-      columnNumber: 9
-    },
-    void 0
-  ) }, void 0, !1, {
-    fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",
-    lineNumber: 275,
-    columnNumber: 5
-  }, void 0);
+    }
+  ) });
 };
 export {
-  ie as DatePicker
+  ae as DatePicker
 };