@konstructio/ui 0.1.2-alpha.78 → 0.1.2-alpha.79

package/dist/components/DateRangePicker/components/CalendarPanel/components/TogetherModeCalendar/TogetherModeCalendar.js

@@ -1,134 +1,86 @@
-import { jsx as e, jsxs as W } from "react/jsx-runtime";
-import { useCallback as z, useMemo as L } from "react";
-import { cn as i } from "../../../../../../utils/index.js";
-import { calendarGridContainerVariants as V, calendarPanelVariants as A } from "../../CalendarPanel.variants.js";
-import { CalendarDivider as F } from "../CalendarDivider/CalendarDivider.js";
-import { CalendarMonth as G } from "../CalendarMonth/CalendarMonth.js";
+import { t as r } from "../../../../../../utils-DHuiYnx1.js";
+import { t as W } from "../../../../../../proxy-uLtw-ZML.js";
+import { CalendarDivider as z } from "../CalendarDivider/CalendarDivider.js";
+import { calendarGridContainerVariants as L, calendarPanelVariants as V } from "../../CalendarPanel.variants.js";
+import { CalendarMonth as A } from "../CalendarMonth/CalendarMonth.js";
+import { useTogetherCarousel as F } from "../../hooks/useTogetherCarousel.js";
 import { NavigationButton as m } from "../NavigationButton/NavigationButton.js";
