@xola/ui-kit 3.5.0 → 3.6.0

package/build/components/Charts/PieOptions.js

@@ -1,55 +0,0 @@
-import { merge as t } from "lodash-es";
-import { theme as e } from "../../theme.js";
-import { BaseChartOptions as o } from "./BaseChartOptions.js";
-const a = t({}, o, {
-  chart: {
-    type: "pie"
-  },
-  tooltip: {
-    pointFormat: "<b>{point.percentage:.1f}%</b>"
-  },
-  plotOptions: {
-    pie: {
-      size: 180,
-      center: [80, 90],
-      allowPointSelect: !0,
-      cursor: "pointer",
-      dataLabels: {
-        enabled: !1
-      },
-      showInLegend: !0,
-      innerSize: 110
-      // Donuts. Krispy Kreme 4tw
-    }
-  },
-  legend: {
-    enabled: !0,
-    maxHeight: 120,
-    width: 220,
-    navigation: {
-      // This is the navigation for the legend. A scrollable list
-      activeColor: e.colors.gray.darker,
-      animation: "true",
-      style: e.extend.fontFamily.sans
-    },
-    padding: 5,
-    backgroundColor: e.colors.white,
-    // For debugging
-    itemMarginTop: 1,
-    itemMarginBottom: 3,
-    itemStyle: e.extend.fontFamily.sans,
-    style: { overflow: "hidden" },
-    align: "left",
-    layout: "horizontal",
-    verticalAlign: "proximate",
-    y: 240
-    // To get the legend to show right below the pie
-  },
-  credits: {
-    // Don't show the 'Powered by Highcharts' text
-    enabled: !1
-  }
-});
-export {
-  a as PieOptions
-};

package/build/components/Counter.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-export interface CounterProps extends React.HTMLAttributes<HTMLSpanElement> {
-    className?: string;
-}
-export declare const Counter: ({ className, ...rest }: CounterProps) => React.JSX.Element;

package/build/components/Counter.js

@@ -1,16 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import r from "../helpers/classnames.js";
-const s = ({ className: e, ...n }) => /* @__PURE__ */ t(
-  "span",
-  {
-    className: r(
-      "ui-counter",
-      "inline-flex items-center justify-center rounded-full bg-danger-dark px-2 py-1 font-semibold leading-none text-white",
-      e
-    ),
-    ...n
-  }
-);
-export {
-  s as Counter
-};

package/build/components/DatePicker/DatePicker.d.ts

@@ -1,41 +0,0 @@
-import { default as React } from 'react';
-declare const variants: {
-    readonly single: "single";
-    readonly range: "range";
-};
-type DatePickerVariant = keyof typeof variants;
-type DateValue = Date | {
-    from?: Date;
-    to?: Date;
-};
-type RangeKey = "day" | "week" | "month" | "quarter" | "year";
-export interface DatePickerProps {
-    [key: string]: any;
-    variant?: DatePickerVariant;
-    value?: DateValue;
-    selectedDays?: DateValue;
-    upcomingDates?: Date[];
-    disabledDays?: ((date: Date) => boolean) | Date[];
-    loadingDays?: ((date: Date) => boolean) | Date[];
-    shouldShowYearPicker?: boolean;
-    shouldShowMonthSelector?: boolean;
-    shouldShowRelativeRanges?: boolean;
-    isFutureDatesAllowed?: boolean;
-    modifiers?: Record<string, any>;
-    ranges?: RangeKey[];
-    components?: {
-        Footer?: React.ComponentType;
-    };
-    locale?: string;
-    timezoneName?: string;
-    getDayContent?: (day: number, date: Date) => React.ReactNode;
-    getTooltip?: (date: Date) => React.ReactNode;
-    onChange: (value: any, options?: any, event?: any) => void;
-    onMonthChange?: (month: Date) => void;
-    onSubmitDateRange?: () => void;
-}
-/**
- * Figma Design link: https://www.figma.com/file/tL2vrxuBIzujkDfYvVjUhs/%F0%9F%9B%A0-Xola-DS-Desktop-Master-%F0%9F%9B%A0?node-id=2689%3A101580
- */
-export declare const DatePicker: ({ variant, value, selectedDays, upcomingDates, disabledDays, loadingDays, shouldShowYearPicker, shouldShowMonthSelector, shouldShowRelativeRanges, isFutureDatesAllowed, modifiers, ranges, components, locale, timezoneName, getDayContent, getTooltip, onChange, onMonthChange, onSubmitDateRange, month: externalMonth, ...rest }: DatePickerProps) => React.JSX.Element;
-export {};

