@konstructio/ui 0.1.3 → 0.1.4

package/dist/components/ButtonGroup/ButtonGroup.js

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

package/dist/components/ButtonGroup/ButtonGroup.variants.js

@@ -19,11 +19,24 @@ var e = t([
   "bg-metal-900",
   "rounded-lg"
 ], {
-  variants: { disabled: {
-    true: "opacity-50 cursor-not-allowed",
-    false: ""
-  } },
-  defaultVariants: { disabled: !1 }
+  variants: {
+    variant: {
+      pill: "",
+      outline: [
+        "w-fit",
+        "bg-transparent",
+        "rounded"
+      ]
+    },
+    disabled: {
+      true: "opacity-50 cursor-not-allowed",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    variant: "pill",
+    disabled: !1
+  }
 });
 export {
   e as buttonGroupPillVariants,

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

@@ -1,60 +1,79 @@
-import { t as r } from "../../../../utils-DnIJruo0.js";
-import { buttonGroupDescriptionVariants as L, buttonGroupItemContentVariants as V, buttonGroupItemVariants as g, buttonGroupLabelVariants as o } from "./ButtonGroupItem.variants.js";
-import { memo as w } from "react";
-import { jsx as s, jsxs as a } from "react/jsx-runtime";
-import { motion as j } from "motion/react";
-var k = (t, n) => n === "none" ? t ? "inset(0 0 0 0)" : "inset(0 100% 0 0)" : t ? "inset(0 0 0 0)" : n === "right" ? "inset(0 0 0 100%)" : "inset(0 100% 0 0)", B = w(({ animationDirection: t, className: n, contentClassName: d, descriptionAlign: p, descriptionClassName: h, duration: b = 0.3, hasDescription: f, index: c, isDisabled: l, isFirst: v, isLast: y, isSelected: i, labelAlign: m, labelClassName: u, option: e, value: N, onKeyDown: G, onSelect: x }) => /* @__PURE__ */ s("button", {
+import { t as a } from "../../../../utils-DnIJruo0.js";
+import { buttonGroupDescriptionVariants as g, buttonGroupItemContentVariants as k, buttonGroupItemVariants as L, buttonGroupLabelVariants as v, buttonGroupOutlineItemVariants as w } from "./ButtonGroupItem.variants.js";
+import { memo as j } from "react";
+import { jsx as s, jsxs as r } from "react/jsx-runtime";
+import { motion as B } from "motion/react";
+var C = (c, l) => l === "none" ? c ? "inset(0 0 0 0)" : "inset(0 100% 0 0)" : c ? "inset(0 0 0 0)" : l === "right" ? "inset(0 0 0 100%)" : "inset(0 100% 0 0)", K = j(({ animationDirection: c, className: l, contentClassName: y, descriptionAlign: N, descriptionClassName: G, duration: I = 0.3, hasDescription: x, index: i, isDisabled: t, isFirst: d, isLast: o, isSelected: n, labelAlign: p, labelClassName: u, option: e, value: h, variant: V, onKeyDown: b, onSelect: f }) => V === "outline" ? /* @__PURE__ */ s("button", {
   type: "button",
   role: "radio",
-  "aria-checked": i,
+  "aria-checked": n,
   "data-value": e.value,
-  disabled: l,
-  tabIndex: i || c === 0 ? 0 : -1,
-  onClick: () => !l && x(N),
-  onKeyDown: (I) => G(I, c),
-  className: r(g({
-    disabled: l,
-    isFirst: v,
-    isLast: y
-  }), "relative", n),
-  children: /* @__PURE__ */ a("div", {
-    className: r(V({ hasDescription: f }), "relative", d),
-    children: [/* @__PURE__ */ a("span", {
+  disabled: t,
+  tabIndex: n || i === 0 ? 0 : -1,
+  onClick: () => !t && f(h),
+  onKeyDown: (m) => b(m, i),
+  className: a(w({
+    selected: n,
+    disabled: t,
+    isFirst: d,
+    isLast: o
+  }), l),
+  children: /* @__PURE__ */ r("span", {
+    className: a("flex items-center gap-2", u),
+    children: [e.icon, e.label]
+  })
+}) : /* @__PURE__ */ s("button", {
+  type: "button",
+  role: "radio",
+  "aria-checked": n,
+  "data-value": e.value,
+  disabled: t,
+  tabIndex: n || i === 0 ? 0 : -1,
+  onClick: () => !t && f(h),
+  onKeyDown: (m) => b(m, i),
+  className: a(L({
+    disabled: t,
+    isFirst: d,
+    isLast: o
+  }), "relative", l),
+  children: /* @__PURE__ */ r("div", {
+    className: a(k({ hasDescription: x }), "relative", y),
+    children: [/* @__PURE__ */ r("span", {
       className: "relative w-full",
-      children: [/* @__PURE__ */ a("span", {
-        className: r(o({
+      children: [/* @__PURE__ */ r("span", {
+        className: a(v({
           selected: !1,
-          labelAlign: m
+          labelAlign: p
         }), u),
-        children: [/* @__PURE__ */ a("span", {
+        children: [/* @__PURE__ */ r("span", {
           className: "flex items-center gap-2",
           children: [e.icon, e.label]
         }), e.secondaryLabel && /* @__PURE__ */ s("span", { children: e.secondaryLabel })]
-      }), /* @__PURE__ */ a(j.span, {
-        className: r(o({
+      }), /* @__PURE__ */ r(B.span, {
+        className: a(v({
           selected: !0,
-          labelAlign: m
+          labelAlign: p
         }), "absolute inset-0", u),
         "aria-hidden": "true",
         initial: !1,
-        animate: { clipPath: k(i, t) },
+        animate: { clipPath: C(n, c) },
         transition: {
           type: "tween",
           ease: "linear",
-          duration: b
+          duration: I
         },
-        children: [/* @__PURE__ */ a("span", {
+        children: [/* @__PURE__ */ r("span", {
           className: "flex items-center gap-2",
           children: [e.icon, e.label]
         }), e.secondaryLabel && /* @__PURE__ */ s("span", { children: e.secondaryLabel })]
       })]
     }), e.description && /* @__PURE__ */ s("span", {
-      className: r(L({ descriptionAlign: p }), h),
+      className: a(g({ descriptionAlign: N }), G),
       children: e.description
     })]
   })
 }, e.value));
-B.displayName = "KonstructButtonGroupItem";
+K.displayName = "KonstructButtonGroupItem";
 export {
-  B as ButtonGroupItem
+  K as ButtonGroupItem
 };

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

@@ -1,5 +1,5 @@
-import { t } from "../../../../dist-B9GE4SXf.js";
-var r = t([
+import { t as e } from "../../../../dist-B9GE4SXf.js";
+var r = e([
   "flex",
   "flex-1",
   "items-start",
@@ -35,7 +35,54 @@ var r = t([
     isFirst: !1,
     isLast: !1
   }
-}), a = t([
+}), a = e([
+  "flex",
+  "items-center",
+  "h-9",
+  "px-4",
+  "py-2",
+  "-ml-px",
+  "first:ml-0",
+  "border",
+  "bg-metal-800",
+  "text-sm",
+  "font-medium",
+  "leading-5",
+  "tracking-[0.1px]",
+  "whitespace-nowrap",
+  "cursor-pointer",
+  "select-none",
+  "transition-colors",
+  "focus:outline-none",
+  "focus-visible:ring-2",
+  "focus-visible:ring-aurora-500",
+  "focus-visible:ring-inset"
+], {
+  variants: {
+    selected: {
+      true: "relative z-10 border-aurora-500 text-aurora-500",
+      false: "border-metal-700 text-metal-300 hover:text-metal-50"
+    },
+    disabled: {
+      true: "pointer-events-none opacity-50",
+      false: ""
+    },
+    isFirst: {
+      true: "rounded-l",
+      false: ""
+    },
+    isLast: {
+      true: "rounded-r",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    selected: !1,
+    disabled: !1,
+    isFirst: !1,
+    isLast: !1
+  }
+}), s = e([
   "flex",
   "flex-col",
   "flex-1",
@@ -48,7 +95,7 @@ var r = t([
     false: "justify-center"
   } },
   defaultVariants: { hasDescription: !1 }
-}), s = t([
+}), i = e([
   "text-sm",
   "font-medium",
   "leading-5",
@@ -76,7 +123,7 @@ var r = t([
     selected: !1,
     labelAlign: "left"
   }
-}), i = t([
+}), n = e([
   "text-sm",
   "font-normal",
   "leading-5",
@@ -91,8 +138,9 @@ var r = t([
   defaultVariants: { descriptionAlign: "left" }
 });
 export {
-  i as buttonGroupDescriptionVariants,
-  a as buttonGroupItemContentVariants,
+  n as buttonGroupDescriptionVariants,
+  s as buttonGroupItemContentVariants,
   r as buttonGroupItemVariants,
-  s as buttonGroupLabelVariants
+  i as buttonGroupLabelVariants,
+  a as buttonGroupOutlineItemVariants
 };

package/dist/components/Checkbox/Checkbox.variants.js

@@ -1,10 +1,14 @@
 import { t as e } from "../../dist-B9GE4SXf.js";
-var a = e([
+var t = e([
   "cursor-pointer",
   "tap-target",
   "touch-hit-area",
   "relative",
   "shrink-0",
+  "outline-none",
+  "focus-visible:outline-2",
+  "focus-visible:outline-offset-2",
+  "focus-visible:outline-aurora-500",
   "active:scale-90",
   "motion-reduce:active:scale-100",
   "border",
@@ -56,7 +60,7 @@ var a = e([
     ]
   }],
   defaultVariants: { variant: "default" }
-}), t = e([
+}), a = e([
   "select-none",
   "cursor-pointer",
   "text-sm",
@@ -64,6 +68,6 @@ var a = e([
   "dark:text-slate-50"
 ]);
 export {
-  a as checkboxVariants,
-  t as labelVariants
+  t as checkboxVariants,
+  a as labelVariants
 };

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

@@ -1,15 +1,15 @@
-import { n as r, o as d, r as o } from "../../../dist-DWopnVS-.js";
+import { n as i, o as d, r as o } from "../../../dist-DWopnVS-.js";
 import { t as l } from "../../../x-BmNOD9Gr.js";
 import { t as m } from "../../../utils-DnIJruo0.js";
 import { DialogOverlay as p } from "./DialogOverlay.js";
 import { forwardRef as f } from "react";
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
-var c = f(({ className: e, children: s, ...n }, i) => /* @__PURE__ */ a(d, { children: [/* @__PURE__ */ t(p, {}), /* @__PURE__ */ a(o, {
-  ref: i,
+var c = f(({ className: e, children: s, ...n }, r) => /* @__PURE__ */ a(d, { children: [/* @__PURE__ */ t(p, {}), /* @__PURE__ */ a(o, {
+  ref: r,
   className: m("fixed text-white left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 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__ */ a(r, {
-    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: [s, /* @__PURE__ */ a(i, {
+    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-aurora-500 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground text-white",
     children: [/* @__PURE__ */ t(l, { className: "h-4 w-4" }), /* @__PURE__ */ t("span", {
       className: "sr-only",
       children: "Close"

package/dist/components/ConfirmDialog/ConfirmDialog.js

@@ -2,7 +2,7 @@ import { WarningIcon as K } from "../../assets/icons/components/Warning.js";
 import { t as g } from "../../utils-DnIJruo0.js";
 import { Button as C } from "../Button/Button.js";
 import { CopyButton as T } from "../CopyButton/CopyButton.js";
-import { t as V } from "../../Input-C1Js3pbF.js";
+import { t as V } from "../../Input-CE6J6HIW.js";
 import { t as l } from "../../Modal-Bwq7Gc0A.js";
 import { Typography as d } from "../Typography/Typography.js";
 import { useEffect as W, useId as A, useState as G } from "react";

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

@@ -1,5 +1,5 @@
-import { t } from "../../dist-B9GE4SXf.js";
-var i = t([
+import { t as e } from "../../dist-B9GE4SXf.js";
+var i = e([
   "inline-flex",
   "shrink-0",
   "items-center",
@@ -10,7 +10,8 @@ var i = t([
   "transition-colors",
   "focus-visible:outline-none",
   "focus-visible:ring-1",
-  "focus-visible:ring-ring",
+  "focus-visible:ring-aurora-500",
+  "kubefirst:focus-visible:ring-kubefirst-primary",
   "disabled:pointer-events-none",
   "disabled:opacity-45",
   "pointer-coarse:min-h-11",

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

@@ -2,7 +2,7 @@ import { useDateRangePicker as q } from "../../contexts/date-range-picker/date-r
 import { createDisabledMatcher as z } from "../../utils/disabled-dates/disabled-dates.js";
 import { IndependentModeCalendar as A } from "./components/IndependentModeCalendar/IndependentModeCalendar.js";
 import { TogetherModeCalendar as B } from "./components/TogetherModeCalendar/TogetherModeCalendar.js";
-import "../../../../constants-q2QnJrOb.js";
+import "../../../../constants-YCGllWdf.js";
 import '../../../../style.css';import '../../../../CalendarPanel.css';/* empty css                         */
 import { useMemo as F } from "react";
 import { jsx as x } from "react/jsx-runtime";

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

@@ -1,7 +1,7 @@
 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 "../../../../../../constants-YCGllWdf.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";

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

@@ -1,5 +1,5 @@
 import { t as n } from "../../../../../../../../DayPicker-D7KFB2bI.js";
-import { s as d } from "../../../../../../../../constants-q2QnJrOb.js";
+import { s as d } from "../../../../../../../../constants-YCGllWdf.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 }) => {

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

@@ -1,6 +1,6 @@
 import { t as a } from "../../../../../../utils-DnIJruo0.js";
 import { calendarGridContainerVariants as Q, calendarPanelVariants as U } from "../../CalendarPanel.variants.js";
-import "../../../../../../constants-q2QnJrOb.js";
+import "../../../../../../constants-YCGllWdf.js";
 import { useIndependentCarousel as X } from "../../hooks/useIndependentCarousel.js";
 import { CalendarDivider as Y } from "../CalendarDivider/CalendarDivider.js";
 import { CalendarMonth as s } from "../CalendarMonth/CalendarMonth.js";

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

@@ -1,4 +1,4 @@
-import { s as e } from "../../../../../constants-q2QnJrOb.js";
+import { s as e } from "../../../../../constants-YCGllWdf.js";
 export {
   e as createDayPickerClassNames
 };

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

@@ -1,5 +1,5 @@
 import { getMonthName as E } from "../../../utils/validation/validation.js";
-import { a as s, i as _, n as r, o as T, r as e, s as o, t } from "../../../../../constants-q2QnJrOb.js";
+import { a as s, i as _, n as r, o as T, r as e, s as o, t } from "../../../../../constants-YCGllWdf.js";
 export {
   t as GAP_WIDTH,
   r as MONTH_HEADER_HEIGHT,

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

@@ -1,5 +1,5 @@
 import { getMonthName as t } from "../../../utils/validation/validation.js";
-import { a as o, i as r, n as s, o as H, r as E, s as m, t as _ } from "../../../../../constants-q2QnJrOb.js";
+import { a as o, i as r, n as s, o as H, r as E, s as m, t as _ } from "../../../../../constants-YCGllWdf.js";
 import { calculateCalendarHeight as T, getNextMonth as i, getPrevMonth as I, getWeeksInMonth as M } from "../utils/index.js";
 import { useTogetherCarousel as N } from "./useTogetherCarousel.js";
 import { useIndependentCarousel as h } from "./useIndependentCarousel.js";

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

@@ -1,4 +1,4 @@
-import { r as W } from "../../../../../constants-q2QnJrOb.js";
+import { r as W } from "../../../../../constants-YCGllWdf.js";
 import { calculateCalendarHeight as j, getNextMonth as m, getPrevMonth as h, getWeeksInMonth as k } from "../utils/index.js";
 import { useEffect as g, useMemo as p, useRef as L, useState as i } from "react";
 var Q = ({ displayedMonths: u, animationDuration: F, navigationMode: I }) => {

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

@@ -1,4 +1,4 @@
-import { r as L } from "../../../../../constants-q2QnJrOb.js";
+import { r as L } from "../../../../../constants-YCGllWdf.js";
 import { calculateCalendarHeight as X, getNextMonth as T, getPrevMonth as g, getWeeksInMonth as $ } from "../utils/index.js";
 import { useEffect as H, useMemo as j, useRef as E, useState as a } from "react";
 var Z = ({ displayedMonths: l, animationDuration: I, disabled: N, canNavigatePrev: S, canNavigateNext: b, navigationMode: W, numberOfMonths: F = 2, navigatePrevMonth: p, navigateNextMonth: v }) => {

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

@@ -1,4 +1,4 @@
-import "../../../../../constants-q2QnJrOb.js";
+import "../../../../../constants-YCGllWdf.js";
 var E = (t) => {
   const e = t.getFullYear(), a = t.getMonth(), n = new Date(e, a, 1), r = new Date(e, a + 1, 0), o = n.getDay() + r.getDate();
   return Math.ceil(o / 7);

package/dist/components/DateRangePicker/components/DateTimeInputs/components/EndInputFields/EndInputFields.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../../../../utils-DnIJruo0.js";
-import { t as F } from "../../../../../../Input-C1Js3pbF.js";
+import { t as F } from "../../../../../../Input-CE6J6HIW.js";
 import { TimePicker as W } from "../../../../../TimePicker/TimePicker.js";
 import { Typography as p } from "../../../../../Typography/Typography.js";
 import { dateInputWrapperVariants as y, dateTimeGroupVariants as C, inputLabelVariants as l, inputRequiredMarkVariants as L, timeInputWrapperVariants as N } from "../../DateTimeInputs.variants.js";

package/dist/components/DateRangePicker/components/DateTimeInputs/components/StartInputFields/StartInputFields.js

@@ -1,5 +1,5 @@
 import { t } from "../../../../../../utils-DnIJruo0.js";
-import { t as F } from "../../../../../../Input-C1Js3pbF.js";
+import { t as F } from "../../../../../../Input-CE6J6HIW.js";
 import { TimePicker as W } from "../../../../../TimePicker/TimePicker.js";
 import { Typography as p } from "../../../../../Typography/Typography.js";
 import { dateInputWrapperVariants as y, dateTimeGroupVariants as C, inputLabelVariants as l, inputRequiredMarkVariants as L, timeInputWrapperVariants as N } from "../../DateTimeInputs.variants.js";

package/dist/components/Filter/components/FilterDropdown/FilterDropdown.js

@@ -1,25 +1,26 @@
-import { a as l, i as p, r as f, t as c } from "../../../../dist-DPLBSjtu.js";
+import { a as l, i as p, r as c, t as f } from "../../../../dist-DPLBSjtu.js";
 import { useFilterContext as h } from "../../contexts/filter.hook.js";
 import { t as g } from "../../../../utils-DnIJruo0.js";
 import { jsx as e, jsxs as u } from "react/jsx-runtime";
-var w = ({ isOpen: r, trigger: t, triggerClassName: o, position: a = "left", contentClassName: n, children: s, onOpenChange: i }) => {
-  const { theme: m } = h();
-  return /* @__PURE__ */ u(c, {
-    open: r,
-    onOpenChange: i,
+var w = ({ isOpen: o, trigger: r, triggerClassName: t, position: a = "left", contentClassName: i, children: n, onOpenChange: s }) => {
+  const { theme: d } = h();
+  return /* @__PURE__ */ u(f, {
+    open: o,
+    onOpenChange: s,
     children: [/* @__PURE__ */ e(l, {
-      className: o,
-      children: t
-    }), /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(f, {
-      "data-theme": m,
+      className: t,
+      children: r
+    }), /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(c, {
+      "data-theme": d,
       side: "bottom",
       sideOffset: 4,
+      collisionPadding: 16,
       align: a === "right" ? "end" : "start",
-      onOpenAutoFocus: (d) => {
-        d.preventDefault();
+      onOpenAutoFocus: (m) => {
+        m.preventDefault();
       },
-      className: g("bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-50", "dark:bg-metal-800", "dark:border-metal-700", n),
-      children: s
+      className: g("bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-50", "dark:bg-metal-800", "dark:border-metal-700", i),
+      children: n
     }) })]
   });
 };