@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.81

package/dist/components/Command/components/CommandInput.js

@@ -1,84 +1,4 @@
-import { jsxs as y, jsx as c } from "react/jsx-runtime";
-import { _ as m } from "../../../index-0XtjXVpJ.js";
-import s, { forwardRef as u } from "react";
-import { cn as f } from "../../../utils/index.js";
-import { searchInconInputVariants as v, inputVariants as g } from "../Command.variants.js";
-import { P as a } from "../../../index-N2OStZoU.js";
-function p() {
-  return p = Object.assign || function(r) {
-    for (var n = 1; n < arguments.length; n++) {
-      var e = arguments[n];
-      for (var t in e)
-        Object.prototype.hasOwnProperty.call(e, t) && (r[t] = e[t]);
-    }
-    return r;
-  }, p.apply(this, arguments);
-}
-function h(r, n) {
-  if (r == null) return {};
-  var e = b(r, n), t, o;
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(r);
-    for (o = 0; o < i.length; o++)
-      t = i[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(r, t) && (e[t] = r[t]);
-  }
-  return e;
-}
-function b(r, n) {
-  if (r == null) return {};
-  var e = {}, t = Object.keys(r), o, i;
-  for (i = 0; i < t.length; i++)
-    o = t[i], !(n.indexOf(o) >= 0) && (e[o] = r[o]);
-  return e;
-}
-var l = u(function(r, n) {
-  var e = r.color, t = e === void 0 ? "currentColor" : e, o = r.size, i = o === void 0 ? 24 : o, d = h(r, ["color", "size"]);
-  return /* @__PURE__ */ s.createElement("svg", p({
-    ref: n,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: i,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: t,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, d), /* @__PURE__ */ s.createElement("circle", {
-    cx: "11",
-    cy: "11",
-    r: "8"
-  }), /* @__PURE__ */ s.createElement("line", {
-    x1: "21",
-    y1: "21",
-    x2: "16.65",
-    y2: "16.65"
-  }));
-});
-l.propTypes = {
-  color: a.string,
-  size: a.oneOfType([a.string, a.number])
-};
-l.displayName = "Search";
-const x = u(({ className: r, ...n }, e) => /* @__PURE__ */ y(
-  "div",
-  {
-    className: "flex items-center px-3 border-b border-neutral-900/35",
-    "cmdk-input-wrapper": "",
-    children: [
-      /* @__PURE__ */ c(l, { className: f(v({ className: r })) }),
-      /* @__PURE__ */ c(
-        m.Input,
-        {
-          ref: e,
-          className: f(g({ className: r })),
-          ...n
-        }
-      )
-    ]
-  }
-));
-x.displayName = m.Input.displayName;
+import { t as o } from "../../../CommandInput-BKv-EZ7T.js";
 export {
-  x as CommandInput
+  o as CommandInput
 };

package/dist/components/Command/components/CommandItem.js

@@ -1,29 +1,20 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as i, useContext as c, useCallback as l } from "react";
-import { _ as o } from "../../../index-0XtjXVpJ.js";
-import { cn as p } from "../../../utils/index.js";
-import { CommandContext as u } from "../contexts/Command.context.js";
-const f = i(({ className: n, onSelect: e, ...r }, a) => {
-  const { setOpen: t } = c(u), s = l(
-    (m) => {
-      e?.(m), t(!1);
-    },
-    [t, e]
-  );
-  return /* @__PURE__ */ d(
-    o.Item,
-    {
-      ref: a,
-      className: p(
-        "relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-        n
-      ),
-      onSelect: s,
-      ...r
-    }
-  );
+import { t as d } from "../../../utils-DHuiYnx1.js";
+import { t as a } from "../../../dist-DNSmoWJp.js";
+import { CommandContext as i } from "../contexts/Command.context.js";
+import { forwardRef as c, useCallback as l, useContext as p } from "react";
+import { jsx as u } from "react/jsx-runtime";
+var f = c(({ className: o, onSelect: e, ...r }, n) => {
+  const { setOpen: t } = p(i), s = l((m) => {
+    e?.(m), t(!1);
+  }, [t, e]);
+  return /* @__PURE__ */ u(a.Item, {
+    ref: n,
+    className: d("relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", o),
+    onSelect: s,
+    ...r
+  });
 });
-f.displayName = o.Item.displayName;
+f.displayName = a.Item.displayName;
 export {
   f as CommandItem
 };

package/dist/components/Command/components/CommandList.js

@@ -1,15 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { _ as o } from "../../../index-0XtjXVpJ.js";
-import { cn as t } from "../../../utils/index.js";
-const e = s(({ className: m, ...r }, a) => /* @__PURE__ */ i(
-  o.List,
-  {
-    ref: a,
-    className: t("max-h-[300px] overflow-y-auto overflow-x-hidden", m),
-    ...r
-  }
-));
+import { t } from "../../../utils-DHuiYnx1.js";
+import { t as o } from "../../../dist-DNSmoWJp.js";
+import { forwardRef as i } from "react";
+import { jsx as s } from "react/jsx-runtime";
+var e = i(({ className: m, ...r }, a) => /* @__PURE__ */ s(o.List, {
+  ref: a,
+  className: t("max-h-[300px] overflow-y-auto overflow-x-hidden", m),
+  ...r
+}));
 e.displayName = o.List.displayName;
 export {
   e as CommandList

package/dist/components/Command/components/CommandSeparator.js

@@ -1,15 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { _ as r } from "../../../index-0XtjXVpJ.js";
-import { cn as t } from "../../../utils/index.js";
-const s = p(({ className: o, ...a }, m) => /* @__PURE__ */ e(
-  r.Separator,
-  {
-    ref: m,
-    className: t("-mx-1 h-px border-t border-neutral-900/45 mb-2", o),
-    ...a
-  }
-));
+import { t as e } from "../../../utils-DHuiYnx1.js";
+import { t as r } from "../../../dist-DNSmoWJp.js";
+import { forwardRef as t } from "react";
+import { jsx as p } from "react/jsx-runtime";
+var s = t(({ className: a, ...o }, m) => /* @__PURE__ */ p(r.Separator, {
+  ref: m,
+  className: e("-mx-1 h-px border-t border-neutral-900/45 mb-2", a),
+  ...o
+}));
 s.displayName = r.Separator.displayName;
 export {
   s as CommandSeparator

package/dist/components/Command/components/CommandShortcut.js

@@ -1,19 +1,10 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as r } from "../../../utils/index.js";
-const a = ({
-  className: t,
-  ...o
-}) => /* @__PURE__ */ m(
-  "span",
-  {
-    className: r(
-      "ml-auto text-xs tracking-widest text-muted-foreground",
-      t
-    ),
-    ...o
-  }
-);
-a.displayName = "CommandShortcut";
+import { t as o } from "../../../utils-DHuiYnx1.js";
+import { jsx as a } from "react/jsx-runtime";
+var r = ({ className: t, ...m }) => /* @__PURE__ */ a("span", {
+  className: o("ml-auto text-xs tracking-widest text-muted-foreground", t),
+  ...m
+});
+r.displayName = "CommandShortcut";
 export {
-  a as CommandShortcut
+  r as CommandShortcut
 };

package/dist/components/Command/components/DialogContent.js

@@ -1,31 +1,22 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { a as r, C as o, b as l } from "../../../index-amYX3uxF.js";
-import { cn as m } from "../../../utils/index.js";
+import { t as r } from "../../../x-BwIi6Wii.js";
+import { t as d } from "../../../utils-DHuiYnx1.js";
+import { i as l, n as e, t as m } from "../../../dist-COY3FRYC.js";
 import { DialogOverlay as p } from "./DialogOverlay.js";
-import { X as c } from "../../../x-4F_5p77m.js";
-const f = i(({ className: e, children: s, ...n }, d) => /* @__PURE__ */ t(r, { children: [
-  /* @__PURE__ */ a(p, {}),
-  /* @__PURE__ */ t(
-    o,
-    {
-      ref: d,
-      className: m(
-        "fixed text-white left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        e
-      ),
-      ...n,
-      children: [
-        s,
-        /* @__PURE__ */ t(l, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground text-white", children: [
-          /* @__PURE__ */ a(c, { className: "h-4 w-4" }),
-          /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-f.displayName = o.displayName;
+import { forwardRef as f } from "react";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+var c = f(({ className: o, children: s, ...n }, i) => /* @__PURE__ */ a(l, { children: [/* @__PURE__ */ t(p, {}), /* @__PURE__ */ a(e, {
+  ref: i,
+  className: d("fixed text-white left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", o),
+  ...n,
+  children: [s, /* @__PURE__ */ a(m, {
+    className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground text-white",
+    children: [/* @__PURE__ */ t(r, { className: "h-4 w-4" }), /* @__PURE__ */ t("span", {
+      className: "sr-only",
+      children: "Close"
+    })]
+  })]
+})] }));
+c.displayName = e.displayName;
 export {
-  f as DialogContent
+  c as DialogContent
 };

package/dist/components/Command/components/DialogOverlay.js

@@ -1,19 +1,13 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { O as a } from "../../../index-amYX3uxF.js";
-import { cn as i } from "../../../utils/index.js";
-const m = d(({ className: t, ...e }, o) => /* @__PURE__ */ s(
-  a,
-  {
-    ref: o,
-    className: i(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 delay-200",
-      t
-    ),
-    ...e
-  }
-));
-m.displayName = a.displayName;
+import { t as r } from "../../../utils-DHuiYnx1.js";
+import { o as a } from "../../../dist-COY3FRYC.js";
+import { forwardRef as s } from "react";
+import { jsx as d } from "react/jsx-runtime";
+var i = s(({ className: t, ...e }, o) => /* @__PURE__ */ d(a, {
+  ref: o,
+  className: r("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 delay-200", t),
+  ...e
+}));
+i.displayName = a.displayName;
 export {
-  m as DialogOverlay
+  i as DialogOverlay
 };

package/dist/components/Command/components/index.js

@@ -1,20 +1,20 @@
-import { CommandEmpty as r } from "./CommandEmpty.js";
-import { CommandGroup as p } from "./CommandGroup.js";
-import { CommandInput as a } from "./CommandInput.js";
-import { CommandItem as f } from "./CommandItem.js";
+import { t as o } from "../../../CommandInput-BKv-EZ7T.js";
+import { CommandEmpty as t } from "./CommandEmpty.js";
+import { CommandGroup as a } from "./CommandGroup.js";
+import { CommandItem as n } from "./CommandItem.js";
 import { CommandList as C } from "./CommandList.js";
-import { CommandSeparator as u } from "./CommandSeparator.js";
-import { CommandShortcut as I } from "./CommandShortcut.js";
-import { DialogContent as c } from "./DialogContent.js";
-import { Command as h } from "./Command.js";
+import { CommandSeparator as e } from "./CommandSeparator.js";
+import { CommandShortcut as s } from "./CommandShortcut.js";
+import { DialogContent as S } from "./DialogContent.js";
+import { Command as g } from "./Command.js";
 export {
-  h as Command,
-  r as CommandEmpty,
-  p as CommandGroup,
-  a as CommandInput,
-  f as CommandItem,
+  g as Command,
+  t as CommandEmpty,
+  a as CommandGroup,
+  o as CommandInput,
+  n as CommandItem,
   C as CommandList,
-  u as CommandSeparator,
-  I as CommandShortcut,
-  c as DialogContent
+  e as CommandSeparator,
+  s as CommandShortcut,
+  S as DialogContent
 };

package/dist/components/Command/contexts/Command.context.js

@@ -1,5 +1,5 @@
 import { createContext as e } from "react";
-const t = {
+var t = {
   isOpen: !1,
   setOpen: () => {
     throw new Error("onOpen is not implemented");

package/dist/components/Command/contexts/Command.provider.js

@@ -1,24 +1,18 @@
-import { CommandContext as s } from "./Command.context.js";
-import { jsx as a } from "react/jsx-runtime";
-import { useCallback as e } from "react";
-import { useToggle as p } from "../../../hooks/useToggle.js";
-const f = ({ children: t }) => {
-  const [r, o] = p(!1), n = e(
-    (l) => o(l),
-    [o]
-  ), m = e(() => o(), [o]);
-  return /* @__PURE__ */ a(
-    s.Provider,
-    {
-      value: {
-        isOpen: r,
-        setOpen: n,
-        toggleOpen: m
-      },
-      children: t
-    }
-  );
+import { useToggle as l } from "../../../hooks/useToggle.js";
+import { CommandContext as p } from "./Command.context.js";
+import { useCallback as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+var c = ({ children: r }) => {
+  const [t, e] = l(!1), n = o((a) => e(a), [e]), m = o(() => e(), [e]);
+  return /* @__PURE__ */ s(p.Provider, {
+    value: {
+      isOpen: t,
+      setOpen: n,
+      toggleOpen: m
+    },
+    children: r
+  });
 };
 export {
-  f as CommandProvider
+  c as CommandProvider
 };

package/dist/components/Command/contexts/index.js

@@ -1,6 +1,6 @@
-import { CommandContext as r } from "./Command.context.js";
+import { CommandContext as m } from "./Command.context.js";
 import { CommandProvider as t } from "./Command.provider.js";
 export {
-  r as CommandContext,
+  m as CommandContext,
   t as CommandProvider
 };

package/dist/components/Counter/Counter.js

@@ -0,0 +1,5 @@
+"use client";
+import { t as e } from "../../Counter-DtQu_T-D.js";
+export {
+  e as Counter
+};

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

@@ -0,0 +1,57 @@
+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]",
+  "appearance-none",
+  "border",
+  "border-x-0",
+  "focus-visible:outline-none",
+  "focus-visible:ring-transparent",
+  "h-9",
+  "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([
+  "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 {
+  t as buttonVariants,
+  r as counterVariants,
+  o as labelVariants
+};

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,79 @@
+import { t as a } from "../../utils-DHuiYnx1.js";
+import { Typography as i } from "../Typography/Typography.js";
+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,
+  disabled: p,
+  animationDuration: m,
+  blockedDays: u,
+  blockedMonths: v,
+  minDate: k,
+  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(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

@@ -0,0 +1,25 @@
+import { t as a } from "../../dist-DtEbXv47.js";
+var r = a([
+  "flex",
+  "rounded-xl",
+  "max-w-fit",
+  "bg-white",
+  "dark:bg-metal-800",
+  "dark:border-metal-700",
+  "shadow",
+  "dark:shadow-metal-50/5",
+  "pt-4.5",
+  "pb-3.5",
+  "px-4"
+]), t = a([
+  "flex",
+  "flex-col",
+  "pt-4",
+  "gap-6",
+  "pr-4",
+  "items-center"
+]);
+export {
+  r as dateRangePickerVariants,
+  t as rightPanelVariants
+};

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

@@ -0,0 +1,80 @@
+import '../../../../style.css';import '../../../../CalendarPanel.css';/* empty css                         */
+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,
+    minDate: l,
+    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,
+    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
+    }
+  }) : /* @__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,
+      canNavigatePrev: s,
+      canNavigateNext: v,
+      navigationMode: t,
+      navigatePrevMonth: O,
+      navigateNextMonth: I
+    }
+  });
+};
+J.displayName = "DateRangePickerCalendarPanel";
+export {
+  J as CalendarPanel
+};