package/build/components/DatePicker/DatePicker.helpers.d.ts

@@ -1,17 +0,0 @@
-import { Locale } from 'date-fns/locale';
-export type LocaleCode = keyof typeof locales;
-export type LocalizationProps = {
-    locale: Locale;
-};
-declare const locales: {
-    en: Locale;
-    "en-US": Locale;
-    "en-GB": Locale;
-    es: Locale;
-    "es-ES": Locale;
-    "es-MX": Locale;
-    fr: Locale;
-    de: Locale;
-};
-export declare const getLocalizationProps: (localeCode: LocaleCode) => Promise<Partial<LocalizationProps>>;
-export {};

package/build/components/DatePicker/DatePicker.helpers.js

@@ -1,22 +0,0 @@
-import { de as n, fr as t, es as e, enGB as a, enUS as o } from "date-fns/locale";
-const l = {
-  en: o,
-  "en-US": o,
-  "en-GB": a,
-  es: e,
-  "es-ES": e,
-  "es-MX": e,
-  fr: t,
-  de: n
-}, i = async (c) => {
-  try {
-    return {
-      locale: l[c]
-    };
-  } catch (r) {
-    throw console.error("Error: React Day Picker localization error", r), r;
-  }
-};
-export {
-  i as getLocalizationProps
-};

package/build/components/DatePicker/DatePicker.js

