@konstructio/ui 0.1.2-alpha.112 → 0.1.2-alpha.113

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

@@ -1,26 +1,72 @@
 import { t as e } from "../../dist-B9GE4SXf.js";
 var r = e([
+  "flex",
+  "items-center",
+  "h-9",
+  "border",
+  "border-x-0",
+  "border-gray-300",
+  "bg-white",
+  "dark:bg-metal-800",
+  "dark:border-metal-700"
+], {
+  variants: {
+    fullWidth: {
+      true: ["flex-1", "w-full"],
+      false: []
+    },
+    hasError: {
+      true: ["border-red-600", "dark:border-red-500"],
+      false: []
+    },
+    disabled: {
+      true: ["bg-gray-100", "dark:bg-metal-900"],
+      false: []
+    }
+  },
+  defaultVariants: {
+    fullWidth: !1,
+    hasError: !1,
+    disabled: !1
+  }
+}), t = e([
   "[&::-webkit-inner-spin-button]:appearance-none",
   "[&::-webkit-outer-spin-button]:appearance-none",
   "[-moz-appearance:textfield]",
   "appearance-none",
-  "border",
-  "border-x-0",
+  "bg-transparent",
+  "border-none",
   "focus-visible:outline-none",
   "focus-visible:ring-transparent",
-  "h-9",
+  "h-full",
   "max-w-16",
   "text-right",
   "px-3",
-  "border-gray-300",
   "text-slate-800",
-  "bg-white",
-  "dark:bg-metal-800",
-  "dark:border-metal-700",
-  "dark:text-metal-50"
-]), t = e([
+  "disabled:text-slate-400",
+  "dark:text-metal-50",
+  "dark:disabled:text-metal-400"
+], {
+  variants: { fullWidth: {
+    true: [
+      "max-w-none",
+      "flex-1",
+      "min-w-0",
+      "w-full"
+    ],
+    false: []
+  } },
+  defaultVariants: { fullWidth: !1 }
+}), l = e([
+  "pr-3",
+  "text-sm",
+  "select-none",
+  "text-slate-400",
+  "dark:text-slate-500"
+]), d = e([
   "h-9",
   "w-9",
+  "shrink-0",
   "flex",
   "items-center",
   "justify-center",
@@ -43,15 +89,26 @@ var r = e([
   "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: {
+    button: {
+      left: ["rounded-e"],
+      rigth: ["rounded-s"]
+    },
+    hasError: {
+      true: ["border-red-600", "dark:border-red-500"],
+      false: []
+    }
+  },
+  defaultVariants: { hasError: !1 }
+}), s = e(["cursor-pointer"], {
   variants: { variant: { default: "" } },
   defaultVariants: { variant: "default" }
 });
 export {
-  t as buttonVariants,
-  r as counterVariants,
-  o as labelVariants
+  d as buttonVariants,
+  t as counterVariants,
+  r as fieldVariants,
+  s as labelVariants,
+  l as unitVariants
 };

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

@@ -1,9 +1,9 @@
-import '../../../../style.css';import '../../../../CalendarPanel.css';/* empty css                         */
 import { useDateRangePicker as q } from "../../contexts/date-range-picker/date-range-picker.hook.js";
 import { createDisabledMatcher as z } from "../../utils/disabled-dates/disabled-dates.js";
 import "../../../../constants-q2QnJrOb.js";
 import { IndependentModeCalendar as A } from "./components/IndependentModeCalendar/IndependentModeCalendar.js";
 import { TogetherModeCalendar as B } from "./components/TogetherModeCalendar/TogetherModeCalendar.js";
+import '../../../../style.css';import '../../../../CalendarPanel.css';/* empty css                         */
 import { useMemo as F } from "react";
 import { jsx as x } from "react/jsx-runtime";
 var J = ({ className: t, calendarWidth: a = 550, ariaLabelCalendar: n = "Date range picker calendar", ariaLabelPrevMonth: D = "Previous month", ariaLabelNextMonth: R = "Next month", ariaLabelPrevMonthStart: b = "Previous month for start date", ariaLabelNextMonthStart: k = "Next month for start date", ariaLabelPrevMonthEnd: S = "Previous month for end date", ariaLabelNextMonthEnd: y = "Next month for end date", classNames: o }) => {

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

@@ -1,38 +1,30 @@
-import { t as n } from "../../../../../../utils-DnIJruo0.js";
-import { t as c } from "../../../../../../DayPicker-BtpJg2q3.js";
-import { getMonthName as d } from "../../../../utils/validation/validation.js";
-import { calendarMonthTitleVariants as f } from "../../CalendarPanel.variants.js";
-import { s as h } from "../../../../../../constants-q2QnJrOb.js";
-import { useMemo as p } from "react";
-import { jsx as r, jsxs as M } from "react/jsx-runtime";
-var y = (e) => `${d(e.getMonth())} ${e.getFullYear()}`, N = ({ month: e, range: a, onRangeSelect: i, disabled: o, disabledMatcher: s, showOutsideDays: m, classNames: t }) => {
-  const l = p(() => h(t?.dayPicker), [t?.dayPicker]);
-  return /* @__PURE__ */ M("div", {
+import { t as r } from "../../../../../../utils-DnIJruo0.js";
+import { getMonthName as o } from "../../../../utils/validation/validation.js";
+import { calendarMonthTitleVariants as i } from "../../CalendarPanel.variants.js";
+import "../../../../../../constants-q2QnJrOb.js";
+import { getWeeksInMonth as l } from "../../utils/index.js";
+import { Suspense as m, lazy as s } from "react";
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+var c = s(() => import("./components/CalendarMonthContent/CalendarMonthContent.js").then((t) => ({ default: t.CalendarMonthContent }))), d = (t) => `${o(t.getMonth())} ${t.getFullYear()}`, f = (t) => {
+  const { month: a, classNames: n } = t;
+  return /* @__PURE__ */ h("div", {
     style: { width: 259 },
-    children: [/* @__PURE__ */ r("div", {
+    children: [/* @__PURE__ */ e("div", {
       className: "flex items-center justify-center mb-8 h-6",
-      children: /* @__PURE__ */ r("span", {
-        className: n(f(), "flex-1 text-center", t?.monthTitle),
-        children: y(e)
+      children: /* @__PURE__ */ e("span", {
+        className: r(i(), "flex-1 text-center", n?.monthTitle),
+        children: d(a)
       })
-    }), /* @__PURE__ */ r(c, {
-      mode: "range",
-      selected: {
-        from: a.from,
-        to: a.to
-      },
-      onSelect: i,
-      month: e,
-      numberOfMonths: 1,
-      disabled: s || o,
-      hideNavigation: !0,
-      animate: !1,
-      showOutsideDays: m,
-      classNames: l
+    }), /* @__PURE__ */ e(m, {
+      fallback: /* @__PURE__ */ e("div", {
+        "aria-busy": "true",
+        style: { minHeight: 28 + l(a) * 38 }
+      }),
+      children: /* @__PURE__ */ e(c, { ...t })
     })]
-  }, `${e.getFullYear()}-${e.getMonth()}`);
+  });
 };
-N.displayName = "CalendarMonth";
+f.displayName = "CalendarMonth";
 export {
-  N as CalendarMonth
+  f as CalendarMonth
 };

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

@@ -0,0 +1,26 @@
+import { s as n } from "../../../../../../../../constants-q2QnJrOb.js";
+import { t as d } from "../../../../../../../../DayPicker-BtpJg2q3.js";
+import { useMemo as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+var f = ({ month: r, range: e, onRangeSelect: o, disabled: t, disabledMatcher: m, showOutsideDays: s, classNames: a }) => {
+  const i = c(() => n(a?.dayPicker), [a?.dayPicker]);
+  return /* @__PURE__ */ l(d, {
+    mode: "range",
+    selected: {
+      from: e.from,
+      to: e.to
+    },
+    onSelect: o,
+    month: r,
+    numberOfMonths: 1,
+    disabled: m || t,
+    hideNavigation: !0,
+    animate: !1,
+    showOutsideDays: s,
+    classNames: i
+  });
+};
+f.displayName = "CalendarMonthContent";
+export {
+  f as CalendarMonthContent
+};

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

@@ -1,14 +1,14 @@
 import { t as a } from "../../../../../../utils-DnIJruo0.js";
-import { t as Q } from "../../../../../../react-C685EsYG.js";
-import { CalendarDivider as U } from "../CalendarDivider/CalendarDivider.js";
-import { calendarGridContainerVariants as X, calendarPanelVariants as Y } from "../../CalendarPanel.variants.js";
+import { CalendarDivider as Q } from "../CalendarDivider/CalendarDivider.js";
+import { calendarGridContainerVariants as U, calendarPanelVariants as X } from "../../CalendarPanel.variants.js";
 import "../../../../../../constants-q2QnJrOb.js";
 import { CalendarMonth as s } from "../CalendarMonth/CalendarMonth.js";
-import { useIndependentCarousel as Z } from "../../hooks/useIndependentCarousel.js";
+import { useIndependentCarousel as Y } from "../../hooks/useIndependentCarousel.js";
 import { NavigationButton as c } from "../NavigationButton/NavigationButton.js";
 import { jsx as n, jsxs as h } from "react/jsx-runtime";
+import { motion as Z } from "motion/react";
 var O = ({ className: u, calendarWidth: C = 550, ariaLabelCalendar: N = "Date range picker calendar", ariaLabelPrevMonthStart: k = "Previous month for start date", ariaLabelNextMonthStart: b = "Next month for start date", ariaLabelPrevMonthEnd: x = "Previous month for end date", ariaLabelNextMonthEnd: R = "Next month for end date", classNames: t, range: i, onRangeSelect: T, disabled: e, disabledMatcher: r, showOutsideDays: o, hideDisabledNavigation: d, canLeftNavigatePrev: B, canLeftNavigateNext: w, canRightNavigatePrev: z, canRightNavigateNext: A, navigateLeftPrev: L, navigateLeftNext: S, navigateRightPrev: I, navigateRightNext: D, carouselProps: f }) => {
-  const { calendarHeight: M, enableLeftTransition: W, enableRightTransition: P, isLeftAnimating: v, isRightAnimating: p, leftAnimateTransform: y, leftCarouselRef: H, leftInternalMonth: j, leftNextMonth: G, leftPrevMonth: V, rightAnimateTransform: _, rightCarouselRef: $, rightInternalMonth: E, rightNextMonth: q, rightPrevMonth: F, getLeftTransform: J, getRightTransform: K } = Z(f), l = (g) => {
+  const { calendarHeight: M, enableLeftTransition: W, enableRightTransition: P, isLeftAnimating: v, isRightAnimating: p, leftAnimateTransform: y, leftCarouselRef: H, leftInternalMonth: j, leftNextMonth: G, leftPrevMonth: V, rightAnimateTransform: _, rightCarouselRef: $, rightInternalMonth: E, rightNextMonth: q, rightPrevMonth: F, getLeftTransform: J, getRightTransform: K } = Y(f), l = (g) => {
     g && T({
       from: g.from,
       to: g.to
@@ -18,11 +18,11 @@ var O = ({ className: u, calendarWidth: C = 550, ariaLabelCalendar: N = "Date ra
     dayPicker: t?.dayPicker
   };
   return /* @__PURE__ */ n("div", {
-    className: a(Y({ className: u }), t?.root),
+    className: a(X({ className: u }), t?.root),
     children: /* @__PURE__ */ h("div", {
-      className: a(X(), "relative", t?.gridContainer),
+      className: a(U(), "relative", t?.gridContainer),
       style: { width: C },
-      children: [/* @__PURE__ */ n(U, { className: t?.divider }), /* @__PURE__ */ h(Q.div, {
+      children: [/* @__PURE__ */ n(Q, { className: t?.divider }), /* @__PURE__ */ h(Z.div, {
         className: "flex gap-8",
         role: "application",
         "aria-label": N,

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

@@ -1,22 +1,22 @@
 import { t as n } from "../../../../../../utils-DnIJruo0.js";
-import { t as P } from "../../../../../../react-C685EsYG.js";
-import { CalendarDivider as W } from "../CalendarDivider/CalendarDivider.js";
-import { calendarGridContainerVariants as z, calendarPanelVariants as L } from "../../CalendarPanel.variants.js";
-import { CalendarMonth as R } from "../CalendarMonth/CalendarMonth.js";
-import { useTogetherCarousel as S } from "../../hooks/useTogetherCarousel.js";
+import { CalendarDivider as P } from "../CalendarDivider/CalendarDivider.js";
+import { calendarGridContainerVariants as W, calendarPanelVariants as z } from "../../CalendarPanel.variants.js";
+import { CalendarMonth as L } from "../CalendarMonth/CalendarMonth.js";
+import { useTogetherCarousel as R } from "../../hooks/useTogetherCarousel.js";
 import { NavigationButton as d } from "../NavigationButton/NavigationButton.js";
-import { jsx as e, jsxs as V } from "react/jsx-runtime";
+import { jsx as e, jsxs as S } from "react/jsx-runtime";
+import { motion as V } from "motion/react";
 var A = ({ className: m, calendarWidth: h = 550, ariaLabelCalendar: s = "Date range picker calendar", ariaLabelPrevMonth: c = "Previous month", ariaLabelNextMonth: f = "Next month", classNames: a, range: u, onRangeSelect: p, disabled: i, disabledMatcher: v, showOutsideDays: g, hideDisabledNavigation: o, canNavigatePrev: C, canNavigateNext: T, carouselProps: r }) => {
-  const { carouselRef: b, isAnimating: l, enableTransition: k, animateTransform: x, calendarHeight: D, carouselTotalWidth: y, monthsToRender: M, handlePrevMonth: N, handleNextMonth: B, getTransform: w } = S(r), $ = (t) => {
+  const { carouselRef: b, isAnimating: l, enableTransition: k, animateTransform: x, calendarHeight: D, carouselTotalWidth: y, monthsToRender: M, handlePrevMonth: N, handleNextMonth: B, getTransform: w } = R(r), $ = (t) => {
     t && p({
       from: t.from,
       to: t.to
     });
   };
   return /* @__PURE__ */ e("div", {
-    className: n(L({ className: m }), a?.root),
-    children: /* @__PURE__ */ V("div", {
-      className: n(z(), "overflow-hidden relative justify-start!", a?.gridContainer),
+    className: n(z({ className: m }), a?.root),
+    children: /* @__PURE__ */ S("div", {
+      className: n(W(), "overflow-hidden relative justify-start!", a?.gridContainer),
       style: { width: h },
       children: [
         /* @__PURE__ */ e(d, {
@@ -41,8 +41,8 @@ var A = ({ className: m, calendarWidth: h = 550, ariaLabelCalendar: s = "Date ra
           disabledClassName: a?.navButtonDisabled,
           ariaLabel: f
         }),
-        /* @__PURE__ */ e(W, { className: a?.divider }),
-        /* @__PURE__ */ e(P.div, {
+        /* @__PURE__ */ e(P, { className: a?.divider }),
+        /* @__PURE__ */ e(V.div, {
           ref: b,
           className: n("flex gap-8", k && x && "konstruct-drp-carousel-transition"),
           role: "application",
@@ -64,7 +64,7 @@ var A = ({ className: m, calendarWidth: h = 550, ariaLabelCalendar: s = "Date ra
             transform: w(),
             willChange: "transform"
           },
-          children: M.map((t, j) => /* @__PURE__ */ e(R, {
+          children: M.map((t, j) => /* @__PURE__ */ e(L, {
             month: t,
             range: u,
             onRangeSelect: $,

package/dist/components/DateRangePicker/components/RightPanel/RightPanel.js

@@ -1,38 +1,37 @@
 import { t as d } from "../../../../utils-DnIJruo0.js";
-import { t as l } from "../../../../react-C685EsYG.js";
-import { t as p } from "../../../../AnimatePresence-BsUYG9bm.js";
-import { useDateRangePicker as h } from "../../contexts/date-range-picker/date-range-picker.hook.js";
-import { hidesRightPanel as c } from "../../utils/right-panel/right-panel.js";
+import { useDateRangePicker as l } from "../../contexts/date-range-picker/date-range-picker.hook.js";
+import { hidesRightPanel as h } from "../../utils/right-panel/right-panel.js";
 import { jsx as e } from "react/jsx-runtime";
-var a = {
+import { AnimatePresence as p, motion as c } from "motion/react";
+var i = {
   width: 0,
   height: 0,
   opacity: 0
-}, f = {
+}, g = {
   width: "auto",
   height: "auto",
   opacity: 1
-}, g = ({ children: i, className: t }) => {
-  const { animationDuration: r, preset: n, presets: o, revealCalendarOnCustom: s } = h(), m = c(n, o, s);
+}, u = ({ children: a, className: t }) => {
+  const { animationDuration: n, preset: r, presets: o, revealCalendarOnCustom: s } = l(), m = h(r, o, s);
   return /* @__PURE__ */ e(p, {
     initial: !1,
-    children: !m && /* @__PURE__ */ e(l.div, {
+    children: !m && /* @__PURE__ */ e(c.div, {
       className: "overflow-hidden",
-      initial: a,
-      animate: f,
-      exit: a,
+      initial: i,
+      animate: g,
+      exit: i,
       transition: {
-        duration: r / 1e3,
+        duration: n / 1e3,
         ease: "easeInOut"
       },
       children: /* @__PURE__ */ e("div", {
         className: d(t, "w-max"),
-        children: i
+        children: a
       })
     }, "right-panel")
   });
 };
-g.displayName = "DateRangePickerRightPanel";
+u.displayName = "DateRangePickerRightPanel";
 export {
-  g as RightPanel
+  u as RightPanel
 };

package/dist/components/Datepicker/DatePicker.js

@@ -1,51 +1,16 @@
-import { t } from "../../utils-DnIJruo0.js";
-import { t as h } from "../../chevron-left-B1zWfqll.js";
-import { t as f } from "../../chevron-right-D4OkgIIT.js";
-import { t as p } from "../../DayPicker-BtpJg2q3.js";
-import { datePickerVariants as k } from "./DatePicker.variants.js";
-import '../../style.css';/* empty css                   */
-import { useState as g } from "react";
-import { jsx as a } from "react/jsx-runtime";
-var w = ({ className: o, showOutsideDays: l = !0, animate: n = !0, arrowClassName: d, monthsClassName: s, defaultSelected: i, onSelect: m, ...u }) => {
-  const [c, x] = g(() => i), b = (e) => {
-    e && (x(e), m?.(e));
-  };
-  return /* @__PURE__ */ a(p, {
-    className: t(k({ className: o })),
-    animate: n,
-    mode: "single",
-    selected: c,
-    onSelect: b,
-    showOutsideDays: l,
-    role: "dialog",
-    "aria-label": "Datepicker",
-    classNames: {
-      chevron: t("cursor-pointer", "text-slate-500", "w-5", "h-5", "text-slate-500", "w-4", "h-4", "dark:text-metal-200"),
-      day_button: t("h-7.5", "aria-selected:opacity-100", "font-semibold", "hover:rounded-full", "cursor-pointer", "rounded-full", "w-7.5"),
-      day: "text-center text-sm leading-5",
-      month_caption: t("text-slate-700", "font-semibold", "text-sm", "pl-1", "h-8", "flex", "items-center", "dark:text-white"),
-      months: t("flex", "flex-col", "relative", "px-5", "py-4", "rounded-lg", "shadow-md", "px-6", "py-4", "w-[307px]", "justify-center", "items-center", "border", "border-transparent", "dark:bg-metal-800", "dark:border-metal-700", s),
-      month: "flex flex-col gap-4",
-      nav: t("absolute", "right-4", "top-3.5", "flex", "justify-center", "items-center", "gap-1", d),
-      outside: "text-slate-400 dark:text-metal-500",
-      selected: t("[&>button]:bg-blue-600", "[&>button]:text-white", "[&>button]:hover:bg-blue-700", "[&>button]:transition-all", "[&>button]:duration-300", "[&>button]:rounded-full", "dark:[&>button]:bg-aurora-500", "dark:[&>button]:hover:bg-aurora-500", "dark:[&>button]:text-metal-900"),
-      weekdays: "text-slate-500 dark:text-metal-300",
-      weeks: t("text-slate-700", "[&>tr>td]:border-transparent", "[&>tr>td]:border-r-[8px]", "[&>tr>td]:last:border-r-0", "dark:text-white"),
-      weekday: "font-semibold text-sm uppercase text-sm",
-      today: "text-blue-600 dark:text-aurora-500 data-[selected=true]:text-white",
-      month_grid: t("w-full", "[&>thead]:table-header-group", "[&>thead]:relative", "[&>thead]:after:block", '[&>thead]:after:content-[" "]', "[&>thead]:after:h-4")
-    },
-    components: { Chevron: ({ className: e, ...r }) => r.orientation === "left" ? /* @__PURE__ */ a(h, {
-      className: t(e),
-      ...r
-    }) : /* @__PURE__ */ a(f, {
-      className: t(e),
-      ...r
-    }) },
-    ...u
-  });
-};
-w.displayName = "KonstructDatePicker";
+import { t as r } from "../../utils-DnIJruo0.js";
+import { datePickerVariants as t } from "./DatePicker.variants.js";
+import { Suspense as m, lazy as s } from "react";
+import { jsx as e } from "react/jsx-runtime";
+var i = s(() => import("./components/DatePickerContent/DatePickerContent.js").then((a) => ({ default: a.DatePickerContent }))), o = (a) => /* @__PURE__ */ e(m, {
+  fallback: /* @__PURE__ */ e("div", {
+    className: r(t({ className: a.className })),
+    "aria-busy": "true",
+    children: /* @__PURE__ */ e("div", { className: r("w-[307px]", "min-h-[296px]", "rounded-lg", "shadow-md", "border", "border-transparent", "dark:bg-metal-800", "dark:border-metal-700", a.monthsClassName) })
+  }),
+  children: /* @__PURE__ */ e(i, { ...a })
+});
+o.displayName = "KonstructDatePicker";
 export {
-  w as DatePicker
+  o as DatePicker
 };

package/dist/components/Datepicker/components/DatePickerContent/DatePickerContent.js

@@ -0,0 +1,51 @@
+import { t } from "../../../../utils-DnIJruo0.js";
+import { t as h } from "../../../../chevron-left-B1zWfqll.js";
+import { t as f } from "../../../../chevron-right-D4OkgIIT.js";
+import { datePickerVariants as p } from "../../DatePicker.variants.js";
+import '../../../../style.css';/* empty css                         */
+import { t as k } from "../../../../DayPicker-BtpJg2q3.js";
+import { useState as g } from "react";
+import { jsx as a } from "react/jsx-runtime";
+var w = ({ className: o, showOutsideDays: l = !0, animate: n = !0, arrowClassName: d, monthsClassName: s, defaultSelected: i, onSelect: m, ...u }) => {
+  const [c, x] = g(() => i), b = (e) => {
+    e && (x(e), m?.(e));
+  };
+  return /* @__PURE__ */ a(k, {
+    className: t(p({ className: o })),
+    animate: n,
+    mode: "single",
+    selected: c,
+    onSelect: b,
+    showOutsideDays: l,
+    role: "dialog",
+    "aria-label": "Datepicker",
+    classNames: {
+      chevron: t("cursor-pointer", "text-slate-500", "w-5", "h-5", "text-slate-500", "w-4", "h-4", "dark:text-metal-200"),
+      day_button: t("h-7.5", "aria-selected:opacity-100", "font-semibold", "hover:rounded-full", "cursor-pointer", "rounded-full", "w-7.5"),
+      day: "text-center text-sm leading-5",
+      month_caption: t("text-slate-700", "font-semibold", "text-sm", "pl-1", "h-8", "flex", "items-center", "dark:text-white"),
+      months: t("flex", "flex-col", "relative", "px-5", "py-4", "rounded-lg", "shadow-md", "px-6", "py-4", "w-[307px]", "justify-center", "items-center", "border", "border-transparent", "dark:bg-metal-800", "dark:border-metal-700", s),
+      month: "flex flex-col gap-4",
+      nav: t("absolute", "right-4", "top-3.5", "flex", "justify-center", "items-center", "gap-1", d),
+      outside: "text-slate-400 dark:text-metal-500",
+      selected: t("[&>button]:bg-blue-600", "[&>button]:text-white", "[&>button]:hover:bg-blue-700", "[&>button]:transition-all", "[&>button]:duration-300", "[&>button]:rounded-full", "dark:[&>button]:bg-aurora-500", "dark:[&>button]:hover:bg-aurora-500", "dark:[&>button]:text-metal-900"),
+      weekdays: "text-slate-500 dark:text-metal-300",
+      weeks: t("text-slate-700", "[&>tr>td]:border-transparent", "[&>tr>td]:border-r-[8px]", "[&>tr>td]:last:border-r-0", "dark:text-white"),
+      weekday: "font-semibold text-sm uppercase text-sm",
+      today: "text-blue-600 dark:text-aurora-500 data-[selected=true]:text-white",
+      month_grid: t("w-full", "[&>thead]:table-header-group", "[&>thead]:relative", "[&>thead]:after:block", '[&>thead]:after:content-[" "]', "[&>thead]:after:h-4")
+    },
+    components: { Chevron: ({ className: e, ...r }) => r.orientation === "left" ? /* @__PURE__ */ a(h, {
+      className: t(e),
+      ...r
+    }) : /* @__PURE__ */ a(f, {
+      className: t(e),
+      ...r
+    }) },
+    ...u
+  });
+};
+w.displayName = "DatePickerContent";
+export {
+  w as DatePickerContent
+};

package/dist/components/Drawer/Drawer.js

@@ -1,29 +1,29 @@
 "use client";
 import { t as g } from "../../x-Vur_9PXW.js";
-import { t as z } from "../../dist-DX0sBG3Q.js";
-import { t as o } from "../../utils-DnIJruo0.js";
+import { t as z } from "../../dist-C_jtUTU9.js";
+import { t } from "../../utils-DnIJruo0.js";
 import { t as B } from "../../Combination-CnMM05mt.js";
 import { t as I } from "../../es2015-B_07N-UL.js";
 import { DrawerContext as M } from "./contexts/Drawer.context.js";
 import { Header as j } from "./components/Header/Header.js";
 import { Body as k } from "./components/Body/Body.js";
 import { Footer as A } from "./components/Footer/Footer.js";
-import { buttonCloseVariants as K, drawerVariants as P, overlayVariants as R, resizeHandleVariants as T } from "./Drawer.variants.js";
+import { buttonCloseVariants as K, drawerVariants as P, overlayVariants as T, resizeHandleVariants as _ } from "./Drawer.variants.js";
 import "./constants/index.js";
-import { useDrawer as _ } from "./hooks/useDrawer.js";
-import { useId as E, useMemo as L } from "react";
+import { useDrawer as E } from "./hooks/useDrawer.js";
+import { useId as L, useMemo as R } from "react";
 import { createPortal as S } from "react-dom";
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-var d = ({ canResize: t = !1, children: c, className: u, classNames: r, container: f, defaultWidth: m = 500, isOpen: p, maxWidth: h, minWidth: w, position: a = "right", showCloseButton: y = !0, theme: v, onClose: i }) => {
-  const n = E(), { handleKeyDown: b, handleMouseDown: D, isAnimating: s, isVisible: x, translateClass: V, width: H } = _({
-    canResize: t,
+var d = ({ canResize: o = !1, children: u, className: c, classNames: r, container: f, defaultWidth: m = 500, isOpen: p, maxWidth: h, minWidth: w, position: a = "right", showCloseButton: y = !0, theme: v, onClose: i }) => {
+  const n = L(), { handleKeyDown: b, handleMouseDown: D, isAnimating: s, isVisible: x, translateClass: V, width: H } = E({
+    canResize: o,
     defaultWidth: m,
     isOpen: p,
     maxWidth: h,
     minWidth: w,
     position: a,
     onClose: i
-  }), C = L(() => ({
+  }), C = R(() => ({
     classNames: r,
     headerId: n
   }), [r, n]);
@@ -31,10 +31,10 @@ var d = ({ canResize: t = !1, children: c, className: u, classNames: r, containe
   const F = /* @__PURE__ */ e(M.Provider, {
     value: C,
     children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ l("div", {
-      className: o("fixed inset-0 z-40", r?.root),
+      className: t("fixed inset-0 z-40", r?.root),
       "data-theme": v,
       children: [/* @__PURE__ */ e("div", {
-        className: o(R(), {
+        className: t(T(), {
           "opacity-50": s,
           "opacity-0": !s
         }, r?.overlay),
@@ -45,28 +45,28 @@ var d = ({ canResize: t = !1, children: c, className: u, classNames: r, containe
         returnFocus: !0,
         className: "contents",
         children: /* @__PURE__ */ l("div", {
-          className: o(P({ position: a }), V, r?.panel, u),
-          style: { width: t ? H : m },
+          className: t(P({ position: a }), V, r?.panel, c),
+          style: { width: o ? H : m },
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": n,
           children: [
-            t && /* @__PURE__ */ e("button", {
+            o && /* @__PURE__ */ e("button", {
               type: "button",
               "aria-label": "Resize drawer",
-              className: o(T({ position: a }), r?.resizeHandle),
+              className: t(_({ position: a }), r?.resizeHandle),
               onMouseDown: D,
               onKeyDown: b
             }),
             y && /* @__PURE__ */ l("button", {
-              className: o(K(), r?.closeButton),
+              className: t(K(), r?.closeButton),
               onClick: i,
               type: "button",
               children: [/* @__PURE__ */ e(g, { size: 20 }), /* @__PURE__ */ e(z, { children: "Dismiss drawer" })]
             }),
             /* @__PURE__ */ e("div", {
-              className: o("flex flex-1 flex-col h-full overflow-hidden", r?.content),
-              children: c
+              className: t("flex flex-1 flex-col h-full overflow-hidden", r?.content),
+              children: u
             })
           ]
         })

package/dist/components/DropdownButton/DropdownButton.js

@@ -1,4 +1,4 @@
-import { t } from "../../DropdownButton-Blhkj-Oi.js";
+import { t } from "../../DropdownButton-JilCRLJY.js";
 export {
   t as DropdownButton
 };

package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../../Checkbox-CrNxsm3G.js";
+import { t as o } from "../../../../Checkbox-DRdyrKjk.js";
 import { t as c } from "../../../../utils-DnIJruo0.js";
 import { Button as m } from "../../../Button/Button.js";
 import { t as O } from "../../../../chevron-down-BODx0Q7h.js";