@konstructio/ui 0.1.2-alpha.106 → 0.1.2-alpha.108

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,88 +1,93 @@
-import { t as n } from "../../utils-Cx-WzRZF.js";
-import { t as q } from "../../react-B6Nc0Fib.js";
-import { buttonGroupPillVariants as z, buttonGroupVariants as A, buttonGroupWrapperVariants as E } from "./ButtonGroup.variants.js";
-import { ButtonGroupItem as H } from "./components/ButtonGroupItem/ButtonGroupItem.js";
-import { ButtonGroupLabel as J } from "./components/ButtonGroupLabel/ButtonGroupLabel.js";
-import { ButtonGroupMessage as Q } from "./components/ButtonGroupMessage/ButtonGroupMessage.js";
-import { useButtonGroup as T } from "./hooks/useButtonGroup.js";
-import { useMemo as U } from "react";
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-var X = ({ className: p, contentClassName: f, defaultValue: h, descriptionAlign: v, descriptionClassName: G, disabled: s, duration: l, error: b, errorClassName: N, helperText: y, helperTextClassName: B, isRequired: D, itemClassName: g, itemLabelClassName: x, label: o, labelAlign: w, labelClassName: I, name: K, options: t, pillClassName: S, requiredClassName: V, theme: $, value: j, wrapperClassName: F, onValueChange: L }) => {
-  const { animationDirection: M, groupRef: C, id: m, selected: r, handleKeyDown: O, handleSelect: P } = T({
-    defaultValue: h,
+import { n as Q, t as c } from "../../utils-B-6R7kNE.js";
+import { t as R } from "../../react-DRLuFcbk.js";
+import { buttonGroupPillVariants as T, buttonGroupVariants as U, buttonGroupWrapperVariants as X } from "./ButtonGroup.variants.js";
+import { ButtonGroupItem as Y } from "./components/ButtonGroupItem/ButtonGroupItem.js";
+import { ButtonGroupLabel as Z } from "./components/ButtonGroupLabel/ButtonGroupLabel.js";
+import { ButtonGroupMessage as _ } from "./components/ButtonGroupMessage/ButtonGroupMessage.js";
+import { useButtonGroup as ee } from "./hooks/useButtonGroup.js";
+import { useMemo as te } from "react";
+import { jsx as a, jsxs as G } from "react/jsx-runtime";
+var ae = ({ className: g, contentClassName: B, defaultValue: I, descriptionAlign: N, descriptionClassName: x, disabled: s, duration: m, error: o, errorClassName: D, helperText: u, helperTextClassName: $, isRequired: p, itemClassName: w, itemLabelClassName: K, label: i, labelAlign: S, labelClassName: V, name: j, options: t, pillClassName: L, requiredClassName: M, theme: C, value: E, wrapperClassName: F, onValueChange: O }) => {
+  const { animationDirection: P, groupRef: W, id: n, selected: r, handleKeyDown: k, handleSelect: q } = ee({
+    defaultValue: I,
     disabled: s ?? void 0,
     options: t,
-    value: j,
-    onValueChange: L
-  }), u = t.length, c = U(() => t.findIndex((e) => e.value === r), [t, r]);
-  return /* @__PURE__ */ d("div", {
-    className: n(E(), F),
-    "data-theme": $,
+    value: E,
+    onValueChange: O
+  }), f = `${n}-label`, v = `${n}-error`, h = `${n}-helper-text`, l = typeof o == "string" && o.length > 0, z = Q(l && v, !l && !!u && h), b = t.length, y = te(() => t.findIndex((e) => e.value === r), [t, r]);
+  return /* @__PURE__ */ G("div", {
+    className: c(X(), F),
+    "data-theme": C,
     children: [
-      o && /* @__PURE__ */ a(J, {
-        className: I,
-        htmlFor: m,
-        isRequired: D,
-        label: o,
-        requiredClassName: V
+      i && /* @__PURE__ */ a(Z, {
+        className: V,
+        id: f,
+        isRequired: p,
+        label: i,
+        requiredClassName: M
       }),
-      /* @__PURE__ */ d("div", {
-        ref: C,
+      /* @__PURE__ */ G("div", {
+        ref: W,
         role: "radiogroup",
-        "aria-labelledby": o ? m : void 0,
-        className: n(A({ disabled: s }), p),
-        children: [c >= 0 && /* @__PURE__ */ a(q.div, {
+        "aria-labelledby": i ? f : void 0,
+        "aria-invalid": l || void 0,
+        "aria-describedby": z,
+        "aria-required": p || void 0,
+        className: c(U({ disabled: s }), g),
+        children: [y >= 0 && /* @__PURE__ */ a(R.div, {
           "aria-hidden": "true",
-          className: n(z(), S),
+          className: c(T(), L),
           initial: !1,
           animate: {
-            left: `calc(${c} * (100% / ${u}) + 8px)`,
-            width: `calc(100% / ${u} - 16px)`
+            left: `calc(${y} * (100% / ${b}) + 8px)`,
+            width: `calc(100% / ${b} - 16px)`
           },
           transition: {
             type: "tween",
             ease: "linear",
-            duration: l ?? 0.3
+            duration: m ?? 0.3
           }
-        }), t.map((e, i) => {
-          const R = r === e.value, W = s || e.disabled, k = !!e.description;
-          return /* @__PURE__ */ a(H, {
-            animationDirection: M,
-            className: g,
-            contentClassName: f,
-            descriptionAlign: v,
-            descriptionClassName: G,
-            duration: l,
-            hasDescription: k,
-            index: i,
-            isDisabled: !!W,
-            isFirst: i === 0,
-            isLast: i === t.length - 1,
-            isSelected: R,
-            labelAlign: w,
-            labelClassName: x,
+        }), t.map((e, d) => {
+          const A = r === e.value, H = s || e.disabled, J = !!e.description;
+          return /* @__PURE__ */ a(Y, {
+            animationDirection: P,
+            className: w,
+            contentClassName: B,
+            descriptionAlign: N,
+            descriptionClassName: x,
+            duration: m,
+            hasDescription: J,
+            index: d,
+            isDisabled: !!H,
+            isFirst: d === 0,
+            isLast: d === t.length - 1,
+            isSelected: A,
+            labelAlign: S,
+            labelClassName: K,
             option: e,
             value: e.value,
-            onKeyDown: O,
-            onSelect: P
+            onKeyDown: k,
+            onSelect: q
           }, e.value);
         })]
       }),
       /* @__PURE__ */ a("input", {
         type: "hidden",
-        name: K,
+        name: j,
         value: r ?? ""
       }),
-      /* @__PURE__ */ a(Q, {
-        error: b,
-        errorClassName: N,
-        helperText: y,
-        helperTextClassName: B
+      /* @__PURE__ */ a(_, {
+        error: o,
+        errorClassName: D,
+        errorId: v,
+        helperText: u,
+        helperTextClassName: $,
+        helperTextId: h
       })
     ]
   });
 };
-X.displayName = "KonstructButtonGroup";
+ae.displayName = "KonstructButtonGroup";
 export {
-  X as ButtonGroup
+  ae as ButtonGroup
 };

package/dist/components/ButtonGroup/components/ButtonGroupItem/ButtonGroupItem.js

@@ -1,5 +1,5 @@
-import { t as r } from "../../../../utils-Cx-WzRZF.js";
-import { t as L } from "../../../../react-B6Nc0Fib.js";
+import { t as r } from "../../../../utils-B-6R7kNE.js";
+import { t as L } from "../../../../react-DRLuFcbk.js";
 import { buttonGroupDescriptionVariants as V, buttonGroupItemContentVariants as g, buttonGroupItemVariants as w, buttonGroupLabelVariants as o } from "./ButtonGroupItem.variants.js";
 import { memo as j } from "react";
 import { jsx as s, jsxs as a } from "react/jsx-runtime";

package/dist/components/ButtonGroup/components/ButtonGroupLabel/ButtonGroupLabel.js

@@ -1,23 +1,24 @@
-import { t } from "../../../../utils-Cx-WzRZF.js";
+import { t } from "../../../../utils-B-6R7kNE.js";
 import { Typography as e } from "../../../Typography/Typography.js";
-import { memo as n } from "react";
-import { jsx as s, jsxs as l } from "react/jsx-runtime";
-var i = n(({ className: r, htmlFor: o, isRequired: a, label: m, requiredClassName: p }) => /* @__PURE__ */ l(e, {
-  component: "label",
+import { memo as p } from "react";
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+var l = p(({ className: r, id: o, isRequired: a, label: m, requiredClassName: n }) => /* @__PURE__ */ i(e, {
+  component: "span",
   variant: "labelLarge",
-  htmlFor: o,
+  id: o,
   className: t("cursor-pointer", "flex", "gap-1", "text-sm", "font-medium", "text-metal-50", r),
   children: [
     m,
     " ",
     a && /* @__PURE__ */ s(e, {
       component: "span",
-      className: t("text-red-600", "dark:text-red-500", "text-xs", "mt-0.5", p),
+      "aria-hidden": "true",
+      className: t("text-red-600", "dark:text-red-500", "text-xs", "mt-0.5", n),
       children: "*"
     })
   ]
 }));
-i.displayName = "KonstructButtonGroupLabel";
+l.displayName = "KonstructButtonGroupLabel";
 export {
-  i as ButtonGroupLabel
+  l as ButtonGroupLabel
 };

package/dist/components/ButtonGroup/components/ButtonGroupMessage/ButtonGroupMessage.js

@@ -1,18 +1,20 @@
-import { t as o } from "../../../../utils-Cx-WzRZF.js";
+import { t as o } from "../../../../utils-B-6R7kNE.js";
 import { Typography as e } from "../../../Typography/Typography.js";
-import { memo as s } from "react";
+import { memo as p } from "react";
 import { jsx as r } from "react/jsx-runtime";
-var p = s(({ error: t, errorClassName: a, helperText: n, helperTextClassName: m }) => typeof t == "string" && t.length > 0 ? /* @__PURE__ */ r(e, {
+var c = p(({ error: t, errorClassName: a, errorId: m, helperText: n, helperTextClassName: s, helperTextId: i }) => typeof t == "string" && t.length > 0 ? /* @__PURE__ */ r(e, {
   component: "span",
+  id: m,
   className: o("text-xs", "tracking-normal", "text-red-400", a),
   children: t
 }) : n ? /* @__PURE__ */ r(e, {
   component: "span",
+  id: i,
   variant: "body1",
-  className: o("text-xs", "text-metal-300", "select-none", "tracking-normal", m),
+  className: o("text-xs", "text-metal-300", "select-none", "tracking-normal", s),
   children: n
 }) : null);
-p.displayName = "KonstructButtonGroupMessage";
+c.displayName = "KonstructButtonGroupMessage";
 export {
-  p as ButtonGroupMessage
+  c as ButtonGroupMessage
 };

package/dist/components/Card/Card.js

@@ -1,25 +1,28 @@
-import { t as m } from "../../utils-Cx-WzRZF.js";
-import { cardBaseVariants as f, cardVariants as p } from "./Card.variants.js";
-import { forwardRef as c } from "react";
-import { jsx as s } from "react/jsx-runtime";
-var l = c(({ className: d, theme: o, isActive: a, canHover: r, wrapperClassName: t, ...e }, i) => /* @__PURE__ */ s("div", {
-  "data-theme": o,
-  className: m(f({
-    canHover: r,
-    className: t,
-    isActive: a
-  })),
-  children: /* @__PURE__ */ s("div", {
-    ref: i,
-    className: m(p({
-      className: d,
-      isActive: a,
-      canHover: r
+import { t as m } from "../../utils-B-6R7kNE.js";
+import { cardBaseVariants as c, cardVariants as f } from "./Card.variants.js";
+import { forwardRef as l } from "react";
+import { jsx as o } from "react/jsx-runtime";
+var N = l(({ className: s, component: t = "div", theme: d, isActive: a, canHover: r, wrapperClassName: e, ...i }, n) => {
+  const p = t;
+  return /* @__PURE__ */ o("div", {
+    "data-theme": d,
+    className: m(c({
+      canHover: r,
+      className: e,
+      isActive: a
     })),
-    ...e
-  })
-}));
-l.displayName = "Card";
+    children: /* @__PURE__ */ o(p, {
+      ref: n,
+      className: m(f({
+        className: s,
+        isActive: a,
+        canHover: r
+      })),
+      ...i
+    })
+  });
+});
+N.displayName = "Card";
 export {
-  l as Card
+  N as Card
 };

package/dist/components/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../Checkbox-B20uoUKD.js";
+import { t as r } from "../../Checkbox-8KnRLpQG.js";
 export {
   r as Checkbox
 };

package/dist/components/Command/Command.js

@@ -1,5 +1,5 @@
 import { n as d } from "../../dist-DX0sBG3Q.js";
-import { t as o } from "../../utils-Cx-WzRZF.js";
+import { t as o } from "../../utils-B-6R7kNE.js";
 import { s, t as p } from "../../dist-DO3apbIh.js";
 import { wrapperVariants as l } from "./Command.variants.js";
 import { CommandGroup as D } from "./components/CommandGroup.js";

package/dist/components/Command/components/CommandGroup.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../utils-Cx-WzRZF.js";
+import { t as e } from "../../../utils-B-6R7kNE.js";
 import { t as o } from "../../../dist-BbX4Nrk2.js";
 import { forwardRef as p } from "react";
 import { jsx as a } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { t as o } from "../../../CommandInput-BWt6-vUK.js";
+import { t as o } from "../../../CommandInput-CGnqfudl.js";
 export {
   o as CommandInput
 };

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

@@ -1,4 +1,4 @@
-import { t as d } from "../../../utils-Cx-WzRZF.js";
+import { t as d } from "../../../utils-B-6R7kNE.js";
 import { t as a } from "../../../dist-BbX4Nrk2.js";
 import { CommandContext as i } from "../contexts/Command.context.js";
 import { forwardRef as c, useCallback as l, useContext as p } from "react";

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

@@ -1,4 +1,4 @@
-import { t } from "../../../utils-Cx-WzRZF.js";
+import { t } from "../../../utils-B-6R7kNE.js";
 import { t as o } from "../../../dist-BbX4Nrk2.js";
 import { forwardRef as i } from "react";
 import { jsx as s } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { t as e } from "../../../utils-Cx-WzRZF.js";
+import { t as e } from "../../../utils-B-6R7kNE.js";
 import { t as r } from "../../../dist-BbX4Nrk2.js";
 import { forwardRef as t } from "react";
 import { jsx as p } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { t as o } from "../../../utils-Cx-WzRZF.js";
+import { t as o } from "../../../utils-B-6R7kNE.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),

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

@@ -1,5 +1,5 @@
 import { t as r } from "../../../x-Ierxf0uI.js";
-import { t as d } from "../../../utils-Cx-WzRZF.js";
+import { t as d } from "../../../utils-B-6R7kNE.js";
 import { n as l, o as m, r as o } from "../../../dist-DO3apbIh.js";
 import { DialogOverlay as p } from "./DialogOverlay.js";
 import { forwardRef as f } from "react";

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

@@ -1,4 +1,4 @@
-import { t as i } from "../../../utils-Cx-WzRZF.js";
+import { t as i } from "../../../utils-B-6R7kNE.js";
 import { a } from "../../../dist-DO3apbIh.js";
 import { forwardRef as r } from "react";
 import { jsx as s } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { t as o } from "../../../CommandInput-BWt6-vUK.js";
+import { t as o } from "../../../CommandInput-CGnqfudl.js";
 import { CommandEmpty as t } from "./CommandEmpty.js";
 import { CommandGroup as a } from "./CommandGroup.js";
 import { CommandItem as n } from "./CommandItem.js";

package/dist/components/CopyButton/CopyButton.js

@@ -0,0 +1,63 @@
+import { n as w } from "../../dist-DX0sBG3Q.js";
+import { t as n } from "../../utils-B-6R7kNE.js";
+import { CopyIcon as N } from "../../assets/icons/components/Copy.js";
+import { a as B, i as P, n as T, o as j, r as k, t as z } from "../../dist-AxOGvL82.js";
+import { copyButtonVariants as D } from "./CopyButton.variants.js";
+import { useCopyToClipboard as F } from "./hooks/useCopyToClipboard/useCopyToClipboard.js";
+import { useEffect as I, useState as V } from "react";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+var $ = ({ arrowClassName: p, children: s, className: c, copiedLabel: i = "Copied!", copyLabel: l = "Copy", label: d, resetDelay: m, text: f, theme: u, tooltipClassName: h, onCopy: C, onCopyError: y, ...g }) => {
+  const [x, a] = V(!1), { copied: o, copy: O } = F({
+    resetDelay: m,
+    onCopy: C,
+    onCopyError: y
+  });
+  I(() => {
+    o || a(!1);
+  }, [o]);
+  const b = async (e) => {
+    e.stopPropagation(), await O(f) && a(!0);
+  }, v = (e) => {
+    e.currentTarget.matches(":focus-visible") || e.preventDefault();
+  };
+  return /* @__PURE__ */ r(P, {
+    delayDuration: 0,
+    children: [/* @__PURE__ */ r(B, {
+      open: x,
+      onOpenChange: (e) => {
+        o || a(e);
+      },
+      children: [/* @__PURE__ */ t(j, {
+        asChild: !0,
+        children: /* @__PURE__ */ t("button", {
+          type: "button",
+          "aria-label": `${l} ${d}`,
+          "data-theme": u,
+          className: n(D({
+            iconOnly: !s,
+            className: c
+          })),
+          onClick: b,
+          onFocus: v,
+          ...g,
+          children: s ?? /* @__PURE__ */ t(N, {
+            size: 14,
+            "aria-hidden": "true"
+          })
+        })
+      }), /* @__PURE__ */ t(k, { children: /* @__PURE__ */ r(T, {
+        sideOffset: 4,
+        className: n("z-70 rounded bg-slate-700 px-2 py-1 text-xs text-white shadow-md", "animate-in fade-in-0", h),
+        children: [o ? i : l, /* @__PURE__ */ t(z, { className: n("fill-slate-700", p) })]
+      }) })]
+    }), /* @__PURE__ */ t(w, {
+      role: "status",
+      "aria-live": "polite",
+      children: o ? i : ""
+    })]
+  });
+};
+$.displayName = "KonstructCopyButton";
+export {
+  $ as CopyButton
+};

package/dist/components/CopyButton/CopyButton.variants.js

@@ -0,0 +1,29 @@
+import { t as e } from "../../dist-B9GE4SXf.js";
+var i = e([
+  "inline-flex",
+  "shrink-0",
+  "items-center",
+  "justify-center",
+  "cursor-pointer",
+  "rounded-xs",
+  "transition-colors",
+  "focus-visible:outline-none",
+  "focus-visible:ring-1",
+  "focus-visible:ring-ring",
+  "disabled:pointer-events-none",
+  "disabled:opacity-45"
+], {
+  variants: { iconOnly: {
+    true: [
+      "text-slate-500",
+      "hover:text-slate-800",
+      "dark:text-metal-400",
+      "dark:hover:text-metal-100"
+    ],
+    false: ""
+  } },
+  defaultVariants: { iconOnly: !0 }
+});
+export {
+  i as copyButtonVariants
+};

package/dist/components/CopyButton/hooks/index.js

@@ -0,0 +1,4 @@
+import { useCopyToClipboard as p } from "./useCopyToClipboard/useCopyToClipboard.js";
+export {
+  p as useCopyToClipboard
+};

package/dist/components/CopyButton/hooks/useCopyToClipboard/useCopyToClipboard.js

@@ -0,0 +1,22 @@
+import { useEffect as s, useRef as n, useState as p } from "react";
+var f = 1500, m = ({ resetDelay: o = f, onCopy: u, onCopyError: a } = {}) => {
+  const [c, r] = p(!1), e = n(void 0);
+  return s(() => () => {
+    clearTimeout(e.current);
+  }, []), {
+    copied: c,
+    copy: async (t) => {
+      try {
+        await navigator.clipboard.writeText(t);
+      } catch (i) {
+        return a?.(i), !1;
+      }
+      return r(!0), clearTimeout(e.current), e.current = setTimeout(() => {
+        r(!1);
+      }, o), u?.(t), !0;
+    }
+  };
+};
+export {
+  m as useCopyToClipboard
+};

package/dist/components/Counter/Counter.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../../Counter-DiQb-he2.js";
+import { t as e } from "../../Counter-CDXdP1Af.js";
 export {
   e as Counter
 };

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,29 +1,35 @@
-import { t as a } from "../../utils-Cx-WzRZF.js";
+import { t as a } from "../../utils-B-6R7kNE.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 { DateRangePickerProvider as _ } from "./contexts/date-range-picker/date-range-picker.provider.js";
+import { PresetPanel as $ } from "./components/PresetPanel/PresetPanel.js";
+import { DateTimeInputs as ee } from "./components/DateTimeInputs/DateTimeInputs.js";
+import { CalendarPanel as re } from "./components/CalendarPanel/CalendarPanel.js";
+import { RightPanel as ae } from "./components/RightPanel/RightPanel.js";
+import { dateRangePickerVariants as te, rightPanelVariants as ne } 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, {
+var ie = ({ animationDuration: o = 500, className: l, defaultPreset: m = "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: k, minDate: v, maxDate: N, hideDisabledNavigation: D, showOutsideDays: R, navigationMode: y = "independent", numberOfMonths: T = 2, dateDisplayFormat: j = "long", ariaLabelCalendar: I, ariaLabelPrevMonth: V, ariaLabelNextMonth: b, ariaLabelPrevMonthStart: C, ariaLabelNextMonthStart: K, ariaLabelPrevMonthEnd: L, ariaLabelNextMonthEnd: q, labelStartDate: w, labelEndDate: z, labelTime: A, requiredDates: B, ariaLabelStartDate: E, ariaLabelEndDate: F, errorInvalidDate: G, errorDateNotAvailable: H, showPresets: J = !0, presets: M, footer: O, revealCalendarOnCustom: Q = !1, labelTimePeriod: S, ariaLabelTimePeriod: U, presetLabels: W, classNames: r, onRangeChange: X, onDateChange: Y, onPresetChange: Z }) => /* @__PURE__ */ e(_, {
   defaultRange: s,
   defaultTime: c,
-  defaultPreset: l,
+  defaultPreset: m,
+  presets: M,
   timeFormat: x,
   showTime: P,
   name: g,
   disabled: p,
-  animationDuration: m,
+  animationDuration: o,
   blockedDays: u,
-  blockedMonths: v,
-  minDate: k,
+  blockedMonths: k,
+  minDate: v,
   maxDate: N,
   hideDisabledNavigation: D,
   showOutsideDays: R,
   navigationMode: y,
-  onRangeChange: M,
-  onDateChange: O,
+  numberOfMonths: T,
+  dateDisplayFormat: j,
+  revealCalendarOnCustom: Q,
+  onRangeChange: X,
+  onDateChange: Y,
+  onPresetChange: Z,
   children: /* @__PURE__ */ t("div", {
     className: "flex flex-col gap-2",
     "data-theme": h,
@@ -40,40 +46,45 @@ var Z = ({ animationDuration: m = 500, className: o, defaultPreset: l = "custom"
         })]
       })
     }) : null, /* @__PURE__ */ t("div", {
-      className: a(X({ className: o }), "gap-4", r?.container),
+      className: a(te({ className: l }), r?.container),
       role: "group",
       "aria-label": n || "Date range picker",
-      children: [F && /* @__PURE__ */ e(S, {
-        labelTimePeriod: G,
-        ariaLabelTimePeriod: H,
-        presetLabels: J,
+      children: [J && /* @__PURE__ */ e($, {
+        labelTimePeriod: S,
+        ariaLabelTimePeriod: U,
+        presetLabels: W,
         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
-        })]
+      }), /* @__PURE__ */ t(ae, {
+        className: a(ne(), r?.rightPanel),
+        children: [
+          /* @__PURE__ */ e(ee, {
+            labelStartDate: w,
+            labelEndDate: z,
+            labelTime: A,
+            requiredDates: B,
+            ariaLabelStartDate: E,
+            ariaLabelEndDate: F,
+            errorInvalidDate: G,
+            errorDateNotAvailable: H,
+            classNames: r?.dateTimeInputs
+          }),
+          /* @__PURE__ */ e(re, {
+            ariaLabelCalendar: I,
+            ariaLabelPrevMonth: V,
+            ariaLabelNextMonth: b,
+            ariaLabelPrevMonthStart: C,
+            ariaLabelNextMonthStart: K,
+            ariaLabelPrevMonthEnd: L,
+            ariaLabelNextMonthEnd: q,
+            classNames: r?.calendarPanel
+          }),
+          O
+        ]
       })]
     })]
   })
 });
-Z.displayName = "KonstructDateRangePicker";
+ie.displayName = "KonstructDateRangePicker";
 export {
-  Z as DateRangePicker
+  ie as DateRangePicker
 };