@@ -1,241 +0,0 @@
-import { jsx as s, jsxs as X, Fragment as kt } from "react/jsx-runtime";
-import Y from "dayjs";
-import { isArray as h, isFunction as M } from "lodash-es";
-import { useContext as Dt, useState as N, useEffect as yt, useCallback as V, useMemo as jt } from "react";
-import { isBefore as C, startOfDay as b, endOfDay as v, isAfter as tt, isSameDay as Rt } from "date-fns";
-import { Tooltip as Nt } from "../Tooltip.js";
-import { RelativeDateRange as Vt } from "./RelativeDateRange.js";
-import { MonthSelector as Lt } from "./MonthSelector.js";
-import { UpcomingDatePicker as Ot } from "./UpcomingDatePicker.js";
-import { now as f, isSame as L, isValidTimeZoneName as St, toDate as l } from "../../helpers/date.js";
-import { Context as Et } from "../Provider.js";
-import Ft from "../../helpers/classnames.js";
-import { Day as rt } from "./Day.js";
-import { LocalizedDayPicker as _t } from "./LocalizedDayPicker.js";
-import { MonthYearSelector as Tt } from "./MonthYearSelector.js";
-import { NavbarElement as At } from "./NavbarElement.js";
-import Bt from "./RangeDatePicker.js";
-const P = {
-  single: "single",
-  range: "range"
-}, Ct = ({
-  variant: U = P.single,
-  value: r,
-  selectedDays: c,
-  upcomingDates: W,
-  disabledDays: x = [],
-  loadingDays: k = [],
-  shouldShowYearPicker: O = !1,
-  shouldShowMonthSelector: S = !1,
-  shouldShowRelativeRanges: et = !1,
-  isFutureDatesAllowed: ot = !1,
-  modifiers: E = {},
-  ranges: nt,
-  components: z = {},
-  locale: D,
-  timezoneName: u,
-  getDayContent: F,
-  getTooltip: y,
-  onChange: a,
-  onMonthChange: i,
-  onSubmitDateRange: ft,
-  month: it,
-  // Deprecated v7 props are spread into rest and ignored
-  ...H
-}) => {
-  var K, Q;
-  const { locale: j } = Dt(Et), o = u ?? void 0, st = r ? U === P.single ? r : r.from : null, [d, _] = N(it ?? st ?? f(void 0, o).toDate()), [mt, Z] = N(() => !r || typeof r != "object" || !("from" in r) || !r.from ? /* @__PURE__ */ new Date() : r.from), [lt, $] = N(() => !r || typeof r != "object" || !("from" in r) || !("to" in r) || !r.to || !r.from ? f(void 0, o).add(1, "month").toDate() : L(f(r.to, o), f(r.from, o), "month") ? f(r.from, o).add(1, "month").toDate() : r.to), [ct, at] = N(""), p = U === P.range, R = r && typeof r == "object" && "from" in r && "to" in r && r.from && r.to, dt = c && typeof c == "object" && "from" in c && "to" in c && c.from && c.to;
-  yt(() => {
-    u && !St(u) && (console.log(`${u} is not a valid timezone. Using default timezone now`), Y.tz.setDefault());
-  }, [u]);
-  const q = (t, e, m) => {
-    if (p)
-      return;
-    const n = u ? l(f(t, u)) : /* @__PURE__ */ new Date();
-    e.disabled || T(n) ? (_(n), i == null || i(n)) : a(n, e, m);
-  }, T = (t) => h(x) ? x.some((e) => {
-    if (e.daysOfWeek)
-      return e.daysOfWeek.includes(t.getDay());
-    if (e.after || e.before) {
-      const m = e.after ? tt(b(t), b(e.after)) : !0, n = e.before ? C(b(t), b(e.before)) : !0;
-      return m && n;
-    }
-    return e instanceof Date ? L(f(e, o), t, "day") : !1;
-  }) : M(x) ? x(t) : !1, bt = (t) => h(k) ? k.some((e) => L(f(e, o), t, "day")) : M(k) ? k(t) : !1, ut = (t, e) => {
-    _(e.from), Z(e.from), $(e.to), a({ ...e, rangeName: t }, E, null);
-  }, g = V(
-    (t) => {
-      _(t), i == null || i(t);
-    },
-    [i]
-  ), G = V(
-    (t) => {
-      Z(t), i == null || i(t);
-    },
-    [i]
-  ), pt = V(
-    (t) => {
-      $(t), i == null || i(t);
-    },
-    [i]
-  ), A = V(
-    (t, e, m) => {
-      if (!(!t || e.disabled))
-        if (r && typeof r == "object" && "from" in r && r.from && L(f(r.from, o), f(t, o), "month") && G(t), at(""), p) {
-          const n = r;
-          if (R)
-            a({ from: l(f(t, o)), to: null }, e, m);
-          else if (n && (n.from || n.to) && (n.from || n.to).getTime() === t.getTime()) {
-            const w = l(f(t, o)), B = l(f(t, o).endOf("day"), !1);
-            a({ from: w, to: B }, e, m);
-          } else if (n.from && C(b(n.from), b(l(f(t, o))))) {
-            const w = n.from, B = v(l(f(t, o), !1));
-            a({ from: w, to: B }, e, m);
-          } else if (n.from && (tt(b(n.from), b(l(f(t, o)))) || Rt(n.from, l(f(t, o)))))
-            a(
-              {
-                from: l(f(t, o)),
-                to: l(f(n.from).endOf("day"), !1)
-              },
-              e,
-              m
-            );
-          else {
-            const w = v(l(f(t, o), !1));
-            a({ from: n.from, to: w }, e, m);
-          }
-        } else
-          a(l(f(t, o)), e, m);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [p, R, a, o, r]
-  ), I = jt(() => (O || S) && d ? (t) => S ? /* @__PURE__ */ s(
-    Lt,
-    {
-      date: t.date || d,
-      currentMonth: d,
-      locale: D ?? j,
-      onChange: g
-    }
-  ) : /* @__PURE__ */ s(
-    Tt,
-    {
-      date: t.date || d,
-      currentMonth: d,
-      locale: D ?? j,
-      onChange: g
-    }
-  ) : void 0, [O, S, d, g, D, j]), xt = (t) => {
-    const e = y == null ? void 0 : y(t), m = T(t), n = bt(t);
-    return e ? /* @__PURE__ */ s(Nt, { placement: "top", content: e, children: /* @__PURE__ */ s(
-      rt,
-      {
-        disabled: m,
-        isLoading: n,
-        selectedDate: r,
-        date: t,
-        getContent: F,
-        currentMonth: d
-      }
-    ) }) : /* @__PURE__ */ s(
-      rt,
-      {
-        disabled: m,
-        isLoading: n,
-        selectedDate: r,
-        date: t,
-        getContent: F,
-        currentMonth: d
-      }
-    );
-  }, J = p && R ? { start: r.from, end: r.to } : dt ? { start: c.from, end: c.to } : null, gt = p && R && ((K = r.from) == null ? void 0 : K.getTime()) !== ((Q = r.to) == null ? void 0 : Q.getTime()), wt = c ?? (r && (Y.isDayjs(r) || p ? r : f(r, o).toDate()));
-  return /* @__PURE__ */ X(kt, { children: [
-    /* @__PURE__ */ X("div", { className: "flex", children: [
-      W ? /* @__PURE__ */ s(
-        Ot,
-        {
-          upcomingDates: W,
-          value: r,
-          onChange: A,
-          onMonthChange: g
-        }
-      ) : null,
-      p ? /* @__PURE__ */ s(
-        Bt,
-        {
-          isDateRangeStyle: gt,
-          shouldShowYearPicker: O,
-          startMonth: mt,
-          endMonth: lt,
-          modifiers: { ...E, ...J },
-          getTooltip: y,
-          disabledDays: x,
-          getDayContent: F,
-          value: r,
-          handleDayClick: A,
-          handleStartMonthChange: G,
-          handleEndMonthChange: pt,
-          handleTodayClick: q,
-          selectedDays: wt,
-          locale: D ?? j,
-          timezoneName: o,
-          ...H
-        }
-      ) : /* @__PURE__ */ s(
-        _t,
-        {
-          className: Ft("pt-6 tracking-tightest rounded-lg ring-0 focus:outline-none focus:ring-0"),
-          mode: "single",
-          selected: r,
-          month: d,
-          modifiers: { ...E, ...J },
-          disabled: T,
-          onSelect: A,
-          onMonthChange: g,
-          classNames: {
-            months: "flex flex-col relative",
-            month_caption: "relative flex h-8 mb-4 pl-4",
-            caption_label: "text-lg font-semibold",
-            nav: "h-8 right-4 absolute items-center",
-            weekdays: "flex flex-row",
-            weekday: "w-full m-0 p-0 text-base font-semibold text-black",
-            month: "w-full min-w-[400px]",
-            month_grid: "w-full mt-4",
-            week: "mt-0.5 flex w-full justify-between",
-            day: "w-[calc(100%/7)] mr-0.5 rounded",
-            day_button: "h-12 w-full cursor-pointer rounded bg-transparent hover:border hover:border-blue hover:bg-blue-lighter hover:text-black disabled:cursor-not-allowed disabled:text-gray-light disabled:hover:border-none disabled:hover:bg-transparent",
-            selected: "[&>button]:border [&>button]:border-blue [&>button]:bg-blue [&>button]:text-white [&>button:hover]:border-blue-darker [&>button:hover]:bg-blue-darker",
-            today: "[&>button]:border [&>button]:border-gray-light",
-            outside: "opacity-0",
-            disabled: "text-gray-light cursor-not-allowed [&>button]:cursor-not-allowed",
-            hidden: "invisible"
-          },
-          modifiersClassNames: {
-            waitlist: "[&>button]:relative [&>button]:after:content-[''] [&>button]:after:absolute [&>button]:after:bottom-1 [&>button]:after:left-1/2 [&>button]:after:-translate-x-1/2 [&>button]:after:h-2 [&>button]:after:w-2 [&>button]:after:rounded-full [&>button]:after:bg-yellow"
-          },
-          components: {
-            ...I ? { CaptionLabel: I } : {},
-            DayButton: ({ day: t, ...e }) => /* @__PURE__ */ s("button", { ...e, children: xt(t.date) }),
-            Nav: (t) => /* @__PURE__ */ s(At, { ...t, onTodayClick: (e) => q(/* @__PURE__ */ new Date(), {}, e) })
-          },
-          ...H
-        }
-      )
-    ] }),
-    z.Footer ? /* @__PURE__ */ s(z.Footer, {}) : null,
-    et && /* @__PURE__ */ s("div", { className: "max-w-200 ", children: /* @__PURE__ */ s("div", { className: "ml-auto w-5/12", children: /* @__PURE__ */ s(
-      Vt,
-      {
-        value: ct,
-        ranges: nt,
-        timezoneName: o,
-        isFutureDatesAllowed: ot,
-        onChange: ut,
-        onSubmit: ft
-      }
-    ) }) })
-  ] });
-};
-export {
-  Ct as DatePicker
-};

package/build/components/DatePicker/DatePickerPopover.d.ts

@@ -1,29 +0,0 @@
-import { default as React } from 'react';
-import { PopoverProps } from '../Popover/Popover';
-type DateValue = Date | {
-    from?: Date;
-    to?: Date;
-};
-type PickerType = "day" | "month";
-type PickerVariant = "single" | "range";
-export interface DatePickerPopoverProps {
-    [key: string]: any;
-    value?: DateValue;
-    variant?: PickerVariant;
-    dateFormat?: string;
-    placeholder?: string;
-    pickerType?: PickerType;
-    classNames?: {
-        popover?: string;
-        input?: string;
-    };
-    components?: {
-        Footer?: React.ComponentType;
-    };
-    popoverProps?: Partial<PopoverProps>;
-    children?: React.ReactElement;
-    getDayContent?: (day: number, date: Date) => React.ReactNode;
-    onChange?: (...arguments_: any[]) => void;
-}
-export declare const DatePickerPopover: ({ value, variant, dateFormat, placeholder, pickerType, classNames, components, popoverProps, children, getDayContent, onChange, ...rest }: DatePickerPopoverProps) => React.JSX.Element;
-export {};

package/build/components/DatePicker/DatePickerPopover.js

@@ -1,81 +0,0 @@
-import { jsxs as x, jsx as e } from "react/jsx-runtime";
-import { useState as m, useEffect as E, cloneElement as L, forwardRef as A } from "react";
-import { formatDate as M } from "../../helpers/date.js";
-import y from "../../helpers/classnames.js";
-import { Input as W } from "../Forms/Input.js";
-import { Popover as D } from "../Popover/Popover.js";
-import { DatePicker as q } from "./DatePicker.js";
-import { MonthPicker as B } from "./MonthPicker.js";
-import { CalendarIcon as F } from "../../icons/src/CalendarIcon.js";
-import { DownArrowIcon as G } from "../../icons/src/DownArrowIcon.js";
-const $ = ({
-  value: t,
-  variant: r = "single",
-  dateFormat: l = "ddd, LL",
-  placeholder: V = "Select Date",
-  pickerType: N = "day",
-  classNames: o = {},
-  components: P = {},
-  popoverProps: O,
-  children: n,
-  getDayContent: S,
-  onChange: i,
-  ...p
-}) => {
-  const [j] = m(t), [w, f] = m(t), [c, d] = m(!1), s = () => {
-    d(!c);
-  }, a = (b, u, k) => {
-    r === "single" ? (i == null || i(b, u, k), s()) : i == null || i(b, w, u, k);
-  }, R = () => {
-    f(t), i == null || i(t), d(!1);
-  }, z = () => {
-    r === "range" && t && typeof t == "object" && "to" in t && !t.to && (i == null || i(j)), s();
-  };
-  return E(() => {
-    f(t);
-  }, [t]), /* @__PURE__ */ x(
-    D,
-    {
-      visible: c,
-      maxWidth: 900,
-      distance: 18,
-      placement: "bottom",
-      className: y("ui-date-picker-input", o.popover),
-      onClickOutside: z,
-      ...O,
-      children: [
-        n ? L(n, { onClick: s }) : /* @__PURE__ */ e(
-          I,
-          {
-            readOnly: !0,
-            size: "medium",
-            value: t ? M(t, l) : "",
-            placeholder: V,
-            className: o == null ? void 0 : o.input,
-            onClick: s
-          }
-        ),
-        /* @__PURE__ */ e(D.Content, { className: "pr-1", children: c && (N === "month" ? /* @__PURE__ */ e(B, { value: t, onChange: a, ...p }) : /* @__PURE__ */ e(
-          q,
-          {
-            variant: r,
-            getDayContent: S,
-            value: t,
-            components: P,
-            onChange: a,
-            onSubmitDateRange: R,
-            ...p
-          }
-        )) })
-      ]
-    }
-  );
-}, I = A(({ className: t, ...r }, l) => /* @__PURE__ */ x("div", { ref: l, className: "relative flex bg-gray-lighter", children: [
-  /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-0 flex items-center pl-3", children: /* @__PURE__ */ e(F, { className: "z-10 inline-block" }) }),
-  /* @__PURE__ */ e(W, { className: y("no-translate cursor-pointer px-8", t), ...r }),
-  /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", children: /* @__PURE__ */ e(G, { className: "inline-block" }) })
-] }));
-I.displayName = "DefaultInput";
-export {
-  $ as DatePickerPopover
-};

package/build/components/DatePicker/Day.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-export interface DayProps {
-    selectedDate?: Date | {
-        from?: Date;
-        to?: Date;
-    } | null;
-    date: Date;
-    currentMonth: Date;
-    isLoading?: boolean;
-    disabled?: boolean;
-    getContent?: (day: number, date: Date) => React.ReactNode;
-}
-export declare const Day: ({ selectedDate, date, currentMonth, isLoading, disabled, getContent, }: DayProps) => React.JSX.Element;

package/build/components/DatePicker/Day.js

@@ -1,40 +0,0 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import o from "dayjs";
-import m from "../../helpers/classnames.js";
-import { Dot as l } from "../Dot/Dot.js";
-const v = ({
-  selectedDate: e,
-  date: n,
-  currentMonth: r,
-  isLoading: s = !1,
-  disabled: a = !1,
-  getContent: i
-}) => {
-  const c = o(r).isSame(n, "month");
-  if (i && c)
-    return s ? /* @__PURE__ */ t("div", { className: "flex animate-pulse items-center justify-center", children: /* @__PURE__ */ t(l, { className: "ui-day-content pointer-events-none !cursor-not-allowed", color: "secondary" }) }) : /* @__PURE__ */ t(y, { selectedDate: e, date: n, getContent: i });
-  if (s)
-    return /* @__PURE__ */ t("div", { className: "flex animate-pulse items-center justify-center", children: /* @__PURE__ */ t(l, { className: "pointer-events-none !cursor-not-allowed", color: "secondary", size: "xlarge" }) });
-  const u = e && e instanceof Date && o(e).isSame(n, "day");
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: m(
-        "ui-date-picker-day",
-        "flex items-center justify-center",
-        u && c && !a ? "selected text-white" : null,
-        c ? "date" : null
-      ),
-      children: n.getDate()
-    }
-  );
-}, y = ({ selectedDate: e, date: n, getContent: r }) => {
-  const s = n.getDate(), a = r(s, n), i = e && e instanceof Date && o(e).isSame(n, "day");
-  return /* @__PURE__ */ f("div", { className: "ui-day-content align-center flex flex-col justify-center", children: [
-    /* @__PURE__ */ t("div", { className: m("ui-day-content-value", { "selected text-white": i }), children: s }),
-    a ? /* @__PURE__ */ t("div", { className: "ui-day-content-custom mt-1", children: a }) : null
-  ] });
-};
-export {
-  v as Day
-};

