@new-black/lyra 1.1.3 → 1.1.4

package/dist/lyra108.js

@@ -1,477 +1,92 @@
-import q from "./lyra109.js";
-import J from "./lyra110.js";
-import Q from "./lyra111.js";
-import X from "./lyra112.js";
-import Y from "./lyra113.js";
-import ee from "./lyra114.js";
-import re from "./lyra115.js";
-import ae from "./lyra116.js";
-import oe from "./lyra117.js";
-import ie from "./lyra118.js";
-import te from "./lyra119.js";
-import ne from "./lyra120.js";
-import le from "./lyra121.js";
-import ce from "./lyra122.js";
-import de from "./lyra123.js";
-import fe from "./lyra124.js";
-import se from "./lyra125.js";
-import ue from "./lyra126.js";
-import pe from "./lyra127.js";
-import be from "./lyra128.js";
-import me from "./lyra129.js";
-import $e from "./lyra130.js";
-import ge from "./lyra131.js";
-import De from "./lyra132.js";
-import he from "./lyra133.js";
-import xe from "./lyra134.js";
-import ye from "./lyra135.js";
-import ve from "./lyra136.js";
-import Pe from "./lyra137.js";
-import Re from "./lyra138.js";
-import Fe from "./lyra139.js";
-import we from "./lyra140.js";
-import Se from "./lyra141.js";
-import ke from "./lyra142.js";
-import { announce as Z } from "./lyra143.js";
-import { useEvent as F, useLabels as j, mergeProps as L, useDeepMemo as Ie, useDescription as Ee, focusWithoutScrolling as Te, scrollIntoViewport as Ce, getScrollParent as Be, filterDOMProps as Le, useUpdateEffect as A, useSlotId as Me } from "./lyra105.js";
-import { useRef as y, useMemo as D, useEffect as Oe, useState as U } from "react";
-import { startOfWeek as Ve, today as Ze, isSameDay as p, isEqualDay as Ae, isToday as Ue, startOfMonth as Ne, endOfMonth as N } from "./lyra144.js";
-import { usePress as Ke, getInteractionModality as je } from "./lyra107.js";
-import { useLocale as K, useDateFormatter as h, useLocalizedStringFormatter as w } from "./lyra92.js";
-function S(a) {
-  return a && a.__esModule ? a.default : a;
-}
-var P = {};
-P = {
-  "ar-AE": q,
-  "bg-BG": J,
-  "cs-CZ": Q,
-  "da-DK": X,
-  "de-DE": Y,
-  "el-GR": ee,
-  "en-US": re,
-  "es-ES": ae,
-  "et-EE": oe,
-  "fi-FI": ie,
-  "fr-FR": te,
-  "he-IL": ne,
-  "hr-HR": le,
-  "hu-HU": ce,
-  "it-IT": de,
-  "ja-JP": fe,
-  "ko-KR": se,
-  "lt-LT": ue,
-  "lv-LV": pe,
-  "nb-NO": be,
-  "nl-NL": me,
-  "pl-PL": $e,
-  "pt-BR": ge,
-  "pt-PT": De,
-  "ro-RO": he,
-  "ru-RU": xe,
-  "sk-SK": ye,
-  "sl-SI": ve,
-  "sr-SP": Pe,
-  "sv-SE": Re,
-  "tr-TR": Fe,
-  "uk-UA": we,
-  "zh-CN": Se,
-  "zh-TW": ke
-};
-const M = /* @__PURE__ */ new WeakMap();
-function v(a) {
-  return (a == null ? void 0 : a.calendar.identifier) === "gregory" && a.era === "BC" ? "short" : void 0;
-}
-function We(a) {
-  let e = w(/* @__PURE__ */ S(P), "@react-aria/calendar"), o, r;
-  "highlightedRange" in a ? { start: o, end: r } = a.highlightedRange || {} : o = r = a.value;
-  let l = h({
-    weekday: "long",
-    month: "long",
-    year: "numeric",
-    day: "numeric",
-    era: v(o) || v(r),
-    timeZone: a.timeZone
-  }), f = "anchorDate" in a ? a.anchorDate : null;
-  return D(() => {
-    if (!f && o && r)
-      if (p(o, r)) {
-        let d = l.format(o.toDate(a.timeZone));
-        return e.format("selectedDateDescription", {
-          date: d
-        });
-      } else {
-        let d = B(l, e, o, r, a.timeZone);
-        return e.format("selectedRangeDescription", {
-          dateRange: d
-        });
-      }
-    return "";
-  }, [
-    o,
-    r,
-    f,
-    a.timeZone,
-    e,
-    l
-  ]);
-}
-function C(a, e, o, r) {
-  let l = w(/* @__PURE__ */ S(P), "@react-aria/calendar"), f = v(a) || v(e), d = h({
-    month: "long",
-    year: "numeric",
-    era: f,
-    calendar: a.calendar.identifier,
-    timeZone: o
-  }), t = h({
-    month: "long",
-    year: "numeric",
-    day: "numeric",
-    era: f,
-    calendar: a.calendar.identifier,
-    timeZone: o
-  });
-  return D(() => {
-    if (p(a, Ne(a))) {
-      if (p(e, N(a)))
-        return d.format(a.toDate(o));
-      if (p(e, N(e)))
-        return r ? B(d, l, a, e, o) : d.formatRange(a.toDate(o), e.toDate(o));
+import { tv as e } from "./lyra104.js";
+const r = e({
+  base: ["flex", "flex-col", "w-full", "outline-none", "overflow-auto"]
+}), i = e({
+  base: [
+    "block",
+    "w-full",
+    "justify-start",
+    "rounded-sm",
+    "bg-transparent",
+    "p-1",
+    "ps-1.5",
+    "text-start",
+    "text-base",
+    "font-normal",
+    "text-primary",
+    "outline-none",
+    "duration-0",
+    "active:text-inverted",
+    "hover:bg-action-hover",
+    "hover:text-inverted",
+    "focus:bg-action-focus",
+    "focus:text-inverted",
+    "focus-visible:[box-shadow:none]"
+  ],
+  variants: {
+    isDisabled: {
+      true: ["text-tertiary", "cursor-not-allowed"]
     }
-    return r ? B(t, l, a, e, o) : t.formatRange(a.toDate(o), e.toDate(o));
-  }, [
-    a,
-    e,
-    d,
-    t,
-    l,
-    o,
-    r
-  ]);
-}
-function B(a, e, o, r, l) {
-  let f = a.formatRangeToParts(o.toDate(l), r.toDate(l)), d = -1;
-  for (let n = 0; n < f.length; n++) {
-    let s = f[n];
-    if (s.source === "shared" && s.type === "literal")
-      d = n;
-    else if (s.source === "endRange")
-      break;
   }
-  let t = "", u = "";
-  for (let n = 0; n < f.length; n++)
-    n < d ? t += f[n].value : n > d && (u += f[n].value);
-  return e.format("dateRange", {
-    startDate: t,
-    endDate: u
-  });
-}
-function W(a, e) {
-  let o = w(/* @__PURE__ */ S(P), "@react-aria/calendar"), r = Le(a), l = C(e.visibleRange.start, e.visibleRange.end, e.timeZone, !1), f = C(e.visibleRange.start, e.visibleRange.end, e.timeZone, !0);
-  A(() => {
-    e.isFocused || Z(f);
-  }, [
-    f
-  ]);
-  let d = We(e);
-  A(() => {
-    d && Z(d, "polite", 4e3);
-  }, [
-    d
-  ]);
-  let t = Me([
-    !!a.errorMessage,
-    a.isInvalid,
-    a.validationState
-  ]);
-  M.set(e, {
-    ariaLabel: a["aria-label"],
-    ariaLabelledBy: a["aria-labelledby"],
-    errorMessageId: t,
-    selectedDateDescription: d
-  });
-  let [u, n] = U(!1), s = a.isDisabled || e.isNextVisibleRangeInvalid();
-  s && u && (n(!1), e.setFocused(!0));
-  let [$, b] = U(!1), i = a.isDisabled || e.isPreviousVisibleRangeInvalid();
-  i && $ && (b(!1), e.setFocused(!0));
-  let m = j({
-    id: a.id,
-    "aria-label": [
-      a["aria-label"],
-      f
-    ].filter(Boolean).join(", "),
-    "aria-labelledby": a["aria-labelledby"]
-  });
-  return {
-    calendarProps: L(r, m, {
-      role: "application",
-      "aria-describedby": a["aria-describedby"] || void 0
-    }),
-    nextButtonProps: {
-      onPress: () => e.focusNextPage(),
-      "aria-label": o.format("next"),
-      isDisabled: s,
-      onFocusChange: n
-    },
-    prevButtonProps: {
-      onPress: () => e.focusPreviousPage(),
-      "aria-label": o.format("previous"),
-      isDisabled: i,
-      onFocusChange: b
-    },
-    errorMessageProps: {
-      id: t
-    },
-    title: l
-  };
-}
-function Tr(a, e) {
-  return W(a, e);
-}
-function Cr(a, e, o) {
-  let r = W(a, e), l = y(!1), f = y(typeof window < "u" ? window : null);
-  F(f, "pointerdown", (t) => {
-    l.current = t.width === 0 && t.height === 0;
-  });
-  let d = (t) => {
-    if (l.current) {
-      l.current = !1;
-      return;
-    }
-    if (e.setDragging(!1), !e.anchorDate)
-      return;
-    let u = t.target, n = document.getElementById(r.calendarProps.id);
-    n && n.contains(document.activeElement) && (!n.contains(u) || !u.closest('button, [role="button"]')) && e.selectFocusedDate();
-  };
-  return F(f, "pointerup", d), F(f, "pointercancel", d), r.calendarProps.onBlur = (t) => {
-    (!t.relatedTarget || !o.current.contains(t.relatedTarget)) && e.anchorDate && e.selectFocusedDate();
-  }, F(o, "touchmove", (t) => {
-    e.isDragging && t.preventDefault();
-  }, {
-    passive: !1,
-    capture: !0
-  }), r;
-}
-function Br(a, e) {
-  let { startDate: o = e.visibleRange.start, endDate: r = e.visibleRange.end } = a, { direction: l } = K(), f = (i) => {
-    switch (i.key) {
-      case "Enter":
-      case " ":
-        i.preventDefault(), e.selectFocusedDate();
-        break;
-      case "PageUp":
-        i.preventDefault(), i.stopPropagation(), e.focusPreviousSection(i.shiftKey);
-        break;
-      case "PageDown":
-        i.preventDefault(), i.stopPropagation(), e.focusNextSection(i.shiftKey);
-        break;
-      case "End":
-        i.preventDefault(), i.stopPropagation(), e.focusSectionEnd();
-        break;
-      case "Home":
-        i.preventDefault(), i.stopPropagation(), e.focusSectionStart();
-        break;
-      case "ArrowLeft":
-        i.preventDefault(), i.stopPropagation(), l === "rtl" ? e.focusNextDay() : e.focusPreviousDay();
-        break;
-      case "ArrowUp":
-        i.preventDefault(), i.stopPropagation(), e.focusPreviousRow();
-        break;
-      case "ArrowRight":
-        i.preventDefault(), i.stopPropagation(), l === "rtl" ? e.focusPreviousDay() : e.focusNextDay();
-        break;
-      case "ArrowDown":
-        i.preventDefault(), i.stopPropagation(), e.focusNextRow();
-        break;
-      case "Escape":
-        "setAnchorDate" in e && (i.preventDefault(), e.setAnchorDate(null));
-        break;
-    }
-  }, d = C(o, r, e.timeZone, !0), { ariaLabel: t, ariaLabelledBy: u } = M.get(e), n = j({
-    "aria-label": [
-      t,
-      d
-    ].filter(Boolean).join(", "),
-    "aria-labelledby": u
-  }), s = h({
-    weekday: a.weekdayStyle || "narrow",
-    timeZone: e.timeZone
-  }), { locale: $ } = K(), b = D(() => {
-    let i = Ve(Ze(e.timeZone), $);
-    return [
-      ...new Array(7).keys()
-    ].map((m) => {
-      let I = i.add({
-        days: m
-      }).toDate(e.timeZone);
-      return s.format(I);
-    });
-  }, [
-    $,
-    e.timeZone,
-    s
-  ]);
-  return {
-    gridProps: L(n, {
-      role: "grid",
-      "aria-readonly": e.isReadOnly || null,
-      "aria-disabled": e.isDisabled || null,
-      "aria-multiselectable": "highlightedRange" in e || void 0,
-      onKeyDown: f,
-      onFocus: () => e.setFocused(!0),
-      onBlur: () => e.setFocused(!1)
-    }),
-    headerProps: {
-      // Column headers are hidden to screen readers to make navigating with a touch screen reader easier.
-      // The day names are already included in the label of each cell, so there's no need to announce them twice.
-      "aria-hidden": !0
-    },
-    weekDays: b
-  };
-}
-function Lr(a, e, o) {
-  let { date: r, isDisabled: l } = a, { errorMessageId: f, selectedDateDescription: d } = M.get(e), t = w(/* @__PURE__ */ S(P), "@react-aria/calendar"), u = h({
-    weekday: "long",
-    day: "numeric",
-    month: "long",
-    year: "numeric",
-    era: v(r),
-    timeZone: e.timeZone
-  }), n = e.isSelected(r), s = e.isCellFocused(r);
-  l = l || e.isCellDisabled(r);
-  let $ = e.isCellUnavailable(r), b = !l && !$, i = e.isValueInvalid && ("highlightedRange" in e ? !e.anchorDate && e.highlightedRange && r.compare(e.highlightedRange.start) >= 0 && r.compare(e.highlightedRange.end) <= 0 : e.value && p(e.value, r));
-  i && (n = !0), r = Ie(r, Ae);
-  let m = D(() => r.toDate(e.timeZone), [
-    r,
-    e.timeZone
-  ]), k = Ue(r, e.timeZone), I = D(() => {
-    let c = "";
-    return "highlightedRange" in e && e.value && !e.anchorDate && (p(r, e.value.start) || p(r, e.value.end)) && (c = d + ", "), c += u.format(m), k ? c = t.format(n ? "todayDateSelected" : "todayDate", {
-      date: c
-    }) : n && (c = t.format("dateSelected", {
-      date: c
-    })), e.minValue && p(r, e.minValue) ? c += ", " + t.format("minimumDate") : e.maxValue && p(r, e.maxValue) && (c += ", " + t.format("maximumDate")), c;
-  }, [
-    u,
-    m,
-    t,
-    n,
-    k,
-    r,
-    e,
-    d
-  ]), E = "";
-  "anchorDate" in e && s && !e.isReadOnly && b && (e.anchorDate ? E = t.format("finishRangeSelectionPrompt") : E = t.format("startRangeSelectionPrompt"));
-  let z = Ee(E), T = y(!1), R = y(!1), x = y(null), { pressProps: G, isPressed: H } = Ke({
-    // When dragging to select a range, we don't want dragging over the original anchor
-    // again to trigger onPressStart. Cancel presses immediately when the pointer exits.
-    shouldCancelOnPointerExit: "anchorDate" in e && !!e.anchorDate,
-    preventFocusOnPress: !0,
-    isDisabled: !b || e.isReadOnly,
-    onPressStart(c) {
-      if (e.isReadOnly) {
-        e.setFocusedDate(r);
-        return;
-      }
-      if ("highlightedRange" in e && !e.anchorDate && (c.pointerType === "mouse" || c.pointerType === "touch")) {
-        if (e.highlightedRange && !i) {
-          if (p(r, e.highlightedRange.start)) {
-            e.setAnchorDate(e.highlightedRange.end), e.setFocusedDate(r), e.setDragging(!0), R.current = !0;
-            return;
-          } else if (p(r, e.highlightedRange.end)) {
-            e.setAnchorDate(e.highlightedRange.start), e.setFocusedDate(r), e.setDragging(!0), R.current = !0;
-            return;
-          }
-        }
-        let g = () => {
-          e.setDragging(!0), x.current = null, e.selectDate(r), e.setFocusedDate(r), T.current = !0;
-        };
-        c.pointerType === "touch" ? x.current = setTimeout(g, 200) : g();
+}), o = e({
+  slots: {
+    item: ["flex", "items-start", "p-1", "rounded-sm", "outline-none"],
+    itemCheckmark: [],
+    itemCheckmarkWrapper: [],
+    itemImage: [
+      "w-9",
+      "min-w-9",
+      "h-9",
+      "rounded-xs",
+      "border",
+      "solid",
+      "border-default",
+      "me-1.5",
+      "overflow-hidden",
+      "box-border",
+      "object-contain",
+      "bg-[#ffffff]",
+      "block"
+    ],
+    itemLabel: ["text-primary", "text-base", "truncate", "overflow-hidden", "select-none"],
+    itemDescription: ["text-sm", "text-secondary", "truncate", "overflow-hidden", "select-none"],
+    itemEndIcon: ["text-tertiary", "w-4", "h-4"],
+    itemStartIcon: ["w-4", "h-4", "me-1"]
+  },
+  variants: {
+    hasSelection: {
+      true: {
+        itemCheckmarkWrapper: ["w-5", "min-w-5"],
+        itemCheckmark: ["text-primary", "min-w-4", "me-1"]
+      },
+      false: {
+        item: ["ps-1.5"]
       }
     },
-    onPressEnd() {
-      R.current = !1, T.current = !1, clearTimeout(x.current), x.current = null;
-    },
-    onPress() {
-      !("anchorDate" in e) && !e.isReadOnly && (e.selectDate(r), e.setFocusedDate(r));
-    },
-    onPressUp(c) {
-      if (!e.isReadOnly && ("anchorDate" in e && x.current && (e.selectDate(r), e.setFocusedDate(r)), "anchorDate" in e))
-        if (R.current)
-          e.setAnchorDate(r);
-        else if (e.anchorDate && !T.current)
-          e.selectDate(r), e.setFocusedDate(r);
-        else if (c.pointerType === "keyboard" && !e.anchorDate) {
-          e.selectDate(r);
-          let g = r.add({
-            days: 1
-          });
-          e.isInvalid(g) && (g = r.subtract({
-            days: 1
-          })), e.isInvalid(g) || e.setFocusedDate(g);
-        } else
-          c.pointerType === "virtual" && (e.selectDate(r), e.setFocusedDate(r));
-    }
-  }), O = null;
-  l || (O = p(r, e.focusedDate) ? 0 : -1), Oe(() => {
-    s && o.current && (Te(o.current), je() !== "pointer" && document.activeElement === o.current && Ce(o.current, {
-      containingElement: Be(o.current)
-    }));
-  }, [
-    s,
-    o
-  ]);
-  let V = h({
-    day: "numeric",
-    timeZone: e.timeZone,
-    calendar: r.calendar.identifier
-  }), _ = D(() => V.formatToParts(m).find((c) => c.type === "day").value, [
-    V,
-    m
-  ]);
-  return {
-    cellProps: {
-      role: "gridcell",
-      "aria-disabled": !b || null,
-      "aria-selected": n || null,
-      "aria-invalid": i || null
+    disabled: {
+      true: {
+        item: ["cursor-not-allowed"],
+        itemCheckmark: ["text-tertiary"],
+        itemImage: ["opacity-50"],
+        itemLabel: ["text-tertiary"],
+        itemDescription: ["text-tertiary"]
+      }
     },
-    buttonProps: L(G, {
-      onFocus() {
-        l || e.setFocusedDate(r);
-      },
-      tabIndex: O,
-      role: "button",
-      "aria-disabled": !b || null,
-      "aria-label": I,
-      "aria-invalid": i || null,
-      "aria-describedby": [
-        i ? f : null,
-        z["aria-describedby"]
-      ].filter(Boolean).join(" ") || void 0,
-      onPointerEnter(c) {
-        "highlightDate" in e && (c.pointerType !== "touch" || e.isDragging) && b && e.highlightDate(r);
-      },
-      onPointerDown(c) {
-        "releasePointerCapture" in c.target && c.target.releasePointerCapture(c.pointerId);
-      },
-      onContextMenu(c) {
-        c.preventDefault();
+    active: {
+      true: {
+        item: ["bg-action-focus"],
+        itemImage: ["border-focus"],
+        itemCheckmark: ["text-inverted"],
+        itemLabel: ["text-inverted"],
+        itemDescription: ["text-inverted"],
+        itemStartIcon: ["text-inverted"],
+        itemEndIcon: ["text-inverted"]
       }
-    }),
-    isPressed: H,
-    isFocused: s,
-    isSelected: n,
-    isDisabled: l,
-    isUnavailable: $,
-    isOutsideVisibleRange: r.compare(e.visibleRange.start) < 0 || r.compare(e.visibleRange.end) > 0,
-    isInvalid: i,
-    formattedDate: _
-  };
-}
+    }
+  }
+});
 export {
-  Tr as useCalendar,
-  Lr as useCalendarCell,
-  Br as useCalendarGrid,
-  Cr as useRangeCalendar
+  i as loadMoreButtonStyles,
+  o as sharedListItemStyles,
+  r as sharedListStyles
 };