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

package/dist/components/Counter/Counter.variants.js

@@ -1,5 +1,5 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const t = e([
+import { t as e } from "../../dist-DtEbXv47.js";
+var r = e([
   "[&::-webkit-inner-spin-button]:appearance-none",
   "[&::-webkit-outer-spin-button]:appearance-none",
   "[-moz-appearance:textfield]",
@@ -18,53 +18,40 @@ const t = e([
   "dark:bg-metal-800",
   "dark:border-metal-700",
   "dark:text-metal-50"
-]), r = e(
-  [
-    "h-9",
-    "w-9",
-    "flex",
-    "items-center",
-    "justify-center",
-    "border",
-    "text-slate-500",
-    "border-gray-300",
-    "bg-white",
-    "cursor-pointer",
-    "hover:bg-aurora-50",
-    "hover:text-slate-600",
-    "disabled:hover:bg-white",
-    "disabled:bg-white",
-    "disabled:text-slate-400",
-    "dark:bg-metal-800",
-    "dark:border-metal-700",
-    "dark:text-aurora-500",
-    "dark:hover:bg-aurora-900",
-    "dark:hover:text-aurora-500",
-    "dark:disabled:text-metal-400",
-    "dark:disabled:hover:bg-metal-800",
-    "dark:disabled:bg-metal-800",
-    "disabled:cursor-not-allowed"
-  ],
-  {
-    variants: {
-      button: {
-        left: ["rounded-e"],
-        rigth: ["rounded-s"]
-      }
-    }
-  }
-), o = e(["cursor-pointer"], {
-  variants: {
-    variant: {
-      default: ""
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
+]), t = e([
+  "h-9",
+  "w-9",
+  "flex",
+  "items-center",
+  "justify-center",
+  "border",
+  "text-slate-500",
+  "border-gray-300",
+  "bg-white",
+  "cursor-pointer",
+  "hover:bg-aurora-50",
+  "hover:text-slate-600",
+  "disabled:hover:bg-white",
+  "disabled:bg-white",
+  "disabled:text-slate-400",
+  "dark:bg-metal-800",
+  "dark:border-metal-700",
+  "dark:text-aurora-500",
+  "dark:hover:bg-aurora-900",
+  "dark:hover:text-aurora-500",
+  "dark:disabled:text-metal-400",
+  "dark:disabled:hover:bg-metal-800",
+  "dark:disabled:bg-metal-800",
+  "disabled:cursor-not-allowed"
+], { variants: { button: {
+  left: ["rounded-e"],
+  rigth: ["rounded-s"]
+} } }), o = e(["cursor-pointer"], {
+  variants: { variant: { default: "" } },
+  defaultVariants: { variant: "default" }
 });
 export {
-  r as buttonVariants,
-  t as counterVariants,
+  t as buttonVariants,
+  r as counterVariants,
   o as labelVariants
 };

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,163 +1,78 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { cn as a } from "../../utils/index.js";
+import { t as a } from "../../utils-DHuiYnx1.js";
 import { Typography as i } from "../Typography/Typography.js";
-import { rightPanelVariants as Q, dateRangePickerVariants as S } from "./DateRangePicker.variants.js";
-import { DateRangePickerProvider as U } from "./contexts/date-range-picker.provider.js";
-import { PresetPanel as W } from "./components/PresetPanel/PresetPanel.js";
-import { DateTimeInputs as X } from "./components/DateTimeInputs/DateTimeInputs.js";
-import { CalendarPanel as Y } from "./components/CalendarPanel/CalendarPanel.js";
-const Z = ({
-  animationDuration: o = 500,
-  className: m,
-  defaultPreset: l = "custom",
-  defaultRange: c,
-  defaultTime: s,
-  disabled: p = !1,
-  isRequired: d,
-  label: n,
-  labelWrapperClassName: f,
+import { DateRangePickerProvider as Q } from "./contexts/date-range-picker.provider.js";
+import { PresetPanel as S } from "./components/PresetPanel/PresetPanel.js";
+import { DateTimeInputs as U } from "./components/DateTimeInputs/DateTimeInputs.js";
+import { CalendarPanel as W } from "./components/CalendarPanel/CalendarPanel.js";
+import { dateRangePickerVariants as X, rightPanelVariants as Y } from "./DateRangePicker.variants.js";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+var Z = ({ animationDuration: m = 500, className: o, defaultPreset: l = "custom", defaultRange: s, defaultTime: c, disabled: p = !1, isRequired: d, label: n, labelWrapperClassName: f, name: g, showTime: P = !0, theme: h, timeFormat: x = "24", blockedDays: u, blockedMonths: v, minDate: k, maxDate: N, hideDisabledNavigation: D, showOutsideDays: R, navigationMode: y = "independent", ariaLabelCalendar: T, ariaLabelPrevMonth: j, ariaLabelNextMonth: I, ariaLabelPrevMonthStart: V, ariaLabelNextMonthStart: b, ariaLabelPrevMonthEnd: C, ariaLabelNextMonthEnd: K, labelStartDate: L, labelEndDate: q, labelTime: w, ariaLabelStartDate: z, ariaLabelEndDate: A, errorInvalidDate: B, errorDateNotAvailable: E, showPresets: F = !0, labelTimePeriod: G, ariaLabelTimePeriod: H, presetLabels: J, classNames: r, onRangeChange: M, onDateChange: O }) => /* @__PURE__ */ e(Q, {
+  defaultRange: s,
+  defaultTime: c,
+  defaultPreset: l,
+  timeFormat: x,
+  showTime: P,
   name: g,
-  showTime: P = !0,
-  theme: h,
-  timeFormat: x = "24",
+  disabled: p,
+  animationDuration: m,
   blockedDays: u,
-  blockedMonths: k,
-  minDate: v,
+  blockedMonths: v,
+  minDate: k,
   maxDate: N,
   hideDisabledNavigation: D,
   showOutsideDays: R,
-  navigationMode: y = "independent",
-  // CalendarPanel props
-  ariaLabelCalendar: T,
-  ariaLabelPrevMonth: j,
-  ariaLabelNextMonth: I,
-  ariaLabelPrevMonthStart: V,
-  ariaLabelNextMonthStart: b,
-  ariaLabelPrevMonthEnd: C,
-  ariaLabelNextMonthEnd: K,
-  // DateTimeInputs props
-  labelStartDate: L,
-  labelEndDate: q,
-  labelTime: w,
-  ariaLabelStartDate: z,
-  ariaLabelEndDate: A,
-  errorInvalidDate: B,
-  errorDateNotAvailable: E,
-  // PresetPanel props
-  showPresets: F = !0,
-  labelTimePeriod: G,
-  ariaLabelTimePeriod: H,
-  presetLabels: J,
-  // Customizable class names
-  classNames: r,
-  // Callbacks
+  navigationMode: y,
   onRangeChange: M,
-  onDateChange: O
-}) => /* @__PURE__ */ e(
-  U,
-  {
-    defaultRange: c,
-    defaultTime: s,
-    defaultPreset: l,
-    timeFormat: x,
-    showTime: P,
-    name: g,
-    disabled: p,
-    animationDuration: o,
-    blockedDays: u,
-    blockedMonths: k,
-    minDate: v,
-    maxDate: N,
-    hideDisabledNavigation: D,
-    showOutsideDays: R,
-    navigationMode: y,
-    onRangeChange: M,
-    onDateChange: O,
-    children: /* @__PURE__ */ t("div", { className: "flex flex-col gap-2", "data-theme": h, children: [
-      n ? /* @__PURE__ */ e("div", { className: a(f), children: /* @__PURE__ */ t(
-        i,
-        {
-          component: "label",
-          variant: "labelLarge",
-          className: a(
-            "cursor-pointer",
-            "flex",
-            "gap-1",
-            "text-sm",
-            "font-medium"
-          ),
-          children: [
-            n,
-            d && /* @__PURE__ */ e(
-              i,
-              {
-                component: "span",
-                className: a(
-                  "text-red-600",
-                  "dark:text-red-500",
-                  "text-xs",
-                  "mt-0.5"
-                ),
-                children: "*"
-              }
-            )
-          ]
-        }
-      ) }) : null,
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: a(
-            S({ className: m }),
-            "gap-4",
-            r?.container
-          ),
-          role: "group",
-          "aria-label": n || "Date range picker",
-          children: [
-            F && /* @__PURE__ */ e(
-              W,
-              {
-                labelTimePeriod: G,
-                ariaLabelTimePeriod: H,
-                presetLabels: J,
-                classNames: r?.presetPanel
-              }
-            ),
-            /* @__PURE__ */ t("div", { className: a(Q(), r?.rightPanel), children: [
-              /* @__PURE__ */ e(
-                X,
-                {
-                  labelStartDate: L,
-                  labelEndDate: q,
-                  labelTime: w,
-                  ariaLabelStartDate: z,
-                  ariaLabelEndDate: A,
-                  errorInvalidDate: B,
-                  errorDateNotAvailable: E,
-                  classNames: r?.dateTimeInputs
-                }
-              ),
-              /* @__PURE__ */ e(
-                Y,
-                {
-                  ariaLabelCalendar: T,
-                  ariaLabelPrevMonth: j,
-                  ariaLabelNextMonth: I,
-                  ariaLabelPrevMonthStart: V,
-                  ariaLabelNextMonthStart: b,
-                  ariaLabelPrevMonthEnd: C,
-                  ariaLabelNextMonthEnd: K,
-                  classNames: r?.calendarPanel
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    ] })
-  }
-);
+  onDateChange: O,
+  children: /* @__PURE__ */ t("div", {
+    className: "flex flex-col gap-2",
+    "data-theme": h,
+    children: [n ? /* @__PURE__ */ e("div", {
+      className: a(f),
+      children: /* @__PURE__ */ t(i, {
+        component: "label",
+        variant: "labelLarge",
+        className: a("cursor-pointer", "flex", "gap-1", "text-sm", "font-medium"),
+        children: [n, d && /* @__PURE__ */ e(i, {
+          component: "span",
+          className: a("text-red-600", "dark:text-red-500", "text-xs", "mt-0.5"),
+          children: "*"
+        })]
+      })
+    }) : null, /* @__PURE__ */ t("div", {
+      className: a(X({ className: o }), "gap-4", r?.container),
+      role: "group",
+      "aria-label": n || "Date range picker",
+      children: [F && /* @__PURE__ */ e(S, {
+        labelTimePeriod: G,
+        ariaLabelTimePeriod: H,
+        presetLabels: J,
+        classNames: r?.presetPanel
+      }), /* @__PURE__ */ t("div", {
+        className: a(Y(), r?.rightPanel),
+        children: [/* @__PURE__ */ e(U, {
+          labelStartDate: L,
+          labelEndDate: q,
+          labelTime: w,
+          ariaLabelStartDate: z,
+          ariaLabelEndDate: A,
+          errorInvalidDate: B,
+          errorDateNotAvailable: E,
+          classNames: r?.dateTimeInputs
+        }), /* @__PURE__ */ e(W, {
+          ariaLabelCalendar: T,
+          ariaLabelPrevMonth: j,
+          ariaLabelNextMonth: I,
+          ariaLabelPrevMonthStart: V,
+          ariaLabelNextMonthStart: b,
+          ariaLabelPrevMonthEnd: C,
+          ariaLabelNextMonthEnd: K,
+          classNames: r?.calendarPanel
+        })]
+      })]
+    })]
+  })
+});
 Z.displayName = "KonstructDateRangePicker";
 export {
   Z as DateRangePicker

package/dist/components/DateRangePicker/DateRangePicker.variants.js

@@ -1,5 +1,5 @@
-import { c as a } from "../../index-D29mdTf5.js";
-const t = a([
+import { t as a } from "../../dist-DtEbXv47.js";
+var r = a([
   "flex",
   "rounded-xl",
   "max-w-fit",
@@ -11,7 +11,7 @@ const t = a([
   "pt-4.5",
   "pb-3.5",
   "px-4"
-]), r = a([
+]), t = a([
   "flex",
   "flex-col",
   "pt-4",
@@ -20,6 +20,6 @@ const t = a([
   "items-center"
 ]);
 export {
-  t as dateRangePickerVariants,
-  r as rightPanelVariants
+  r as dateRangePickerVariants,
+  t as rightPanelVariants
 };

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

@@ -1,118 +1,78 @@
-import { jsx as x } from "react/jsx-runtime";
-import { useMemo as B } from "react";
 import '../../../../style.css';import '../../../../CalendarPanel.css';/* empty css                         */
-import { useDateRangePicker as E } from "../../contexts/date-range-picker.hook.js";
-import { createDisabledMatcher as F } from "../../utils/disabled-dates.js";
-import { IndependentModeCalendar as G } from "./components/IndependentModeCalendar/IndependentModeCalendar.js";
-import { TogetherModeCalendar as H } from "./components/TogetherModeCalendar/TogetherModeCalendar.js";
-const J = ({
-  className: a,
-  calendarWidth: n = 550,
-  ariaLabelCalendar: o = "Date range picker calendar",
-  ariaLabelPrevMonth: u = "Previous month",
-  ariaLabelNextMonth: D = "Next month",
-  ariaLabelPrevMonthStart: M = "Previous month for start date",
-  ariaLabelNextMonthStart: R = "Next month for start date",
-  ariaLabelPrevMonthEnd: b = "Previous month for end date",
-  ariaLabelNextMonthEnd: k = "Next month for end date",
-  classNames: r
-}) => {
-  const {
-    animationDuration: i,
+import { useDateRangePicker as B } from "../../contexts/date-range-picker.hook.js";
+import { createDisabledMatcher as E } from "../../utils/disabled-dates.js";
+import { IndependentModeCalendar as F } from "./components/IndependentModeCalendar/IndependentModeCalendar.js";
+import { TogetherModeCalendar as G } from "./components/TogetherModeCalendar/TogetherModeCalendar.js";
+import { useMemo as H } from "react";
+import { jsx as x } from "react/jsx-runtime";
+var J = ({ className: a, calendarWidth: n = 550, ariaLabelCalendar: o = "Date range picker calendar", ariaLabelPrevMonth: u = "Previous month", ariaLabelNextMonth: D = "Next month", ariaLabelPrevMonthStart: M = "Previous month for start date", ariaLabelNextMonthStart: R = "Next month for start date", ariaLabelPrevMonthEnd: b = "Previous month for end date", ariaLabelNextMonthEnd: k = "Next month for end date", classNames: r }) => {
+  const { animationDuration: i, blockedDays: d, blockedMonths: g, canLeftNavigateNext: y, canLeftNavigatePrev: C, canNavigateNext: v, canNavigatePrev: s, canRightNavigateNext: L, canRightNavigatePrev: S, disabled: e, displayedMonths: m, hideDisabledNavigation: c, maxDate: h, minDate: l, navigationMode: t, range: f, showOutsideDays: p, navigateLeftNext: j, navigateLeftPrev: w, navigateNextMonth: I, navigatePrevMonth: O, navigateRightNext: T, navigateRightPrev: q, setRange: z } = B(), N = H(() => E({
     blockedDays: d,
     blockedMonths: g,
-    canLeftNavigateNext: y,
-    canLeftNavigatePrev: C,
-    canNavigateNext: s,
-    canNavigatePrev: v,
-    canRightNavigateNext: L,
-    canRightNavigatePrev: S,
-    disabled: e,
-    displayedMonths: m,
-    hideDisabledNavigation: c,
-    maxDate: h,
     minDate: l,
-    navigationMode: t,
+    maxDate: h
+  }), [
+    d,
+    g,
+    l,
+    h
+  ]), P = (A) => {
+    z(A);
+  };
+  return t === "independent" ? /* @__PURE__ */ x(F, {
+    className: a,
+    calendarWidth: n,
+    ariaLabelCalendar: o,
+    ariaLabelPrevMonthStart: M,
+    ariaLabelNextMonthStart: R,
+    ariaLabelPrevMonthEnd: b,
+    ariaLabelNextMonthEnd: k,
+    classNames: r,
     range: f,
+    onRangeSelect: P,
+    disabled: e,
+    disabledMatcher: N,
     showOutsideDays: p,
-    navigateLeftNext: j,
+    hideDisabledNavigation: c,
+    canLeftNavigatePrev: C,
+    canLeftNavigateNext: y,
+    canRightNavigatePrev: S,
+    canRightNavigateNext: L,
     navigateLeftPrev: w,
-    navigateNextMonth: I,
-    navigatePrevMonth: O,
-    navigateRightNext: T,
+    navigateLeftNext: j,
     navigateRightPrev: q,
-    setRange: z
-  } = E(), N = B(
-    () => F({
-      blockedDays: d,
-      blockedMonths: g,
-      minDate: l,
-      maxDate: h
-    }),
-    [d, g, l, h]
-  ), P = (A) => {
-    z(A);
-  };
-  return t === "independent" ? /* @__PURE__ */ x(
-    G,
-    {
-      className: a,
-      calendarWidth: n,
-      ariaLabelCalendar: o,
-      ariaLabelPrevMonthStart: M,
-      ariaLabelNextMonthStart: R,
-      ariaLabelPrevMonthEnd: b,
-      ariaLabelNextMonthEnd: k,
-      classNames: r,
-      range: f,
-      onRangeSelect: P,
-      disabled: e,
-      disabledMatcher: N,
-      showOutsideDays: p,
-      hideDisabledNavigation: c,
-      canLeftNavigatePrev: C,
-      canLeftNavigateNext: y,
-      canRightNavigatePrev: S,
-      canRightNavigateNext: L,
-      navigateLeftPrev: w,
-      navigateLeftNext: j,
-      navigateRightPrev: q,
-      navigateRightNext: T,
-      carouselProps: {
-        displayedMonths: m,
-        animationDuration: i,
-        navigationMode: t
-      }
+    navigateRightNext: T,
+    carouselProps: {
+      displayedMonths: m,
+      animationDuration: i,
+      navigationMode: t
     }
-  ) : /* @__PURE__ */ x(
-    H,
-    {
-      className: a,
-      calendarWidth: n,
-      ariaLabelCalendar: o,
-      ariaLabelPrevMonth: u,
-      ariaLabelNextMonth: D,
-      classNames: r,
-      range: f,
-      onRangeSelect: P,
+  }) : /* @__PURE__ */ x(G, {
+    className: a,
+    calendarWidth: n,
+    ariaLabelCalendar: o,
+    ariaLabelPrevMonth: u,
+    ariaLabelNextMonth: D,
+    classNames: r,
+    range: f,
+    onRangeSelect: P,
+    disabled: e,
+    disabledMatcher: N,
+    showOutsideDays: p,
+    hideDisabledNavigation: c,
+    canNavigatePrev: s,
+    canNavigateNext: v,
+    carouselProps: {
+      displayedMonths: m,
+      animationDuration: i,
       disabled: e,
-      disabledMatcher: N,
-      showOutsideDays: p,
-      hideDisabledNavigation: c,
-      canNavigatePrev: v,
-      canNavigateNext: s,
-      carouselProps: {
-        displayedMonths: m,
-        animationDuration: i,
-        disabled: e,
-        canNavigatePrev: v,
-        canNavigateNext: s,
-        navigationMode: t,
-        navigatePrevMonth: O,
-        navigateNextMonth: I
-      }
+      canNavigatePrev: s,
+      canNavigateNext: v,
+      navigationMode: t,
+      navigatePrevMonth: O,
+      navigateNextMonth: I
     }
-  );
+  });
 };
 J.displayName = "DateRangePickerCalendarPanel";
 export {

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

@@ -1,19 +1,19 @@
-import { c as t } from "../../../../index-D29mdTf5.js";
-const a = t([
+import { t as a } from "../../../../dist-DtEbXv47.js";
+var t = a([
   "flex",
   "flex-col",
   "items-center",
   "w-full"
-]), n = t([
+]), r = a([
   "flex",
   "items-center",
   "justify-between",
   "w-138"
-]), r = t([
+]), n = a([
   "flex",
   "items-center",
   "w-64.75"
-]), s = t([
+]), l = a([
   "flex",
   "items-center",
   "justify-center",
@@ -25,11 +25,11 @@ const a = t([
   "hover:bg-slate-100",
   "dark:hover:bg-metal-700",
   "transition-colors"
-]), l = t([
+]), i = a([
   "opacity-45",
   "cursor-not-allowed",
   "hover:bg-transparent"
-]), o = t([
+]), s = a([
   "flex-1",
   "text-center",
   "text-base",
@@ -37,20 +37,20 @@ const a = t([
   "text-slate-700",
   "dark:text-white",
   "leading-6"
-]), c = t([
+]), o = a([
   "flex",
   "gap-8",
   "py-4",
   "w-138",
   "justify-center"
-]), i = t(["w-64.75"]);
+]), c = a(["w-64.75"]);
 export {
-  c as calendarGridContainerVariants,
-  i as calendarGridVariants,
-  o as calendarMonthTitleVariants,
-  l as calendarNavButtonDisabledVariants,
-  s as calendarNavButtonVariants,
-  r as calendarNavGroupVariants,
-  n as calendarNavigationVariants,
-  a as calendarPanelVariants
+  o as calendarGridContainerVariants,
+  c as calendarGridVariants,
+  s as calendarMonthTitleVariants,
+  i as calendarNavButtonDisabledVariants,
+  l as calendarNavButtonVariants,
+  n as calendarNavGroupVariants,
+  r as calendarNavigationVariants,
+  t as calendarPanelVariants
 };

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

@@ -1,21 +1,9 @@
+import { t as r } from "../../../../../../utils-DHuiYnx1.js";
 import { jsx as e } from "react/jsx-runtime";
-import { cn as r } from "../../../../../../utils/index.js";
-const i = ({ className: a }) => /* @__PURE__ */ e(
-  "div",
-  {
-    className: r(
-      "absolute",
-      "left-0",
-      "right-0",
-      "top-14",
-      "h-px",
-      "bg-slate-200",
-      "dark:bg-metal-700",
-      a
-    ),
-    "aria-hidden": "true"
-  }
-);
+var i = ({ className: a }) => /* @__PURE__ */ e("div", {
+  className: r("absolute", "left-0", "right-0", "top-14", "h-px", "bg-slate-200", "dark:bg-metal-700", a),
+  "aria-hidden": "true"
+});
 i.displayName = "CalendarDivider";
 export {
   i as CalendarDivider