-import { useTogetherCarousel as H } from "../../hooks/useTogetherCarousel.js";
-import { m as R } from "../../../../../../proxy-BGrSEZuV.js";
-const S = ({
-  className: s,
-  calendarWidth: h = 550,
-  ariaLabelCalendar: c = "Date range picker calendar",
-  ariaLabelPrevMonth: f = "Previous month",
-  ariaLabelNextMonth: u = "Next month",
-  classNames: a,
-  range: p,
-  onRangeSelect: o,
-  disabled: r,
-  disabledMatcher: v,
-  showOutsideDays: g,
-  hideDisabledNavigation: l,
-  canNavigatePrev: C,
-  canNavigateNext: b,
-  carouselProps: n
-}) => {
-  const {
-    carouselRef: k,
-    isAnimating: d,
-    enableTransition: T,
-    animateTransform: y,
-    calendarHeight: x,
-    carouselTotalWidth: D,
-    monthsToRender: M,
-    handlePrevMonth: N,
-    handleNextMonth: B,
-    getTransform: P
-  } = H(n), w = z(
-    (t) => {
-      t && o({
-        from: t.from,
-        to: t.to
-      });
-    },
-    [o]
-  ), $ = L(
-    () => a?.dayPicker,
-    [a?.dayPicker]
-  );
-  return /* @__PURE__ */ e("div", { className: i(A({ className: s }), a?.root), children: /* @__PURE__ */ W(
-    "div",
-    {
-      className: i(
-        V(),
-        "overflow-hidden relative justify-start!",
-        a?.gridContainer
-      ),
+import { useCallback as G, useMemo as H } from "react";
+import { jsx as e, jsxs as R } from "react/jsx-runtime";
+var S = ({ className: s, calendarWidth: h = 550, ariaLabelCalendar: c = "Date range picker calendar", ariaLabelPrevMonth: f = "Previous month", ariaLabelNextMonth: u = "Next month", classNames: a, range: p, onRangeSelect: o, disabled: i, disabledMatcher: v, showOutsideDays: g, hideDisabledNavigation: l, canNavigatePrev: C, canNavigateNext: b, carouselProps: n }) => {
+  const { carouselRef: k, isAnimating: d, enableTransition: T, animateTransform: y, calendarHeight: x, carouselTotalWidth: D, monthsToRender: M, handlePrevMonth: N, handleNextMonth: B, getTransform: P } = F(n), w = G((t) => {
+    t && o({
+      from: t.from,
+      to: t.to
+    });
+  }, [o]), $ = H(() => a?.dayPicker, [a?.dayPicker]);
+  return /* @__PURE__ */ e("div", {
+    className: r(V({ className: s }), a?.root),
+    children: /* @__PURE__ */ R("div", {
+      className: r(L(), "overflow-hidden relative justify-start!", a?.gridContainer),
       style: { width: h },
       children: [
-        /* @__PURE__ */ e(
-          m,
-          {
-            direction: "prev",
-            onClick: N,
-            disabled: r,
-            isAnimating: d,
-            canNavigate: C,
-            hideWhenDisabled: l,
-            className: i("absolute left-0 top-3 z-10", a?.navButton),
-            disabledClassName: a?.navButtonDisabled,
-            ariaLabel: f
-          }
-        ),
-        /* @__PURE__ */ e(
-          m,
-          {
-            direction: "next",
-            onClick: B,
-            disabled: r,
-            isAnimating: d,
-            canNavigate: b,
-            hideWhenDisabled: l,
-            className: i("absolute right-0 top-3 z-10", a?.navButton),
-            disabledClassName: a?.navButtonDisabled,
-            ariaLabel: u
-          }
-        ),
-        /* @__PURE__ */ e(F, { className: a?.divider }),
-        /* @__PURE__ */ e(
-          R.div,
-          {
-            ref: k,
-            className: i(
-              "flex gap-8",
-              T && y && "konstruct-drp-carousel-transition"
-            ),
-            role: "application",
-            "aria-label": c,
-            initial: !1,
-            animate: { height: x },
-            transition: {
-              duration: n.animationDuration / 1e3,
-              ease: [0.25, 0.1, 0.25, 1]
-            },
-            style: {
-              "--konstruct-drp-animation-duration": `${n.animationDuration}ms`,
-              width: D,
-              transform: P(),
-              willChange: "transform"
-            },
-            children: M.map((t, j) => /* @__PURE__ */ e(
-              G,
-              {
-                month: t,
-                range: p,
-                onRangeSelect: w,
-                disabled: r,
-                disabledMatcher: v,
-                showOutsideDays: g,
-                classNames: {
-                  monthTitle: a?.monthTitle,
-                  dayPicker: $
-                }
-              },
-              `${t.getFullYear()}-${t.getMonth()}-${j}`
-            ))
-          }
-        )
+        /* @__PURE__ */ e(m, {
+          direction: "prev",
+          onClick: N,
+          disabled: i,
+          isAnimating: d,
+          canNavigate: C,
+          hideWhenDisabled: l,
+          className: r("absolute left-0 top-3 z-10", a?.navButton),
+          disabledClassName: a?.navButtonDisabled,
+          ariaLabel: f
+        }),
+        /* @__PURE__ */ e(m, {
+          direction: "next",
+          onClick: B,
+          disabled: i,
+          isAnimating: d,
+          canNavigate: b,
+          hideWhenDisabled: l,
+          className: r("absolute right-0 top-3 z-10", a?.navButton),
+          disabledClassName: a?.navButtonDisabled,
+          ariaLabel: u
+        }),
+        /* @__PURE__ */ e(z, { className: a?.divider }),
+        /* @__PURE__ */ e(W.div, {
+          ref: k,
+          className: r("flex gap-8", T && y && "konstruct-drp-carousel-transition"),
+          role: "application",
+          "aria-label": c,
+          initial: !1,
+          animate: { height: x },
+          transition: {
+            duration: n.animationDuration / 1e3,
+            ease: [
+              0.25,
+              0.1,
+              0.25,
+              1
+            ]
+          },
+          style: {
+            "--konstruct-drp-animation-duration": `${n.animationDuration}ms`,
+            width: D,
+            transform: P(),
+            willChange: "transform"
+          },
+          children: M.map((t, j) => /* @__PURE__ */ e(A, {
+            month: t,
+            range: p,
+            onRangeSelect: w,
+            disabled: i,
+            disabledMatcher: v,
+            showOutsideDays: g,
+            classNames: {
+              monthTitle: a?.monthTitle,
+              dayPicker: $
+            }
+          }, `${t.getFullYear()}-${t.getMonth()}-${j}`))
+        })
       ]
-    }
-  ) });
+    })
+  });
 };
 S.displayName = "TogetherModeCalendar";
 export {

package/dist/components/DateRangePicker/components/CalendarPanel/components/index.js

@@ -1,12 +1,12 @@
 import { CalendarDivider as r } from "./CalendarDivider/CalendarDivider.js";
-import { CalendarMonth as a } from "./CalendarMonth/CalendarMonth.js";
+import { CalendarMonth as t } from "./CalendarMonth/CalendarMonth.js";
+import { NavigationButton as m } from "./NavigationButton/NavigationButton.js";
 import { IndependentModeCalendar as d } from "./IndependentModeCalendar/IndependentModeCalendar.js";
-import { NavigationButton as f } from "./NavigationButton/NavigationButton.js";
-import { TogetherModeCalendar as x } from "./TogetherModeCalendar/TogetherModeCalendar.js";
+import { TogetherModeCalendar as p } from "./TogetherModeCalendar/TogetherModeCalendar.js";
 export {
   r as CalendarDivider,
-  a as CalendarMonth,
+  t as CalendarMonth,
   d as IndependentModeCalendar,
-  f as NavigationButton,
-  x as TogetherModeCalendar
+  m as NavigationButton,
+  p as TogetherModeCalendar
 };

package/dist/components/DateRangePicker/components/CalendarPanel/constants/dayPickerClassNames.js

@@ -1,5 +1,4 @@
-import "../../../../../utils/index.js";
-import { createDayPickerClassNames as m } from "./index.js";
+import { s as e } from "../../../../../constants-D96yCePL.js";
 export {
-  m as createDayPickerClassNames
+  e as createDayPickerClassNames
 };

package/dist/components/DateRangePicker/components/CalendarPanel/constants/index.js

@@ -1,149 +1,12 @@
-import { cn as t } from "../../../../../utils/index.js";
-import { getMonthName as x } from "../../../utils/validation.js";
-const b = (e) => ({
-  root: t("w-fit", e?.root),
-  months: t("flex", e?.months),
-  month: t(`flex flex-col w-[${o}px]`, e?.month),
-  month_caption: "hidden",
-  nav: "hidden",
-  day_button: t(
-    "size-[30px]",
-    "flex",
-    "items-center",
-    "justify-center",
-    "text-sm",
-    "font-semibold",
-    "cursor-pointer",
-    "rounded-full",
-    "hover:bg-slate-100",
-    "dark:hover:bg-metal-700",
-    "transition-colors",
-    "text-[#314158]",
-    "dark:text-white",
-    "focus:outline-none",
-    "focus-visible:outline-none",
-    e?.dayButton
-  ),
-  day: t(
-    "p-0",
-    "w-[37px]",
-    "h-[38px]",
-    "text-center",
-    "align-middle",
-    e?.day
-  ),
-  selected: t(
-    "[&>button]:bg-blue-600",
-    "[&>button]:text-white",
-    "[&>button]:hover:bg-blue-700",
-    "dark:[&>button]:bg-aurora-500",
-    "dark:[&>button]:hover:bg-aurora-500",
-    "dark:[&>button]:text-metal-900",
-    e?.selected
-  ),
-  range_start: t(
-    "drp-range-start",
-    "[&>button]:!bg-blue-600",
-    "[&>button]:!text-white",
-    "[&>button]:!rounded-full",
-    "[&>button]:hover:!bg-blue-700",
-    "[&>button]:relative",
-    "[&>button]:z-10",
-    "dark:[&>button]:!bg-aurora-500",
-    "dark:[&>button]:hover:!bg-aurora-500",
-    "dark:[&>button]:!text-metal-900",
-    "!relative",
-    "before:absolute",
-    "before:top-[4px]",
-    "before:bottom-[4px]",
-    "before:left-1/2",
-    "before:right-0",
-    "before:!bg-[#EFF6FF]",
-    "dark:before:!bg-aurora-500/10",
-    "last:before:!hidden",
-    e?.rangeStart
-  ),
-  range_end: t(
-    "drp-range-end",
-    "[&>button]:!bg-blue-600",
-    "[&>button]:!text-white",
-    "[&>button]:!rounded-full",
-    "[&>button]:hover:!bg-blue-700",
-    "[&>button]:relative",
-    "[&>button]:z-10",
-    "dark:[&>button]:!bg-aurora-500",
-    "dark:[&>button]:hover:!bg-aurora-500",
-    "dark:[&>button]:!text-metal-900",
-    "!relative",
-    "before:absolute",
-    "before:top-[4px]",
-    "before:bottom-[4px]",
-    "before:left-0",
-    "before:right-1/2",
-    "before:!bg-[#EFF6FF]",
-    "dark:before:!bg-aurora-500/10",
-    "first:before:!hidden",
-    e?.rangeEnd
-  ),
-  range_middle: t(
-    "drp-range-middle",
-    "!relative",
-    "before:absolute",
-    "before:top-[4px]",
-    "before:bottom-[4px]",
-    "before:left-0",
-    "before:right-0",
-    "before:!bg-[#EFF6FF]",
-    "dark:before:!bg-aurora-500/10",
-    "first:before:rounded-l-full",
-    "last:before:rounded-r-full",
-    "[&>button]:!text-[#314158]",
-    "[&>button]:!bg-transparent",
-    "[&>button]:!rounded-full",
-    "[&>button]:relative",
-    "[&>button]:z-10",
-    "[&>button]:hover:!bg-blue-100",
-    "dark:[&>button]:!text-white",
-    "dark:[&>button]:hover:!bg-aurora-500/20",
-    e?.rangeMiddle
-  ),
-  table: t("w-full border-collapse table-fixed", e?.table),
-  weekdays: t("text-[#62748e]", "dark:text-metal-400", e?.weekdays),
-  weeks: t("[&>tr>td]:p-0", "[&>tr]:h-[38px]", e?.weeks),
-  weekday: t(
-    "font-semibold",
-    "text-xs",
-    "uppercase",
-    "text-[#62748e]",
-    "dark:text-metal-400",
-    "pb-4",
-    "w-[37px]",
-    e?.weekday
-  ),
-  today: t(
-    "[&>button]:text-[#155dfc]",
-    "dark:[&>button]:text-aurora-500",
-    e?.today
-  ),
-  month_grid: "w-full",
-  disabled: t(
-    "[&>button]:opacity-50",
-    "[&>button]:cursor-not-allowed",
-    e?.disabled
-  ),
-  outside: t(
-    "[&>button]:!text-slate-400",
-    "dark:[&>button]:!text-metal-500",
-    e?.outside
-  )
-}), o = 259, a = 32, n = 720 * 60 * 60 * 1e3, d = 56, l = 28, u = 38;
+import { getMonthName as E } from "../../../utils/validation.js";
+import { a as s, i as _, n as r, o as T, r as e, s as o, t } from "../../../../../constants-D96yCePL.js";
 export {
-  a as GAP_WIDTH,
-  d as MONTH_HEADER_HEIGHT,
-  n as MS_PER_MONTH,
-  o as SINGLE_MONTH_WIDTH,
-  l as WEEKDAY_HEADER_HEIGHT,
-  u as WEEK_ROW_HEIGHT,
-  b as createDayPickerClassNames,
-  x as getMonthName
+  t as GAP_WIDTH,
+  r as MONTH_HEADER_HEIGHT,
+  e as MS_PER_MONTH,
+  _ as SINGLE_MONTH_WIDTH,
+  s as WEEKDAY_HEADER_HEIGHT,
+  T as WEEK_ROW_HEIGHT,
+  o as createDayPickerClassNames,
+  E as getMonthName
 };

package/dist/components/DateRangePicker/components/CalendarPanel/hooks/index.js

@@ -1,21 +1,21 @@
-import { GAP_WIDTH as o, MONTH_HEADER_HEIGHT as r, MS_PER_MONTH as H, SINGLE_MONTH_WIDTH as E, WEEKDAY_HEADER_HEIGHT as a, WEEK_ROW_HEIGHT as _, createDayPickerClassNames as n } from "../constants/index.js";
-import { calculateCalendarHeight as s, getNextMonth as I, getPrevMonth as M, getWeeksInMonth as m } from "../utils/index.js";
-import { useTogetherCarousel as g } from "./useTogetherCarousel.js";
-import { useIndependentCarousel as l } from "./useIndependentCarousel.js";
-import { getMonthName as x } from "../../../utils/validation.js";
+import { getMonthName as t } from "../../../utils/validation.js";
+import { a as o, i as r, n as s, o as H, r as E, s as m, t as _ } from "../../../../../constants-D96yCePL.js";
+import { calculateCalendarHeight as T, getNextMonth as i, getPrevMonth as I, getWeeksInMonth as M } from "../utils/index.js";
+import { useTogetherCarousel as N } from "./useTogetherCarousel.js";
+import { useIndependentCarousel as h } from "./useIndependentCarousel.js";
 export {
-  o as GAP_WIDTH,
-  r as MONTH_HEADER_HEIGHT,
-  H as MS_PER_MONTH,
-  E as SINGLE_MONTH_WIDTH,
-  a as WEEKDAY_HEADER_HEIGHT,
-  _ as WEEK_ROW_HEIGHT,
-  s as calculateCalendarHeight,
-  n as createDayPickerClassNames,
-  x as getMonthName,
-  I as getNextMonth,
-  M as getPrevMonth,
-  m as getWeeksInMonth,
-  l as useIndependentCarousel,
-  g as useTogetherCarousel
+  _ as GAP_WIDTH,
+  s as MONTH_HEADER_HEIGHT,
+  E as MS_PER_MONTH,
+  r as SINGLE_MONTH_WIDTH,
+  o as WEEKDAY_HEADER_HEIGHT,
+  H as WEEK_ROW_HEIGHT,
+  T as calculateCalendarHeight,
+  m as createDayPickerClassNames,
+  t as getMonthName,
+  i as getNextMonth,
+  I as getPrevMonth,
+  M as getWeeksInMonth,
+  h as useIndependentCarousel,
+  N as useTogetherCarousel
 };