package/build/components/DatePicker/LocalizedDayPicker.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-import { DayPickerProps } from 'react-day-picker';
-export declare const LocalizedDayPicker: {
-    ({ className, ...rest }: DayPickerProps): React.JSX.Element;
-    displayName: string;
-};

package/build/components/DatePicker/LocalizedDayPicker.js

@@ -1,20 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useContext as s, useState as l, useEffect as n } from "react";
-import { DayPicker as p } from "react-day-picker";
-import { kebabCase as f } from "lodash-es";
-import { enUS as r } from "date-fns/locale";
-import u from "../../helpers/classnames.js";
-import { Context as P } from "../Provider.js";
-import { getLocalizationProps as z } from "./DatePicker.helpers.js";
-const C = ({ className: a, ...i }) => {
-  const { locale: o } = s(P), [c, t] = l({ locale: r });
-  return n(() => {
-    t({ locale: r });
-    const e = f(o).toLowerCase();
-    !e || e === "en" || e === "en-us" || z(o).then(t);
-  }, [o]), /* @__PURE__ */ m(p, { className: u(a), ...c, ...i });
-};
-C.displayName = "LocalizedDayPicker";
-export {
-  C as LocalizedDayPicker
-};

package/build/components/DatePicker/MonthGrid.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-export interface MonthGridProps {
-    year: number;
-    value?: Date;
-    locale?: string;
-    onChange: (newDate: Date) => void;
-    handleYearChange: (offset: number) => void;
-    handleClear: () => void;
-    handleToday: () => void;
-}
-export declare const MonthGrid: ({ year, value, locale, onChange, handleYearChange, handleClear, handleToday, }: MonthGridProps) => React.JSX.Element;

