@machinemetrics/mm-react-components 0.2.3-21 → 0.2.3-23

package/dist/mm-react-components.es.js

@@ -3487,7 +3487,7 @@ const buttonVariants = cva(
     }
   }
 );
-function Button$1({
+function Button$2({
   className,
   variant,
   size: size2,
@@ -3499,28 +3499,62 @@ function Button$1({
     Comp,
     {
       "data-slot": "button",
-      "data-variant": variant,
-      "data-size": size2,
       className: cn$1(buttonVariants({ variant, size: size2, className })),
       ...props
     }
   );
 }
-function Input({ className, type, ...props }) {
+const Button$1 = React.forwardRef(({ className, variant, size: size2, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Button$2,
+    {
+      ref,
+      className,
+      variant,
+      size: size2,
+      "data-variant": variant,
+      "data-size": size2,
+      ...props
+    }
+  );
+});
+Button$1.displayName = "Button";
+function Input$1({ className, type, ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "input",
     {
       type,
       "data-slot": "input",
       className: cn$1(
-        "flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
         className
       ),
-      readOnly: props.onChange == null && props.defaultValue == null ? true : props.readOnly,
       ...props
     }
   );
 }
+const Input = React.forwardRef(
+  ({ className, type, readOnly, onChange, defaultValue: defaultValue2, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Input$1,
+      {
+        ref,
+        type,
+        className: cn$1(
+          "flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        readOnly: onChange == null && defaultValue2 == null ? true : readOnly,
+        onChange,
+        defaultValue: defaultValue2,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
 /**
  * @license lucide-react v0.544.0 - ISC
  *
@@ -3626,125 +3660,136 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$n = [
+const __iconNode$q = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$n);
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$q);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$m = [
+const __iconNode$p = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$m);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$p);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$l = [
+const __iconNode$o = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$l);
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$o);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$k = [
+const __iconNode$n = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
 ];
-const Calendar$1 = createLucideIcon("calendar", __iconNode$k);
+const Calendar$1 = createLucideIcon("calendar", __iconNode$n);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$j = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$j);
+const __iconNode$m = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$m);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$i);
+const __iconNode$l = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$l);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$h = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$h);
+const __iconNode$k = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$k);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$g = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$g);
+const __iconNode$j = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$j);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$f);
+const __iconNode$i = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$i);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$e);
+const __iconNode$h = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+];
+const CircleCheck = createLucideIcon("circle-check", __iconNode$h);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [
+const __iconNode$g = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$g);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$f = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "M15 3v18", key: "14nvp0" }]
 ];
-const Columns3 = createLucideIcon("columns-3", __iconNode$d);
+const Columns3 = createLucideIcon("columns-3", __iconNode$f);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [
+const __iconNode$e = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-const Ellipsis = createLucideIcon("ellipsis", __iconNode$c);
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$e);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$b = [
+const __iconNode$d = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
   ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
@@ -3752,60 +3797,60 @@ const __iconNode$b = [
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
 ];
-const GripVertical = createLucideIcon("grip-vertical", __iconNode$b);
+const GripVertical = createLucideIcon("grip-vertical", __iconNode$d);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$a = [
+const __iconNode$c = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
 ];
-const Info = createLucideIcon("info", __iconNode$a);
+const Info = createLucideIcon("info", __iconNode$c);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$9 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$9);
+const __iconNode$b = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$b);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$8 = [
+const __iconNode$a = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "m21 3-7 7", key: "1l2asr" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M9 21H3v-6", key: "wtvkvv" }]
 ];
-const Maximize2 = createLucideIcon("maximize-2", __iconNode$8);
+const Maximize2 = createLucideIcon("maximize-2", __iconNode$a);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$7 = [
+const __iconNode$9 = [
   ["path", { d: "m14 10 7-7", key: "oa77jy" }],
   ["path", { d: "M20 10h-6V4", key: "mjg0md" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M4 14h6v6", key: "rmj7iw" }]
 ];
-const Minimize2 = createLucideIcon("minimize-2", __iconNode$7);
+const Minimize2 = createLucideIcon("minimize-2", __iconNode$9);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$6 = [
+const __iconNode$8 = [
   [
     "path",
     {
@@ -3814,38 +3859,56 @@ const __iconNode$6 = [
     }
   ]
 ];
-const Moon = createLucideIcon("moon", __iconNode$6);
+const Moon = createLucideIcon("moon", __iconNode$8);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$5 = [
+const __iconNode$7 = [
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  [
+    "path",
+    {
+      d: "M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z",
+      key: "2d38gg"
+    }
+  ],
+  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+];
+const OctagonX = createLucideIcon("octagon-x", __iconNode$7);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$6 = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$5);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$6);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$4 = [
+const __iconNode$5 = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-const Search = createLucideIcon("search", __iconNode$4);
+const Search = createLucideIcon("search", __iconNode$5);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$3 = [
+const __iconNode$4 = [
   ["path", { d: "M10 5H3", key: "1qgfaw" }],
   ["path", { d: "M12 19H3", key: "yhmn1j" }],
   ["path", { d: "M14 3v4", key: "1sua03" }],
@@ -3856,14 +3919,14 @@ const __iconNode$3 = [
   ["path", { d: "M8 10v4", key: "tgpxqk" }],
   ["path", { d: "M8 12H3", key: "a7s4jb" }]
 ];
-const SlidersHorizontal = createLucideIcon("sliders-horizontal", __iconNode$3);
+const SlidersHorizontal = createLucideIcon("sliders-horizontal", __iconNode$4);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$2 = [
+const __iconNode$3 = [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -3874,7 +3937,25 @@ const __iconNode$2 = [
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
 ];
-const Sun = createLucideIcon("sun", __iconNode$2);
+const Sun = createLucideIcon("sun", __iconNode$3);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$2 = [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+];
+const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$2);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
@@ -4597,13 +4678,11 @@ function isIndeterminate$1(checked) {
 function getState$6(checked) {
   return isIndeterminate$1(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
 }
-function Checkbox({
-  className,
-  ...props
-}) {
+const Checkbox = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Checkbox$1,
     {
+      ref,
       "data-slot": "checkbox",
       className: cn$1(
         "peer size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none disabled:cursor-not-allowed disabled:opacity-50",
@@ -4620,7 +4699,8 @@ function Checkbox({
       )
     }
   );
-}
+});
+Checkbox.displayName = "Checkbox";
 function createCollection(name) {
   const PROVIDER_NAME2 = name + "CollectionProvider";
   const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME2);
@@ -5193,13 +5273,11 @@ function RadioGroup$1({
     }
   );
 }
-function RadioGroupItem({
-  className,
-  ...props
-}) {
+const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Item2$2,
     {
+      ref,
       "data-slot": "radio-group-item",
       className: cn$1(
         "aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50",
@@ -5216,7 +5294,8 @@ function RadioGroupItem({
       )
     }
   );
-}
+});
+RadioGroupItem.displayName = "RadioGroupItem";
 const badgeVariants = cva(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
@@ -5233,22 +5312,19 @@ const badgeVariants = cva(
     }
   }
 );
-function Badge({
-  className,
-  variant,
-  asChild = false,
-  ...props
-}) {
+const Badge = React.forwardRef(({ className, variant, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot$4 : "span";
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Comp,
     {
+      ref,
       "data-slot": "badge",
       className: cn$1(badgeVariants({ variant }), className),
       ...props
     }
   );
-}
+});
+Badge.displayName = "Badge";
 function clamp$1(value, [min2, max2]) {
   return Math.min(max2, Math.max(min2, value));
 }
@@ -9834,29 +9910,6 @@ function SelectValue({
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Value, { "data-slot": "select-value", ...props });
 }
-function SelectTrigger({
-  className,
-  size: size2 = "default",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Trigger$6,
-    {
-      "data-slot": "select-trigger",
-      "data-size": size2,
-      className: cn$1(
-        "flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-colors outline-none disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 opacity-50" }) })
-      ]
-    }
-  );
-}
 function SelectContent({
   className,
   children,
@@ -9906,27 +9959,6 @@ function SelectLabel({
     }
   );
 }
-function SelectItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Item$1,
-    {
-      "data-slot": "select-item",
-      className: cn$1(
-        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ItemIndicator$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ItemText, { children })
-      ]
-    }
-  );
-}
 function SelectSeparator({
   className,
   ...props
@@ -9974,6 +10006,45 @@ function SelectScrollDownButton({
     }
   );
 }
+const SelectTrigger = React.forwardRef(({ className, size: size2 = "default", children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Trigger$6,
+    {
+      ref,
+      "data-slot": "select-trigger",
+      "data-size": size2,
+      className: cn$1(
+        "flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-colors outline-none disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+});
+SelectTrigger.displayName = "SelectTrigger";
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Item$1,
+    {
+      ref,
+      "data-slot": "select-item",
+      className: cn$1(
+        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ItemIndicator$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ItemText, { children })
+      ]
+    }
+  );
+});
+SelectItem.displayName = "SelectItem";
 var DIALOG_NAME = "Dialog";
 var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
 var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
@@ -10045,7 +10116,7 @@ var DialogPortal$1 = (props) => {
 };
 DialogPortal$1.displayName = PORTAL_NAME$5;
 var OVERLAY_NAME$1 = "DialogOverlay";
-var DialogOverlay$1 = React.forwardRef(
+var DialogOverlay$2 = React.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext$3(OVERLAY_NAME$1, props.__scopeDialog);
     const { forceMount = portalContext.forceMount, ...overlayProps } = props;
@@ -10053,7 +10124,7 @@ var DialogOverlay$1 = React.forwardRef(
     return context.modal ? /* @__PURE__ */ jsxRuntimeExports.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
   }
 );
-DialogOverlay$1.displayName = OVERLAY_NAME$1;
+DialogOverlay$2.displayName = OVERLAY_NAME$1;
 var Slot$2 = /* @__PURE__ */ createSlot("DialogOverlay.RemoveScroll");
 var DialogOverlayImpl = React.forwardRef(
   (props, forwardedRef) => {
@@ -10271,7 +10342,7 @@ var DescriptionWarning$1 = ({ contentRef, descriptionId }) => {
 var Root$9 = Dialog$1;
 var Trigger$5 = DialogTrigger$1;
 var Portal$4 = DialogPortal$1;
-var Overlay$1 = DialogOverlay$1;
+var Overlay$1 = DialogOverlay$2;
 var Content$3 = DialogContent$1;
 var Title = DialogTitle$1;
 var Description = DialogDescription$1;
@@ -10289,18 +10360,62 @@ function SheetClose({
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Close, { "data-slot": "sheet-close", ...props });
 }
-function SheetPortal({
+function SheetHeader$1({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn$1("flex flex-col gap-1.5 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetFooter$1({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn$1("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetTitle$1({
+  className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$4, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn$1("text-foreground font-semibold", className),
+      ...props
+    }
+  );
 }
-function SheetOverlay({
+function SheetDescription$1({
   className,
   ...props
 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn$1("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$4, { "data-slot": "sheet-portal", ...props });
+}
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Overlay$1,
     {
+      ref,
       "data-slot": "sheet-overlay",
       className: cn$1(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",
@@ -10309,11 +10424,14 @@ function SheetOverlay({
       ...props
     }
   );
-}
+});
+SheetOverlay.displayName = "SheetOverlay";
 function SheetContent({
   className,
   children,
   side = "right",
+  showCloseButton = true,
+  closeButtonPosition = "corner",
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(SheetPortal, { children: [
@@ -10333,7 +10451,7 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          showCloseButton && closeButtonPosition === "corner" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
             Close,
             {
               "data-slot": "sheet-close",
@@ -10349,49 +10467,79 @@ function SheetContent({
     )
   ] });
 }
-function SheetHeader({ className, ...props }) {
+const SheetHeader = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SheetHeader$1, { ref, ...props });
+});
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SheetFooter$1, { ref, ...props });
+});
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
+    SheetTitle$1,
     {
-      "data-slot": "sheet-header",
-      className: cn$1("flex flex-col gap-1.5 p-4", className),
+      ref,
+      className: cn$1("text-base font-semibold", className),
       ...props
     }
   );
-}
-function SheetFooter({ className, ...props }) {
+});
+SheetTitle.displayName = "SheetTitle";
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SheetDescription$1,
+    {
+      ref,
+      className: cn$1("text-sm", className),
+      ...props
+    }
+  );
+});
+SheetDescription.displayName = "SheetDescription";
+function SheetHeaderRow({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      "data-slot": "sheet-footer",
-      className: cn$1("mt-auto flex flex-col gap-2 p-4", className),
+      "data-slot": "sheet-header-row",
+      className: cn$1(
+        "flex items-center justify-between gap-4 px-4 pt-4",
+        className
+      ),
       ...props
     }
   );
 }
-function SheetTitle({
+function SheetHeaderActions({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Title,
+    "div",
     {
-      "data-slot": "sheet-title",
-      className: cn$1("text-base font-semibold", className),
+      "data-slot": "sheet-header-actions",
+      className: cn$1("flex items-center gap-2", className),
       ...props
     }
   );
 }
-function SheetDescription({
+function SheetCloseButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Description,
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Close,
     {
-      "data-slot": "sheet-description",
-      className: cn$1("text-sm", className),
-      ...props
+      "data-slot": "sheet-close-button",
+      className: cn$1(
+        "rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { className: "size-4" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Close" })
+      ]
     }
   );
 }
@@ -11418,13 +11566,11 @@ function getState$3(checked) {
 }
 var Root$8 = Switch$1;
 var Thumb$1 = SwitchThumb;
-function Switch({
-  className,
-  ...props
-}) {
+const Switch = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Root$8,
     {
+      ref,
       "data-slot": "switch",
       className: cn$1(
         "peer inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50",
@@ -11442,7 +11588,8 @@ function Switch({
       )
     }
   );
-}
+});
+Switch.displayName = "Switch";
 var SELECTION_KEYS = ["Enter", " "];
 var FIRST_KEYS = ["ArrowDown", "PageUp", "Home"];
 var LAST_KEYS = ["ArrowUp", "PageDown", "End"];
@@ -12509,93 +12656,20 @@ var Separator2 = DropdownMenuSeparator$1;
 var Sub2 = DropdownMenuSub$1;
 var SubTrigger2 = DropdownMenuSubTrigger$1;
 var SubContent2 = DropdownMenuSubContent$1;
-function DropdownMenu({
-  onOpenChange,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Root2$3,
-    {
-      "data-slot": "dropdown-menu",
-      onOpenChange,
-      ...props
-    }
-  );
-}
 function DropdownMenuPortal({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal2$1, { "data-slot": "dropdown-menu-portal", ...props });
 }
-function DropdownMenuTrigger({ ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Trigger$2,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ref,
-      ...props
-    }
-  );
-}
-const DropdownMenuTriggerWithRef = React.forwardRef(DropdownMenuTrigger);
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  triggerRef,
-  ...props
-}) {
-  const [triggerWidth, setTriggerWidth] = React.useState(
-    void 0
-  );
-  React.useEffect(() => {
-    if (triggerRef?.current) {
-      setTriggerWidth(triggerRef.current.offsetWidth);
-    }
-  }, [triggerRef]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal2$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Content2$3,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      style: { minWidth: triggerWidth ? Math.max(triggerWidth, 128) : 128 },
-      className: cn$1(
-        "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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
 function DropdownMenuGroup({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Group2, { "data-slot": "dropdown-menu-group", ...props });
 }
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Item2,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn$1(
-        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
 function DropdownMenuCheckboxItem({
   className,
   children,
   checked,
-  onSelect,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -12603,17 +12677,13 @@ function DropdownMenuCheckboxItem({
     {
       "data-slot": "dropdown-menu-checkbox-item",
       className: cn$1(
-        "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       checked,
-      onSelect: (event) => {
-        event.preventDefault();
-        if (onSelect) onSelect(event);
-      },
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "pointer-events-none absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ItemIndicator2, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ItemIndicator2, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -12640,7 +12710,7 @@ function DropdownMenuRadioItem({
     {
       "data-slot": "dropdown-menu-radio-item",
       className: cn$1(
-        "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
@@ -12715,7 +12785,7 @@ function DropdownMenuSubTrigger({
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
       className: cn$1(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
@@ -12726,13 +12796,77 @@ function DropdownMenuSubTrigger({
     }
   );
 }
-function DropdownMenuSubContent({
-  className,
+function DropdownMenu({
+  onOpenChange,
   ...props
 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Root2$3,
+    {
+      "data-slot": "dropdown-menu",
+      onOpenChange,
+      ...props
+    }
+  );
+}
+const DropdownMenuTrigger = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Trigger$2,
+    {
+      ref,
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+});
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, triggerRef, ...props }, ref) => {
+  const [triggerWidth, setTriggerWidth] = React.useState(
+    void 0
+  );
+  React.useEffect(() => {
+    if (triggerRef?.current) {
+      setTriggerWidth(triggerRef.current.offsetWidth);
+    }
+  }, [triggerRef]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal2$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Content2$3,
+    {
+      ref,
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      style: { minWidth: triggerWidth ? Math.max(triggerWidth, 128) : 128 },
+      className: cn$1(
+        "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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+DropdownMenuContent.displayName = "DropdownMenuContent";
+const DropdownMenuItem = React.forwardRef(({ className, inset, variant = "default", ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Item2,
+    {
+      ref,
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn$1(
+        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8",
+        className
+      ),
+      ...props
+    }
+  );
+});
+DropdownMenuItem.displayName = "DropdownMenuItem";
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     SubContent2,
     {
+      ref,
       "data-slot": "dropdown-menu-sub-content",
       className: cn$1(
         "bg-popover border dark:bg-[var(--overlay-bg)] dark:border-[var(--overlay-border)] text-popover-foreground 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md p-1 shadow-lg",
@@ -12741,7 +12875,8 @@ function DropdownMenuSubContent({
       ...props
     }
   );
-}
+});
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
 const millisecondsInWeek = 6048e5;
 const millisecondsInDay = 864e5;
 const millisecondsInMinute = 6e4;
@@ -12982,6 +13117,21 @@ function startOfYear(date, options) {
   date_.setHours(0, 0, 0, 0);
   return date_;
 }
+function eachYearOfInterval(interval, options) {
+  const { start, end } = normalizeInterval(options?.in, interval);
+  let reversed = +start > +end;
+  const endTime = reversed ? +start : +end;
+  const date = reversed ? end : start;
+  date.setHours(0, 0, 0, 0);
+  date.setMonth(0, 1);
+  let step = 1;
+  const dates = [];
+  while (+date <= endTime) {
+    dates.push(constructFrom(start, date));
+    date.setFullYear(date.getFullYear() + step);
+  }
+  return reversed ? dates.reverse() : dates;
+}
 function endOfWeek(date, options) {
   const defaultOptions2 = getDefaultOptions();
   const weekStartsOn = options?.weekStartsOn ?? options?.locale?.options?.weekStartsOn ?? defaultOptions2.weekStartsOn ?? defaultOptions2.locale?.options?.weekStartsOn ?? 0;
@@ -14808,7 +14958,7 @@ const PageHeader = React__default.memo(
     if (hasOverflowActions) {
       inlineActions.push(
         /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTriggerWithRef, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Button$1, { variant: "outline", size: "default", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Button$1, { variant: "outline", size: "default", children: [
             "Actions",
             /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "ml-2 h-4 w-4" })
           ] }) }),
@@ -14991,7 +15141,7 @@ const PageHeader = React__default.memo(
     const renderMenu = (items, dataAttr, className) => {
       if (items.length === 0) return null;
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-page-header": dataAttr, className, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTriggerWithRef, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { variant: "outline", size: "icon", className: "shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Ellipsis, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { variant: "outline", size: "icon", className: "shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Ellipsis, { className: "h-4 w-4" }) }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { align: "end", className: "w-56 space-y-1", children: items })
       ] }) });
     };
@@ -15131,7 +15281,7 @@ function DialogClose({
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Close, { "data-slot": "dialog-close", ...props });
 }
-function DialogOverlay({
+function DialogOverlay$1({
   className,
   ...props
 }) {
@@ -15140,48 +15290,13 @@ function DialogOverlay({
     {
       "data-slot": "dialog-overlay",
       className: cn$1(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
         className
       ),
       ...props
     }
   );
 }
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Content$3,
-      {
-        "data-slot": "dialog-content",
-        className: cn$1(
-          "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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg outline-none",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Close,
-            {
-              "data-slot": "dialog-close",
-              className: "absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, {}),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
 function DialogHeader({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
@@ -15218,19 +15333,68 @@ function DialogTitle({
     }
   );
 }
-function DialogDescription({
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Overlay$1,
+    {
+      ref,
+      "data-slot": "dialog-overlay",
+      className: cn$1(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",
+        className
+      ),
+      ...props
+    }
+  );
+});
+DialogOverlay.displayName = DialogOverlay$1.name || "DialogOverlay";
+function DialogContent({
   className,
+  children,
+  showCloseButton = true,
   ...props
 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Content$3,
+      {
+        "data-slot": "dialog-content",
+        className: cn$1(
+          "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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg outline-none",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Close,
+            {
+              "data-slot": "dialog-close",
+              className: "absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, {}),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Description,
     {
+      ref,
       "data-slot": "dialog-description",
       className: cn$1("text-sm", className),
       ...props
     }
   );
-}
+});
+DialogDescription.displayName = Description.displayName;
 function __insertCSS$1(code) {
   if (typeof document == "undefined") return;
   let head = document.head || document.getElementsByTagName("head")[0];
@@ -16699,7 +16863,9 @@ const Drawer$1 = {
   Title,
   Description
 };
-function Drawer({ ...props }) {
+function Drawer({
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer$1.Root, { "data-slot": "drawer", ...props });
 }
 function DrawerTrigger({
@@ -16707,59 +16873,25 @@ function DrawerTrigger({
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer$1.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
-function DrawerClose({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer$1.Close, { "data-slot": "drawer-close", ...props });
-}
 function DrawerPortal({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer$1.Portal, { "data-slot": "drawer-portal", ...props });
 }
-function DrawerOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Drawer$1.Overlay,
-    {
-      "data-slot": "drawer-overlay",
-      className: cn$1(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DrawerContent({
-  className,
-  children,
+function DrawerClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(DrawerPortal, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Drawer$1.Content,
-      {
-        "data-slot": "drawer-content",
-        className: cn$1(
-          "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85vh] w-full flex-col gap-4 rounded-t-lg border p-6 shadow-lg outline-none duration-200",
-          className
-        ),
-        ...props,
-        children
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer$1.Close, { "data-slot": "drawer-close", ...props });
 }
 function DrawerHeader({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
       "data-slot": "drawer-header",
-      className: cn$1("flex flex-col gap-2 text-left", className),
+      className: cn$1(
+        "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",
+        className
+      ),
       ...props
     }
   );
@@ -16769,7 +16901,7 @@ function DrawerFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "drawer-footer",
-      className: cn$1("mt-auto flex flex-col gap-2", className),
+      className: cn$1("mt-auto flex flex-col gap-2 p-4", className),
       ...props
     }
   );
@@ -16782,7 +16914,7 @@ function DrawerTitle({
     Drawer$1.Title,
     {
       "data-slot": "drawer-title",
-      className: cn$1("text-lg leading-none font-semibold", className),
+      className: cn$1("text-foreground font-semibold", className),
       ...props
     }
   );
@@ -16795,11 +16927,47 @@ function DrawerDescription({
     Drawer$1.Description,
     {
       "data-slot": "drawer-description",
-      className: cn$1("text-sm", className),
+      className: cn$1("text-muted-foreground text-sm", className),
       ...props
     }
   );
 }
+const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Drawer$1.Overlay,
+    {
+      ref,
+      "data-slot": "drawer-overlay",
+      className: cn$1(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",
+        className
+      ),
+      ...props
+    }
+  );
+});
+DrawerOverlay.displayName = "DrawerOverlay";
+function DrawerContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Drawer$1.Portal, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Drawer$1.Content,
+      {
+        "data-slot": "drawer-content",
+        className: cn$1(
+          "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85vh] w-full flex-col gap-4 rounded-t-lg border p-6 shadow-lg outline-none duration-200",
+          className
+        ),
+        ...props,
+        children
+      }
+    )
+  ] });
+}
 function DrawerHandle({
   className,
   ...props
@@ -16830,16 +16998,6 @@ function Table({ className, ...props }) {
     }
   );
 }
-function TableHeader$1({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "thead",
-    {
-      "data-slot": "table-header",
-      className: cn$1("[&_tr]:border-b", className),
-      ...props
-    }
-  );
-}
 function TableBody$1({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "tbody",
@@ -16863,26 +17021,13 @@ function TableFooter({ className, ...props }) {
     }
   );
 }
-function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "tr",
-    {
-      "data-slot": "table-row",
-      className: cn$1(
-        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
-        className
-      ),
-      ...props
-    }
-  );
-}
 function TableHead$1({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "th",
     {
       "data-slot": "table-head",
       className: cn$1(
-        "text-foreground h-10 px-2 text-left align-middle text-xs font-semibold whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] [&_button]:text-xs [&_button]:font-semibold [&_[data-slot='button']]:text-xs [&_[data-slot='button']]:font-semibold",
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
       ...props
@@ -16895,7 +17040,7 @@ function TableCell({ className, ...props }) {
     {
       "data-slot": "table-cell",
       className: cn$1(
-        "p-2 align-middle whitespace-nowrap text-xs font-normal [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
       ...props
@@ -16915,6 +17060,33 @@ function TableCaption({
     }
   );
 }
+const TableHeader$1 = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "thead",
+    {
+      ref,
+      "data-slot": "table-header",
+      className: cn$1("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+});
+TableHeader$1.displayName = "TableHeader";
+const TableRow = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "tr",
+    {
+      ref,
+      "data-slot": "table-row",
+      className: cn$1(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+});
+TableRow.displayName = "TableRow";
 function Skeleton({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
@@ -17953,6 +18125,18 @@ class DateLib {
     this.eachMonthOfInterval = (interval) => {
       return this.overrides?.eachMonthOfInterval ? this.overrides.eachMonthOfInterval(interval) : eachMonthOfInterval(interval);
     };
+    this.eachYearOfInterval = (interval) => {
+      const years = this.overrides?.eachYearOfInterval ? this.overrides.eachYearOfInterval(interval) : eachYearOfInterval(interval);
+      const uniqueYears = new Set(years.map((d) => this.getYear(d)));
+      if (uniqueYears.size === years.length) {
+        return years;
+      }
+      const yearsArray = [];
+      uniqueYears.forEach((y) => {
+        yearsArray.push(new Date(y, 0, 1));
+      });
+      return yearsArray;
+    };
     this.endOfBroadcastWeek = (date) => {
       return this.overrides?.endOfBroadcastWeek ? this.overrides.endOfBroadcastWeek(date) : endOfBroadcastWeek(date, this);
     };
@@ -18691,21 +18875,16 @@ function getYearOptions(navStart, navEnd, formatters2, dateLib, reverse = false)
     return void 0;
   if (!navEnd)
     return void 0;
-  const { startOfYear: startOfYear2, endOfYear: endOfYear2, addYears: addYears2, getYear: getYear2, isBefore: isBefore2, isSameYear: isSameYear2 } = dateLib;
+  const { startOfYear: startOfYear2, endOfYear: endOfYear2, eachYearOfInterval: eachYearOfInterval2, getYear: getYear2 } = dateLib;
   const firstNavYear = startOfYear2(navStart);
   const lastNavYear = endOfYear2(navEnd);
-  const years = [];
-  let year = firstNavYear;
-  while (isBefore2(year, lastNavYear) || isSameYear2(year, lastNavYear)) {
-    years.push(year);
-    year = addYears2(year, 1);
-  }
+  const years = eachYearOfInterval2({ start: firstNavYear, end: lastNavYear });
   if (reverse)
     years.reverse();
-  return years.map((year2) => {
-    const label = formatters2.formatYearDropdown(year2, dateLib);
+  return years.map((year) => {
+    const label = formatters2.formatYearDropdown(year, dateLib);
     return {
-      value: getYear2(year2),
+      value: getYear2(year),
       label,
       disabled: false
     };
@@ -19214,6 +19393,12 @@ function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
     const nextFocus = getNextFocus(moveBy, moveDir, focusedDay, calendar.navStart, calendar.navEnd, props, dateLib);
     if (!nextFocus)
       return;
+    if (props.disableNavigation) {
+      const isNextInCalendar = calendar.days.some((day) => day.isEqualTo(nextFocus));
+      if (!isNextInCalendar) {
+        return;
+      }
+    }
     calendar.goToDay(nextFocus);
     setFocused(nextFocus);
   };
@@ -19749,7 +19934,7 @@ function Calendar({
     {
       showOutsideDays,
       className: cn$1(
-        "group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
         String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
         String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
         className
@@ -19880,7 +20065,7 @@ function CalendarDayButton({
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Button$1,
+    Button$2,
     {
       ref,
       variant: "ghost",
@@ -20186,15 +20371,11 @@ function PopoverTrigger({
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Trigger$1, { "data-slot": "popover-trigger", ...props });
 }
-function PopoverContent({
-  className,
-  align = "center",
-  sideOffset = 4,
-  ...props
-}) {
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Content2$2,
     {
+      ref,
       "data-slot": "popover-content",
       align,
       sideOffset,
@@ -20205,7 +20386,8 @@ function PopoverContent({
       ...props
     }
   ) });
-}
+});
+PopoverContent.displayName = "PopoverContent";
 function DatePicker({
   label,
   placeholder = "Select date",
@@ -24726,7 +24908,7 @@ function ColumnVisibilityMenu({
     [order, table]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTriggerWithRef, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button$1,
       {
         variant: "outline",
@@ -25535,40 +25717,42 @@ var Header = AccordionHeader;
 var Trigger2$1 = AccordionTrigger$1;
 var Content2$1 = AccordionContent$1;
 function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Root2$1, { "data-slot": "accordion", ...props });
+}
+function AccordionContent({
   className,
+  children,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Root2$1,
+    Content2$1,
     {
-      "data-slot": "accordion",
-      className: cn$1(className),
-      ...props
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn$1("pt-0 pb-4", className), children })
     }
   );
 }
-function AccordionItem({
-  className,
-  ...props
-}) {
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Item,
     {
+      ref,
       "data-slot": "accordion-item",
       className: cn$1("last:border-b-0", className),
       ...props
     }
   );
-}
-function AccordionTrigger({
-  className,
-  children,
-  indicatorClassName,
-  ...props
-}) {
+});
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React.forwardRef(({ className, children, indicatorClassName, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Header, { className: "flex", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Trigger2$1,
     {
+      ref,
       "data-slot": "accordion-trigger",
       className: cn$1(
         "flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
@@ -25589,22 +25773,8 @@ function AccordionTrigger({
       ]
     }
   ) });
-}
-function AccordionContent({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Content2$1,
-    {
-      "data-slot": "accordion-content",
-      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn$1("pt-0 pb-4", className), children })
-    }
-  );
-}
+});
+AccordionTrigger.displayName = "AccordionTrigger";
 function FilterMenu({
   filters,
   onClearAll,
@@ -25651,7 +25821,7 @@ function FilterMenu({
   );
   if (!filters.length) return null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTriggerWithRef, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Button$1,
       {
         variant: "outline",
@@ -25935,7 +26105,7 @@ function SortMenu({ table }) {
   const buttonLabel = currentSort ? `Sort by ${activeLabel}` : "Sort";
   const SortIcon = currentDirection === "asc" ? ArrowUp : ArrowDown;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTriggerWithRef, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button$1,
       {
         variant: "outline",
@@ -26079,7 +26249,7 @@ function DataTableToolbar({
           {
             "aria-label": "Search",
             placeholder: "Search",
-            value: globalFilter,
+            value: globalFilter ?? "",
             onChange: (event) => {
               const value = event.target.value;
               onGlobalFilterChange(value);
@@ -29294,6 +29464,8 @@ function useTableController(options) {
     columnRegistry,
     initialState: initialState2,
     tableId,
+    disableGlobalFilter,
+    customGlobalFilterFn,
     onRowSelectionChange,
     onSortingChange,
     onPaginationChange,
@@ -29419,6 +29591,15 @@ function useTableController(options) {
     } catch {
     }
   }, [columnOrder, columnVisibility, sorting, storageKey]);
+  const globalFilterFn = React.useMemo(() => {
+    if (disableGlobalFilter) {
+      return (_row, _columnId, _filterValue) => true;
+    }
+    if (customGlobalFilterFn) {
+      return customGlobalFilterFn;
+    }
+    return void 0;
+  }, [disableGlobalFilter, customGlobalFilterFn]);
   const table = useReactTable({
     data,
     columns: resolvedColumns,
@@ -29434,6 +29615,8 @@ function useTableController(options) {
     enableRowSelection: true,
     enableColumnResizing: true,
     enableColumnPinning: true,
+    enableGlobalFilter: true,
+    globalFilterFn,
     onRowSelectionChange: wrappedSetRowSelection,
     onSortingChange: wrappedSetSorting,
     onColumnVisibilityChange: wrappedSetColumnVisibility,
@@ -29972,7 +30155,8 @@ function DataTable({
   onColumnOrderChange,
   onBatchAction,
   onRowClick,
-  onExportComplete
+  onExportComplete,
+  customGlobalFilterFn
 }) {
   const debug2 = (..._args) => {
     return;
@@ -29991,6 +30175,8 @@ function DataTable({
     columnRegistry,
     initialState: initialState2,
     tableId,
+    disableGlobalFilter: toolbar?.disableGlobalFilter,
+    customGlobalFilterFn,
     onRowSelectionChange,
     onSortingChange,
     onPaginationChange,
@@ -31866,7 +32052,8 @@ function ResponsiveTable({
   onColumnOrderChange,
   onBatchAction,
   onRowClick,
-  onExportComplete
+  onExportComplete,
+  customGlobalFilterFn
 }) {
   const isMobile = useBreakpoint(breakpoint);
   if (!isMobile) {
@@ -31889,7 +32076,8 @@ function ResponsiveTable({
         onColumnOrderChange,
         onBatchAction,
         onRowClick,
-        onExportComplete
+        onExportComplete,
+        customGlobalFilterFn
       }
     ) });
   }
@@ -31915,7 +32103,8 @@ function ResponsiveTable({
       onColumnOrderChange,
       onBatchAction,
       onRowClick,
-      onExportComplete
+      onExportComplete,
+      customGlobalFilterFn
     }
   ) });
 }
@@ -31939,7 +32128,8 @@ function MobileTableInternal({
   onColumnOrderChange,
   onBatchAction,
   onRowClick,
-  onExportComplete
+  onExportComplete,
+  customGlobalFilterFn
 }) {
   const { table, globalFilter, setGlobalFilter, handleResetColumns } = useTableController({
     columns,
@@ -31947,6 +32137,7 @@ function MobileTableInternal({
     columnRegistry,
     initialState: initialState2,
     tableId,
+    customGlobalFilterFn,
     onRowSelectionChange,
     onSortingChange,
     onPaginationChange,
@@ -32191,15 +32382,12 @@ Defaulting to \`null\`.`;
 }
 var Root$2 = Progress$1;
 var Indicator = ProgressIndicator;
-function Progress({
-  className,
-  value,
-  ...props
-}) {
+const Progress = React.forwardRef(({ className, value, ...props }, ref) => {
   const clamped = typeof value === "number" ? Math.max(0, Math.min(100, value)) : void 0;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Root$2,
     {
+      ref,
       "data-slot": "progress",
       role: "progressbar",
       "aria-valuemin": 0,
@@ -32221,7 +32409,8 @@ function Progress({
       )
     }
   );
-}
+});
+Progress.displayName = "Progress";
 var propTypes = { exports: {} };
 var reactIs$1 = { exports: {} };
 var reactIs_production_min$1 = {};
@@ -41678,35 +41867,6 @@ function getPayloadConfigFromPayload(config, payload, key) {
   }
   return configLabelKey in config ? config[configLabelKey] : config[key];
 }
-const alertVariants = cva(
-  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-  {
-    variants: {
-      variant: {
-        default: "bg-card text-card-foreground",
-        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Alert({
-  className,
-  variant,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      "data-slot": "alert",
-      role: "alert",
-      className: cn$1(alertVariants({ variant }), className),
-      ...props
-    }
-  );
-}
 function AlertTitle({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
@@ -41736,6 +41896,35 @@ function AlertDescription({
     }
   );
 }
+const alertVariants = cva(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
+        success: "text-green-600 bg-card border-green-200 [&>svg]:text-current *:data-[slot=alert-description]:text-green-600/90",
+        warning: "text-yellow-600 bg-card border-yellow-200 [&>svg]:text-current *:data-[slot=alert-description]:text-yellow-600/90"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+const Alert = React.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "alert",
+      role: "alert",
+      className: cn$1(alertVariants({ variant }), className),
+      ...props
+    }
+  );
+});
+Alert.displayName = "Alert";
 var ROOT_NAME = "AlertDialog";
 var [createAlertDialogContext] = createContextScope(ROOT_NAME, [
   createDialogScope
@@ -41764,14 +41953,14 @@ var AlertDialogPortal$1 = (props) => {
 };
 AlertDialogPortal$1.displayName = PORTAL_NAME;
 var OVERLAY_NAME = "AlertDialogOverlay";
-var AlertDialogOverlay$1 = React.forwardRef(
+var AlertDialogOverlay$2 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeAlertDialog, ...overlayProps } = props;
     const dialogScope = useDialogScope(__scopeAlertDialog);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Overlay$1, { ...dialogScope, ...overlayProps, ref: forwardedRef });
   }
 );
-AlertDialogOverlay$1.displayName = OVERLAY_NAME;
+AlertDialogOverlay$2.displayName = OVERLAY_NAME;
 var CONTENT_NAME = "AlertDialogContent";
 var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);
 var Slottable = /* @__PURE__ */ createSlottable("AlertDialogContent");
@@ -41829,16 +42018,16 @@ var AlertDialogDescription$1 = React.forwardRef((props, forwardedRef) => {
 });
 AlertDialogDescription$1.displayName = DESCRIPTION_NAME;
 var ACTION_NAME = "AlertDialogAction";
-var AlertDialogAction$1 = React.forwardRef(
+var AlertDialogAction$2 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeAlertDialog, ...actionProps } = props;
     const dialogScope = useDialogScope(__scopeAlertDialog);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Close, { ...dialogScope, ...actionProps, ref: forwardedRef });
   }
 );
-AlertDialogAction$1.displayName = ACTION_NAME;
+AlertDialogAction$2.displayName = ACTION_NAME;
 var CANCEL_NAME = "AlertDialogCancel";
-var AlertDialogCancel$1 = React.forwardRef(
+var AlertDialogCancel$2 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeAlertDialog, ...cancelProps } = props;
     const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
@@ -41847,7 +42036,7 @@ var AlertDialogCancel$1 = React.forwardRef(
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Close, { ...dialogScope, ...cancelProps, ref });
   }
 );
-AlertDialogCancel$1.displayName = CANCEL_NAME;
+AlertDialogCancel$2.displayName = CANCEL_NAME;
 var DescriptionWarning = ({ contentRef }) => {
   const MESSAGE = `\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
 
@@ -41867,10 +42056,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/alert-
 var Root2 = AlertDialog$1;
 var Trigger2 = AlertDialogTrigger$1;
 var Portal2 = AlertDialogPortal$1;
-var Overlay2 = AlertDialogOverlay$1;
+var Overlay2 = AlertDialogOverlay$2;
 var Content2 = AlertDialogContent$1;
-var Action = AlertDialogAction$1;
-var Cancel = AlertDialogCancel$1;
+var Action = AlertDialogAction$2;
+var Cancel = AlertDialogCancel$2;
 var Title2 = AlertDialogTitle$1;
 var Description2 = AlertDialogDescription$1;
 function AlertDialog({
@@ -41888,7 +42077,7 @@ function AlertDialogPortal({
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal2, { "data-slot": "alert-dialog-portal", ...props });
 }
-function AlertDialogOverlay({
+function AlertDialogOverlay$1({
   className,
   ...props
 }) {
@@ -41904,25 +42093,6 @@ function AlertDialogOverlay({
     }
   );
 }
-function AlertDialogContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Content2,
-      {
-        "data-slot": "alert-dialog-content",
-        className: cn$1(
-          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-          className
-        ),
-        ...props
-      }
-    )
-  ] });
-}
 function AlertDialogHeader({
   className,
   ...props
@@ -41965,43 +42135,98 @@ function AlertDialogTitle({
     }
   );
 }
-function AlertDialogDescription({
+function AlertDialogAction$1({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Description2,
+    Action,
     {
-      "data-slot": "alert-dialog-description",
-      className: cn$1("text-muted-foreground text-sm", className),
+      className: cn$1(buttonVariants(), className),
       ...props
     }
   );
 }
-function AlertDialogAction({
+function AlertDialogCancel$1({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Action,
+    Cancel,
     {
-      className: cn$1(buttonVariants(), className),
+      className: cn$1(buttonVariants({ variant: "outline" }), className),
       ...props
     }
   );
 }
-function AlertDialogCancel({
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Overlay2,
+    {
+      ref,
+      "data-slot": "alert-dialog-overlay",
+      className: cn$1(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",
+        className
+      ),
+      ...props
+    }
+  );
+});
+AlertDialogOverlay.displayName = AlertDialogOverlay$1.name || "AlertDialogOverlay";
+function AlertDialogContent({
   className,
   ...props
 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Content2,
+      {
+        "data-slot": "alert-dialog-content",
+        className: cn$1(
+          "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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Action,
+    {
+      ref,
+      className: cn$1(buttonVariants(), className),
+      ...props
+    }
+  );
+});
+AlertDialogAction.displayName = AlertDialogAction$1.name || "AlertDialogAction";
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Cancel,
     {
+      ref,
       className: cn$1(buttonVariants({ variant: "outline" }), className),
       ...props
     }
   );
-}
+});
+AlertDialogCancel.displayName = AlertDialogCancel$1.name || "AlertDialogCancel";
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Description2,
+    {
+      ref,
+      "data-slot": "alert-dialog-description",
+      className: cn$1("text-sm", className),
+      ...props
+    }
+  );
+});
+AlertDialogDescription.displayName = Description2.displayName;
 function Textarea({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "textarea",
@@ -43298,7 +43523,7 @@ function assignOffset(defaultOffset, mobileOffset) {
   });
   return styles;
 }
-const Toaster$1 = /* @__PURE__ */ React__default.forwardRef(function Toaster(props, ref) {
+const Toaster$2 = /* @__PURE__ */ React__default.forwardRef(function Toaster(props, ref) {
   const { id, invert, position = "bottom-right", hotkey = [
     "altKey",
     "KeyT"
@@ -43551,6 +43776,30 @@ const Toaster$1 = /* @__PURE__ */ React__default.forwardRef(function Toaster(pro
     }))
   );
 });
+const Toaster$1 = ({ ...props }) => {
+  const { theme = "system" } = z();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Toaster$2,
+    {
+      theme,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheck, { className: "size-4" }),
+        info: /* @__PURE__ */ jsxRuntimeExports.jsx(Info, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-4" }),
+        error: /* @__PURE__ */ jsxRuntimeExports.jsx(OctagonX, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      ...props
+    }
+  );
+};
 const Toaster2 = ({ ...props }) => {
   const { theme = "system" } = z();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -43558,10 +43807,12 @@ const Toaster2 = ({ ...props }) => {
     {
       theme,
       className: "toaster group",
+      icons: void 0,
       style: {
         "--normal-bg": "var(--popover)",
         "--normal-text": "var(--popover-foreground)",
         "--normal-border": "var(--border)"
+        // Note: --border-radius removed compared to base
       },
       ...props
     }
@@ -45094,7 +45345,7 @@ export {
   DropdownMenuSub,
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
-  DropdownMenuTriggerWithRef as DropdownMenuTrigger,
+  DropdownMenuTrigger,
   Dropzone,
   DropzoneContent,
   DropzoneEmptyState,
@@ -45139,10 +45390,13 @@ export {
   Separator,
   Sheet,
   SheetClose,
+  SheetCloseButton,
   SheetContent,
   SheetDescription,
   SheetFooter,
   SheetHeader,
+  SheetHeaderActions,
+  SheetHeaderRow,
   SheetTitle,
   SheetTrigger,
   SimplePagination,