package/build/components/DatePicker/MonthGrid.js

@@ -1,52 +0,0 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import u from "dayjs";
-import { useContext as x } from "react";
-import g from "../../helpers/classnames.js";
-import { Context as C } from "../Provider.js";
-import { Button as i } from "../Buttons/Button.js";
-import { ChevronButton as s } from "./NavbarElement.js";
-import { ChevronLeftIcon as k } from "../../icons/src/ChevronLeftIcon.js";
-import { ChevronRightIcon as y } from "../../icons/src/ChevronRightIcon.js";
-const v = u(), A = ({
-  year: r,
-  value: n,
-  locale: m,
-  onChange: a,
-  handleYearChange: c,
-  handleClear: d,
-  handleToday: h
-}) => {
-  const { locale: p } = x(C), f = [...Array.from({ length: 12 }).keys()].map(
-    (e) => v.locale(m ?? p).month(e).format("MMM")
-  ), b = (e) => {
-    const o = new Date(r, e);
-    a(o);
-  };
-  return /* @__PURE__ */ l("span", { className: "min-w-72", children: [
-    /* @__PURE__ */ l("div", { className: "mb-4 flex items-center justify-between", children: [
-      /* @__PURE__ */ t(s, { onClick: () => c(-1), children: /* @__PURE__ */ t(k, {}) }),
-      /* @__PURE__ */ t("span", { className: "text-lg font-bold", children: r }),
-      /* @__PURE__ */ t(s, { onClick: () => c(1), children: /* @__PURE__ */ t(y, {}) })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "grid grid-cols-4 gap-2", children: f.map((e, o) => /* @__PURE__ */ t(
-      "button",
-      {
-        type: "button",
-        className: g(
-          n && n.getMonth() === o && n.getFullYear() === r ? "bg-blue-dark text-white" : "text-black",
-          "rounded-md p-4 text-center hover:bg-blue-dark hover:text-white"
-        ),
-        onClick: () => b(o),
-        children: e
-      },
-      e
-    )) }),
-    /* @__PURE__ */ l("div", { className: "mt-2 flex justify-between border-t border-gray-lighter pt-2", children: [
-      /* @__PURE__ */ t(i, { size: "small", color: "secondary", variant: "outline", onClick: d, children: "Clear" }),
-      /* @__PURE__ */ t(i, { size: "small", color: "secondary", variant: "outline", onClick: h, children: "Today" })
-    ] })
-  ] });
-};
-export {
-  A as MonthGrid
-};

package/build/components/DatePicker/MonthPicker.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface MonthPickerProps {
-    value: Date;
-    locale?: string;
-    onChange: (date: Date) => void;
-}
-export declare const MonthPicker: ({ value, locale, onChange }: MonthPickerProps) => React.JSX.Element;