shadcn-ui-react 0.2.7 → 0.3.0

package/dist/index.js

@@ -34,11 +34,6 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
-// src/components/accordion.tsx
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ChevronDownIcon } from "@radix-ui/react-icons";
-import * as React from "react";
-
 // src/utils/utils.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
@@ -46,7 +41,10 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-// src/components/accordion.tsx
+// src/components/Accordion/accordion.tsx
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDownIcon } from "@radix-ui/react-icons";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive.Root;
 var AccordionItem = React.forwardRef((_a, ref) => {
@@ -321,11 +319,12 @@ var BreadcrumbEllipsis = (_a) => {
 };
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
-// src/components/button.tsx
+// src/components/Button/button.tsx
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { cva as cva3 } from "class-variance-authority";
 import * as React5 from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var buttonVariants = cva3(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
   {
@@ -353,21 +352,47 @@ var buttonVariants = cva3(
 );
 var Button = React5.forwardRef(
   (_a, ref) => {
-    var _b = _a, { className, variant, size, asChild = false } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild"]);
+    var _b = _a, {
+      className,
+      variant,
+      size,
+      asChild = false,
+      loading = false,
+      loaderClassName,
+      children
+    } = _b, props = __objRest(_b, [
+      "className",
+      "variant",
+      "size",
+      "asChild",
+      "loading",
+      "loaderClassName",
+      "children"
+    ]);
     const Comp = asChild ? Slot2 : "button";
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsxs3(
       Comp,
-      __spreadValues({
-        className: cn(buttonVariants({ variant, size, className })),
-        ref
-      }, props)
+      __spreadProps(__spreadValues({
+        className: cn(
+          buttonVariants({ variant, size }),
+          className,
+          loading && "relative"
+        ),
+        ref,
+        disabled: loading || props.disabled
+      }, props), {
+        children: [
+          loading ? /* @__PURE__ */ jsx6(Loader2, { className: cn(loaderClassName, "animate-spin mr-2") }) : null,
+          children
+        ]
+      })
     );
   }
 );
 Button.displayName = "Button";
 
 // node_modules/react-day-picker/dist/esm/DayPicker.js
-import React32, { useCallback, useMemo } from "react";
+import React32, { useCallback as useCallback2, useMemo, useRef as useRef2 } from "react";
 
 // node_modules/react-day-picker/dist/esm/UI.js
 var UI;
@@ -412,6 +437,17 @@ var SelectionState;
   SelectionState2["range_start"] = "range_start";
   SelectionState2["selected"] = "selected";
 })(SelectionState || (SelectionState = {}));
+var Animation;
+(function(Animation2) {
+  Animation2["weeks_before_enter"] = "weeks_before_enter";
+  Animation2["weeks_before_exit"] = "weeks_before_exit";
+  Animation2["weeks_after_enter"] = "weeks_after_enter";
+  Animation2["weeks_after_exit"] = "weeks_after_exit";
+  Animation2["caption_after_enter"] = "caption_after_enter";
+  Animation2["caption_after_exit"] = "caption_after_exit";
+  Animation2["caption_before_enter"] = "caption_before_enter";
+  Animation2["caption_before_exit"] = "caption_before_exit";
+})(Animation || (Animation = {}));
 
 // node_modules/@date-fns/tz/constants/index.js
 var constructFromSymbol = Symbol.for("constructDateFrom");
@@ -688,8 +724,8 @@ function getDefaultOptions() {
 // node_modules/date-fns/startOfWeek.js
 function startOfWeek(date, options) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const defaultOptions3 = getDefaultOptions();
-  const weekStartsOn = (_h = (_g = (_d = (_c = options == null ? void 0 : options.weekStartsOn) != null ? _c : (_b = (_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.options) == null ? void 0 : _b.weekStartsOn) != null ? _d : defaultOptions3.weekStartsOn) != null ? _g : (_f = (_e = defaultOptions3.locale) == null ? void 0 : _e.options) == null ? void 0 : _f.weekStartsOn) != null ? _h : 0;
+  const defaultOptions2 = getDefaultOptions();
+  const weekStartsOn = (_h = (_g = (_d = (_c = options == null ? void 0 : options.weekStartsOn) != null ? _c : (_b = (_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.options) == null ? void 0 : _b.weekStartsOn) != null ? _d : defaultOptions2.weekStartsOn) != null ? _g : (_f = (_e = defaultOptions2.locale) == null ? void 0 : _e.options) == null ? void 0 : _f.weekStartsOn) != null ? _h : 0;
   const _date = toDate(date, options == null ? void 0 : options.in);
   const day = _date.getDay();
   const diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
@@ -915,8 +951,8 @@ function startOfYear(date, options) {
 // node_modules/date-fns/endOfWeek.js
 function endOfWeek(date, options) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const defaultOptions3 = getDefaultOptions();
-  const weekStartsOn = (_h = (_g = (_d = (_c = options == null ? void 0 : options.weekStartsOn) != null ? _c : (_b = (_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.options) == null ? void 0 : _b.weekStartsOn) != null ? _d : defaultOptions3.weekStartsOn) != null ? _g : (_f = (_e = defaultOptions3.locale) == null ? void 0 : _e.options) == null ? void 0 : _f.weekStartsOn) != null ? _h : 0;
+  const defaultOptions2 = getDefaultOptions();
+  const weekStartsOn = (_h = (_g = (_d = (_c = options == null ? void 0 : options.weekStartsOn) != null ? _c : (_b = (_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.options) == null ? void 0 : _b.weekStartsOn) != null ? _d : defaultOptions2.weekStartsOn) != null ? _g : (_f = (_e = defaultOptions2.locale) == null ? void 0 : _e.options) == null ? void 0 : _f.weekStartsOn) != null ? _h : 0;
   const _date = toDate(date, options == null ? void 0 : options.in);
   const day = _date.getDay();
   const diff = (day < weekStartsOn ? -7 : 0) + 6 - (day - weekStartsOn);
@@ -1459,8 +1495,8 @@ function getWeekYear(date, options) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const _date = toDate(date, options == null ? void 0 : options.in);
   const year = _date.getFullYear();
-  const defaultOptions3 = getDefaultOptions();
-  const firstWeekContainsDate = (_h = (_g = (_d = (_c = options == null ? void 0 : options.firstWeekContainsDate) != null ? _c : (_b = (_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.options) == null ? void 0 : _b.firstWeekContainsDate) != null ? _d : defaultOptions3.firstWeekContainsDate) != null ? _g : (_f = (_e = defaultOptions3.locale) == null ? void 0 : _e.options) == null ? void 0 : _f.firstWeekContainsDate) != null ? _h : 1;
+  const defaultOptions2 = getDefaultOptions();
+  const firstWeekContainsDate = (_h = (_g = (_d = (_c = options == null ? void 0 : options.firstWeekContainsDate) != null ? _c : (_b = (_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.options) == null ? void 0 : _b.firstWeekContainsDate) != null ? _d : defaultOptions2.firstWeekContainsDate) != null ? _g : (_f = (_e = defaultOptions2.locale) == null ? void 0 : _e.options) == null ? void 0 : _f.firstWeekContainsDate) != null ? _h : 1;
   const firstWeekOfNextYear = constructFrom((options == null ? void 0 : options.in) || date, 0);
   firstWeekOfNextYear.setFullYear(year + 1, 0, firstWeekContainsDate);
   firstWeekOfNextYear.setHours(0, 0, 0, 0);
@@ -1481,8 +1517,8 @@ function getWeekYear(date, options) {
 // node_modules/date-fns/startOfWeekYear.js
 function startOfWeekYear(date, options) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const defaultOptions3 = getDefaultOptions();
-  const firstWeekContainsDate = (_h = (_g = (_d = (_c = options == null ? void 0 : options.firstWeekContainsDate) != null ? _c : (_b = (_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.options) == null ? void 0 : _b.firstWeekContainsDate) != null ? _d : defaultOptions3.firstWeekContainsDate) != null ? _g : (_f = (_e = defaultOptions3.locale) == null ? void 0 : _e.options) == null ? void 0 : _f.firstWeekContainsDate) != null ? _h : 1;
+  const defaultOptions2 = getDefaultOptions();
+  const firstWeekContainsDate = (_h = (_g = (_d = (_c = options == null ? void 0 : options.firstWeekContainsDate) != null ? _c : (_b = (_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.options) == null ? void 0 : _b.firstWeekContainsDate) != null ? _d : defaultOptions2.firstWeekContainsDate) != null ? _g : (_f = (_e = defaultOptions2.locale) == null ? void 0 : _e.options) == null ? void 0 : _f.firstWeekContainsDate) != null ? _h : 1;
   const year = getWeekYear(date, options);
   const firstWeek = constructFrom((options == null ? void 0 : options.in) || date, 0);
   firstWeek.setFullYear(year, 0, firstWeekContainsDate);
@@ -2296,10 +2332,10 @@ var doubleQuoteRegExp = /''/g;
 var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
 function format(date, formatStr, options) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
-  const defaultOptions3 = getDefaultOptions();
-  const locale = (_b = (_a = options == null ? void 0 : options.locale) != null ? _a : defaultOptions3.locale) != null ? _b : enUS;
-  const firstWeekContainsDate = (_j = (_i = (_f = (_e = options == null ? void 0 : options.firstWeekContainsDate) != null ? _e : (_d = (_c = options == null ? void 0 : options.locale) == null ? void 0 : _c.options) == null ? void 0 : _d.firstWeekContainsDate) != null ? _f : defaultOptions3.firstWeekContainsDate) != null ? _i : (_h = (_g = defaultOptions3.locale) == null ? void 0 : _g.options) == null ? void 0 : _h.firstWeekContainsDate) != null ? _j : 1;
-  const weekStartsOn = (_r = (_q = (_n = (_m = options == null ? void 0 : options.weekStartsOn) != null ? _m : (_l = (_k = options == null ? void 0 : options.locale) == null ? void 0 : _k.options) == null ? void 0 : _l.weekStartsOn) != null ? _n : defaultOptions3.weekStartsOn) != null ? _q : (_p = (_o = defaultOptions3.locale) == null ? void 0 : _o.options) == null ? void 0 : _p.weekStartsOn) != null ? _r : 0;
+  const defaultOptions2 = getDefaultOptions();
+  const locale = (_b = (_a = options == null ? void 0 : options.locale) != null ? _a : defaultOptions2.locale) != null ? _b : enUS;
+  const firstWeekContainsDate = (_j = (_i = (_f = (_e = options == null ? void 0 : options.firstWeekContainsDate) != null ? _e : (_d = (_c = options == null ? void 0 : options.locale) == null ? void 0 : _c.options) == null ? void 0 : _d.firstWeekContainsDate) != null ? _f : defaultOptions2.firstWeekContainsDate) != null ? _i : (_h = (_g = defaultOptions2.locale) == null ? void 0 : _g.options) == null ? void 0 : _h.firstWeekContainsDate) != null ? _j : 1;
+  const weekStartsOn = (_r = (_q = (_n = (_m = options == null ? void 0 : options.weekStartsOn) != null ? _m : (_l = (_k = options == null ? void 0 : options.locale) == null ? void 0 : _k.options) == null ? void 0 : _l.weekStartsOn) != null ? _n : defaultOptions2.weekStartsOn) != null ? _q : (_p = (_o = defaultOptions2.locale) == null ? void 0 : _o.options) == null ? void 0 : _p.weekStartsOn) != null ? _r : 0;
   const originalDate = toDate(date, options == null ? void 0 : options.in);
   if (!isValid(originalDate)) {
     throw new RangeError("Invalid time value");
@@ -2491,140 +2527,140 @@ var DateLib = class {
       return new Date(year, monthIndex, date);
     };
     this.addDays = (date, amount) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.addDays) == null ? void 0 : _b.call(_a, date, amount)) != null ? _c : addDays(date, amount);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.addDays) ? this.overrides.addDays(date, amount) : addDays(date, amount);
     };
     this.addMonths = (date, amount) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.addMonths) == null ? void 0 : _b.call(_a, date, amount)) != null ? _c : addMonths(date, amount);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.addMonths) ? this.overrides.addMonths(date, amount) : addMonths(date, amount);
     };
     this.addWeeks = (date, amount) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.addWeeks) == null ? void 0 : _b.call(_a, date, amount)) != null ? _c : addWeeks(date, amount);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.addWeeks) ? this.overrides.addWeeks(date, amount) : addWeeks(date, amount);
     };
     this.addYears = (date, amount) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.addYears) == null ? void 0 : _b.call(_a, date, amount)) != null ? _c : addYears(date, amount);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.addYears) ? this.overrides.addYears(date, amount) : addYears(date, amount);
     };
     this.differenceInCalendarDays = (dateLeft, dateRight) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.differenceInCalendarDays) == null ? void 0 : _b.call(_a, dateLeft, dateRight)) != null ? _c : differenceInCalendarDays(dateLeft, dateRight);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.differenceInCalendarDays) ? this.overrides.differenceInCalendarDays(dateLeft, dateRight) : differenceInCalendarDays(dateLeft, dateRight);
     };
     this.differenceInCalendarMonths = (dateLeft, dateRight) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.differenceInCalendarMonths) == null ? void 0 : _b.call(_a, dateLeft, dateRight)) != null ? _c : differenceInCalendarMonths(dateLeft, dateRight);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.differenceInCalendarMonths) ? this.overrides.differenceInCalendarMonths(dateLeft, dateRight) : differenceInCalendarMonths(dateLeft, dateRight);
     };
     this.eachMonthOfInterval = (interval) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.eachMonthOfInterval) == null ? void 0 : _b.call(_a, interval)) != null ? _c : eachMonthOfInterval(interval);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.eachMonthOfInterval) ? this.overrides.eachMonthOfInterval(interval) : eachMonthOfInterval(interval);
     };
-    this.endOfBroadcastWeek = (date, dateLib) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.endOfBroadcastWeek) == null ? void 0 : _b.call(_a, date, dateLib)) != null ? _c : endOfBroadcastWeek(date, this);
+    this.endOfBroadcastWeek = (date) => {
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.endOfBroadcastWeek) ? this.overrides.endOfBroadcastWeek(date, this) : endOfBroadcastWeek(date, this);
     };
     this.endOfISOWeek = (date) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.endOfISOWeek) == null ? void 0 : _b.call(_a, date)) != null ? _c : endOfISOWeek(date);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.endOfISOWeek) ? this.overrides.endOfISOWeek(date) : endOfISOWeek(date);
     };
     this.endOfMonth = (date) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.endOfMonth) == null ? void 0 : _b.call(_a, date)) != null ? _c : endOfMonth(date);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.endOfMonth) ? this.overrides.endOfMonth(date) : endOfMonth(date);
     };
-    this.endOfWeek = (date, options2) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.endOfWeek) == null ? void 0 : _b.call(_a, date, options2 != null ? options2 : this.options)) != null ? _c : endOfWeek(date, options2 != null ? options2 : this.options);
+    this.endOfWeek = (date) => {
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.endOfWeek) ? this.overrides.endOfWeek(date, this.options) : endOfWeek(date, this.options);
     };
     this.endOfYear = (date) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.endOfYear) == null ? void 0 : _b.call(_a, date)) != null ? _c : endOfYear(date);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.endOfYear) ? this.overrides.endOfYear(date) : endOfYear(date);
     };
-    this.format = (date, formatStr, options2) => {
-      var _a, _b, _c;
-      const formatted = (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.format) == null ? void 0 : _b.call(_a, date, formatStr, options2 != null ? options2 : this.options)) != null ? _c : format(date, formatStr, options2 != null ? options2 : this.options);
+    this.format = (date, formatStr) => {
+      var _a;
+      const formatted = ((_a = this.overrides) == null ? void 0 : _a.format) ? this.overrides.format(date, formatStr, this.options) : format(date, formatStr, this.options);
       if (this.options.numerals && this.options.numerals !== "latn") {
         return this.replaceDigits(formatted);
       }
       return formatted;
     };
     this.getISOWeek = (date) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.getISOWeek) == null ? void 0 : _b.call(_a, date)) != null ? _c : getISOWeek(date);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.getISOWeek) ? this.overrides.getISOWeek(date) : getISOWeek(date);
     };
     this.getMonth = (date) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.getMonth) == null ? void 0 : _b.call(_a, date)) != null ? _c : getMonth(date);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.getMonth) ? this.overrides.getMonth(date, this.options) : getMonth(date, this.options);
     };
     this.getYear = (date) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.getYear) == null ? void 0 : _b.call(_a, date)) != null ? _c : getYear(date);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.getYear) ? this.overrides.getYear(date, this.options) : getYear(date, this.options);
     };
-    this.getWeek = (date, options2) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.getWeek) == null ? void 0 : _b.call(_a, date, options2 != null ? options2 : this.options)) != null ? _c : getWeek(date, options2 != null ? options2 : this.options);
+    this.getWeek = (date) => {
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.getWeek) ? this.overrides.getWeek(date, this.options) : getWeek(date, this.options);
     };
     this.isAfter = (date, dateToCompare) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.isAfter) == null ? void 0 : _b.call(_a, date, dateToCompare)) != null ? _c : isAfter(date, dateToCompare);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.isAfter) ? this.overrides.isAfter(date, dateToCompare) : isAfter(date, dateToCompare);
     };
     this.isBefore = (date, dateToCompare) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.isBefore) == null ? void 0 : _b.call(_a, date, dateToCompare)) != null ? _c : isBefore(date, dateToCompare);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.isBefore) ? this.overrides.isBefore(date, dateToCompare) : isBefore(date, dateToCompare);
     };
     this.isDate = (value) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.isDate) == null ? void 0 : _b.call(_a, value)) != null ? _c : isDate(value);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.isDate) ? this.overrides.isDate(value) : isDate(value);
     };
     this.isSameDay = (dateLeft, dateRight) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.isSameDay) == null ? void 0 : _b.call(_a, dateLeft, dateRight)) != null ? _c : isSameDay(dateLeft, dateRight);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.isSameDay) ? this.overrides.isSameDay(dateLeft, dateRight) : isSameDay(dateLeft, dateRight);
     };
     this.isSameMonth = (dateLeft, dateRight) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.isSameMonth) == null ? void 0 : _b.call(_a, dateLeft, dateRight)) != null ? _c : isSameMonth(dateLeft, dateRight);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.isSameMonth) ? this.overrides.isSameMonth(dateLeft, dateRight) : isSameMonth(dateLeft, dateRight);
     };
     this.isSameYear = (dateLeft, dateRight) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.isSameYear) == null ? void 0 : _b.call(_a, dateLeft, dateRight)) != null ? _c : isSameYear(dateLeft, dateRight);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.isSameYear) ? this.overrides.isSameYear(dateLeft, dateRight) : isSameYear(dateLeft, dateRight);
     };
     this.max = (dates) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.max) == null ? void 0 : _b.call(_a, dates)) != null ? _c : max(dates);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.max) ? this.overrides.max(dates) : max(dates);
     };
     this.min = (dates) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.min) == null ? void 0 : _b.call(_a, dates)) != null ? _c : min(dates);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.min) ? this.overrides.min(dates) : min(dates);
     };
     this.setMonth = (date, month) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.setMonth) == null ? void 0 : _b.call(_a, date, month)) != null ? _c : setMonth(date, month);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.setMonth) ? this.overrides.setMonth(date, month) : setMonth(date, month);
     };
     this.setYear = (date, year) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.setYear) == null ? void 0 : _b.call(_a, date, year)) != null ? _c : setYear(date, year);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.setYear) ? this.overrides.setYear(date, year) : setYear(date, year);
     };
-    this.startOfBroadcastWeek = (date, dateLib) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.startOfBroadcastWeek) == null ? void 0 : _b.call(_a, date, dateLib != null ? dateLib : this)) != null ? _c : startOfBroadcastWeek(date, dateLib != null ? dateLib : this);
+    this.startOfBroadcastWeek = (date) => {
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.startOfBroadcastWeek) ? this.overrides.startOfBroadcastWeek(date, this) : startOfBroadcastWeek(date, this);
     };
     this.startOfDay = (date) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.startOfDay) == null ? void 0 : _b.call(_a, date)) != null ? _c : startOfDay(date);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.startOfDay) ? this.overrides.startOfDay(date) : startOfDay(date);
     };
     this.startOfISOWeek = (date) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.startOfISOWeek) == null ? void 0 : _b.call(_a, date)) != null ? _c : startOfISOWeek(date);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.startOfISOWeek) ? this.overrides.startOfISOWeek(date) : startOfISOWeek(date);
     };
     this.startOfMonth = (date) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.startOfMonth) == null ? void 0 : _b.call(_a, date)) != null ? _c : startOfMonth(date);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.startOfMonth) ? this.overrides.startOfMonth(date) : startOfMonth(date);
     };
     this.startOfWeek = (date) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.startOfWeek) == null ? void 0 : _b.call(_a, date)) != null ? _c : startOfWeek(date, this.options);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.startOfWeek) ? this.overrides.startOfWeek(date, this.options) : startOfWeek(date, this.options);
     };
     this.startOfYear = (date) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this.overrides) == null ? void 0 : _a.startOfYear) == null ? void 0 : _b.call(_a, date)) != null ? _c : startOfYear(date);
+      var _a;
+      return ((_a = this.overrides) == null ? void 0 : _a.startOfYear) ? this.overrides.startOfYear(date) : startOfYear(date);
     };
     this.options = __spreadValues({ locale: enUS }, options);
     this.overrides = overrides;
@@ -2735,7 +2771,7 @@ function Chevron(props) {
     orientation === "up" && React8.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
     orientation === "down" && React8.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
     orientation === "left" && React8.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
-    orientation === "right" && React8.createElement("polygon", { points: "8 18.612 14.1888889 12.5 8 6.37733333 9.91111111 4.5 18 12.5 9.91111111 20.5" })
+    orientation === "right" && React8.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
   );
 }
 
@@ -2837,21 +2873,31 @@ function MonthsDropdown(props) {
 }
 
 // node_modules/react-day-picker/dist/esm/components/Nav.js
-import React19 from "react";
+import React19, { useCallback } from "react";
 function Nav(props) {
   const _a = props, { onPreviousClick, onNextClick, previousMonth, nextMonth } = _a, navProps = __objRest(_a, ["onPreviousClick", "onNextClick", "previousMonth", "nextMonth"]);
   const { components, classNames, labels: { labelPrevious: labelPrevious2, labelNext: labelNext2 } } = useDayPicker();
+  const handleNextClick = useCallback((e) => {
+    if (nextMonth) {
+      onNextClick == null ? void 0 : onNextClick(e);
+    }
+  }, [nextMonth, onNextClick]);
+  const handlePreviousClick = useCallback((e) => {
+    if (previousMonth) {
+      onPreviousClick == null ? void 0 : onPreviousClick(e);
+    }
+  }, [previousMonth, onPreviousClick]);
   return React19.createElement(
     "nav",
     __spreadValues({}, navProps),
     React19.createElement(
       components.PreviousMonthButton,
-      { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, disabled: previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: props.onPreviousClick },
+      { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick },
       React19.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
     ),
     React19.createElement(
       components.NextMonthButton,
-      { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, disabled: nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: props.onNextClick },
+      { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick },
       React19.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
     )
   );
@@ -2880,7 +2926,8 @@ function PreviousMonthButton(props) {
 // node_modules/react-day-picker/dist/esm/components/Root.js
 import React23 from "react";
 function Root4(props) {
-  return React23.createElement("div", __spreadValues({}, props));
+  const _a = props, { rootRef } = _a, rest = __objRest(_a, ["rootRef"]);
+  return React23.createElement("div", __spreadProps(__spreadValues({}, rest), { ref: rootRef }));
 }
 
 // node_modules/react-day-picker/dist/esm/components/Select.js
@@ -2973,6 +3020,9 @@ function getDefaultClassNames() {
   for (const key in SelectionState) {
     classNames[SelectionState[key]] = `rdp-${SelectionState[key]}`;
   }
+  for (const key in Animation) {
+    classNames[Animation[key]] = `rdp-${Animation[key]}`;
+  }
   return classNames;
 }
 
@@ -3187,6 +3237,137 @@ function labelYearDropdown(options) {
   return "Choose the Year";
 }
 
+// node_modules/react-day-picker/dist/esm/useAnimation.js
+import { useLayoutEffect, useRef } from "react";
+var asHtmlElement = (element) => {
+  if (element instanceof HTMLElement)
+    return element;
+  return null;
+};
+var queryMonthEls = (element) => {
+  var _a;
+  return [
+    ...(_a = element.querySelectorAll("[data-animated-month]")) != null ? _a : []
+  ];
+};
+var queryMonthEl = (element) => asHtmlElement(element.querySelector("[data-animated-month]"));
+var queryCaptionEl = (element) => asHtmlElement(element.querySelector("[data-animated-caption]"));
+var queryWeeksEl = (element) => asHtmlElement(element.querySelector("[data-animated-weeks]"));
+var queryNavEl = (element) => asHtmlElement(element.querySelector("[data-animated-nav]"));
+var queryWeekdaysEl = (element) => asHtmlElement(element.querySelector("[data-animated-weekdays]"));
+function useAnimation(rootElRef, enabled, { classNames, months, focused, dateLib }) {
+  const previousRootElSnapshotRef = useRef(null);
+  const previousMonthsRef = useRef(months);
+  const animatingRef = useRef(false);
+  useLayoutEffect(() => {
+    const previousMonths = previousMonthsRef.current;
+    previousMonthsRef.current = months;
+    if (!enabled || !rootElRef.current || // safety check because the ref can be set to anything by consumers
+    !(rootElRef.current instanceof HTMLElement) || // validation required for the animation to work as expected
+    months.length === 0 || previousMonths.length === 0 || months.length !== previousMonths.length) {
+      return;
+    }
+    const isSameMonth2 = dateLib.isSameMonth(months[0].date, previousMonths[0].date);
+    const isAfterPreviousMonth = dateLib.isAfter(months[0].date, previousMonths[0].date);
+    const captionAnimationClass = isAfterPreviousMonth ? classNames[Animation.caption_after_enter] : classNames[Animation.caption_before_enter];
+    const weeksAnimationClass = isAfterPreviousMonth ? classNames[Animation.weeks_after_enter] : classNames[Animation.weeks_before_enter];
+    const previousRootElSnapshot = previousRootElSnapshotRef.current;
+    const rootElSnapshot = rootElRef.current.cloneNode(true);
+    if (rootElSnapshot instanceof HTMLElement) {
+      const currentMonthElsSnapshot = queryMonthEls(rootElSnapshot);
+      currentMonthElsSnapshot.forEach((currentMonthElSnapshot) => {
+        if (!(currentMonthElSnapshot instanceof HTMLElement))
+          return;
+        const previousMonthElSnapshot = queryMonthEl(currentMonthElSnapshot);
+        if (previousMonthElSnapshot && currentMonthElSnapshot.contains(previousMonthElSnapshot)) {
+          currentMonthElSnapshot.removeChild(previousMonthElSnapshot);
+        }
+        const captionEl = queryCaptionEl(currentMonthElSnapshot);
+        if (captionEl) {
+          captionEl.classList.remove(captionAnimationClass);
+        }
+        const weeksEl = queryWeeksEl(currentMonthElSnapshot);
+        if (weeksEl) {
+          weeksEl.classList.remove(weeksAnimationClass);
+        }
+      });
+      previousRootElSnapshotRef.current = rootElSnapshot;
+    } else {
+      previousRootElSnapshotRef.current = null;
+    }
+    if (animatingRef.current || isSameMonth2 || // skip animation if a day is focused because it can cause issues to the animation and is better for a11y
+    focused) {
+      return;
+    }
+    const previousMonthEls = previousRootElSnapshot instanceof HTMLElement ? queryMonthEls(previousRootElSnapshot) : [];
+    const currentMonthEls = queryMonthEls(rootElRef.current);
+    if (currentMonthEls && currentMonthEls.every((el) => el instanceof HTMLElement) && previousMonthEls && previousMonthEls.every((el) => el instanceof HTMLElement)) {
+      animatingRef.current = true;
+      const cleanUpFunctions = [];
+      rootElRef.current.style.isolation = "isolate";
+      const navEl = queryNavEl(rootElRef.current);
+      if (navEl) {
+        navEl.style.zIndex = "1";
+      }
+      currentMonthEls.forEach((currentMonthEl, index) => {
+        const previousMonthEl = previousMonthEls[index];
+        if (!previousMonthEl) {
+          return;
+        }
+        currentMonthEl.style.position = "relative";
+        currentMonthEl.style.overflow = "hidden";
+        const captionEl = queryCaptionEl(currentMonthEl);
+        if (captionEl) {
+          captionEl.classList.add(captionAnimationClass);
+        }
+        const weeksEl = queryWeeksEl(currentMonthEl);
+        if (weeksEl) {
+          weeksEl.classList.add(weeksAnimationClass);
+        }
+        const cleanUp = () => {
+          animatingRef.current = false;
+          if (rootElRef.current) {
+            rootElRef.current.style.isolation = "";
+          }
+          if (navEl) {
+            navEl.style.zIndex = "";
+          }
+          if (captionEl) {
+            captionEl.classList.remove(captionAnimationClass);
+          }
+          if (weeksEl) {
+            weeksEl.classList.remove(weeksAnimationClass);
+          }
+          currentMonthEl.style.position = "";
+          currentMonthEl.style.overflow = "";
+          if (currentMonthEl.contains(previousMonthEl)) {
+            currentMonthEl.removeChild(previousMonthEl);
+          }
+        };
+        cleanUpFunctions.push(cleanUp);
+        previousMonthEl.style.pointerEvents = "none";
+        previousMonthEl.style.position = "absolute";
+        previousMonthEl.style.overflow = "hidden";
+        previousMonthEl.setAttribute("aria-hidden", "true");
+        const previousWeekdaysEl = queryWeekdaysEl(previousMonthEl);
+        if (previousWeekdaysEl) {
+          previousWeekdaysEl.style.opacity = "0";
+        }
+        const previousCaptionEl = queryCaptionEl(previousMonthEl);
+        if (previousCaptionEl) {
+          previousCaptionEl.classList.add(isAfterPreviousMonth ? classNames[Animation.caption_before_exit] : classNames[Animation.caption_after_exit]);
+          previousCaptionEl.addEventListener("animationend", cleanUp);
+        }
+        const previousWeeksEl = queryWeeksEl(previousMonthEl);
+        if (previousWeeksEl) {
+          previousWeeksEl.classList.add(isAfterPreviousMonth ? classNames[Animation.weeks_before_exit] : classNames[Animation.weeks_after_exit]);
+        }
+        currentMonthEl.insertBefore(previousMonthEl, currentMonthEl.firstChild);
+      });
+    }
+  });
+}
+
 // node_modules/react-day-picker/dist/esm/useCalendar.js
 import { useEffect } from "react";
 
@@ -3248,7 +3429,7 @@ function getDisplayMonths(firstDisplayedMonth, calendarEndMonth, props, dateLib)
 
 // node_modules/react-day-picker/dist/esm/helpers/getInitialMonth.js
 function getInitialMonth(props, dateLib) {
-  const { month, defaultMonth, today = dateLib.today(), numberOfMonths = 1, endMonth, startMonth } = props;
+  const { month, defaultMonth, today = dateLib.today(), numberOfMonths = 1, endMonth, startMonth, timeZone } = props;
   let initialMonth = month || defaultMonth || today;
   const { differenceInCalendarMonths: differenceInCalendarMonths2, addMonths: addMonths2, startOfMonth: startOfMonth2 } = dateLib;
   if (endMonth && differenceInCalendarMonths2(endMonth, initialMonth) < 0) {
@@ -3258,6 +3439,7 @@ function getInitialMonth(props, dateLib) {
   if (startMonth && differenceInCalendarMonths2(initialMonth, startMonth) < 0) {
     initialMonth = startMonth;
   }
+  initialMonth = timeZone ? new TZDate(initialMonth, timeZone) : initialMonth;
   return startOfMonth2(initialMonth);
 }
 
@@ -3487,35 +3669,39 @@ function useCalendar(props, dateLib) {
 import { useState as useState2 } from "react";
 
 // node_modules/react-day-picker/dist/esm/helpers/calculateFocusTarget.js
+var FocusTargetPriority;
+(function(FocusTargetPriority2) {
+  FocusTargetPriority2[FocusTargetPriority2["Today"] = 0] = "Today";
+  FocusTargetPriority2[FocusTargetPriority2["Selected"] = 1] = "Selected";
+  FocusTargetPriority2[FocusTargetPriority2["LastFocused"] = 2] = "LastFocused";
+  FocusTargetPriority2[FocusTargetPriority2["FocusedModifier"] = 3] = "FocusedModifier";
+})(FocusTargetPriority || (FocusTargetPriority = {}));
+function isFocusableDay(modifiers) {
+  return !modifiers[DayFlag.disabled] && !modifiers[DayFlag.hidden] && !modifiers[DayFlag.outside];
+}
 function calculateFocusTarget(days, getModifiers, isSelected, lastFocused) {
   let focusTarget;
-  let index = 0;
-  let found = false;
-  while (index < days.length && !found) {
-    const day = days[index];
+  let foundFocusTargetPriority = -1;
+  for (const day of days) {
     const modifiers = getModifiers(day);
-    if (!modifiers[DayFlag.disabled] && !modifiers[DayFlag.hidden] && !modifiers[DayFlag.outside]) {
-      if (modifiers[DayFlag.focused]) {
+    if (isFocusableDay(modifiers)) {
+      if (modifiers[DayFlag.focused] && foundFocusTargetPriority < FocusTargetPriority.FocusedModifier) {
         focusTarget = day;
-        found = true;
-      } else if (lastFocused == null ? void 0 : lastFocused.isEqualTo(day)) {
+        foundFocusTargetPriority = FocusTargetPriority.FocusedModifier;
+      } else if ((lastFocused == null ? void 0 : lastFocused.isEqualTo(day)) && foundFocusTargetPriority < FocusTargetPriority.LastFocused) {
         focusTarget = day;
-        found = true;
-      } else if (isSelected(day.date)) {
+        foundFocusTargetPriority = FocusTargetPriority.LastFocused;
+      } else if (isSelected(day.date) && foundFocusTargetPriority < FocusTargetPriority.Selected) {
         focusTarget = day;
-        found = true;
-      } else if (modifiers[DayFlag.today]) {
+        foundFocusTargetPriority = FocusTargetPriority.Selected;
+      } else if (modifiers[DayFlag.today] && foundFocusTargetPriority < FocusTargetPriority.Today) {
         focusTarget = day;
-        found = true;
+        foundFocusTargetPriority = FocusTargetPriority.Today;
       }
     }
-    index++;
   }
   if (!focusTarget) {
-    focusTarget = days.find((day) => {
-      const m = getModifiers(day);
-      return !m[DayFlag.disabled] && !m[DayFlag.hidden] && !m[DayFlag.outside];
-    });
+    focusTarget = days.find((day) => isFocusableDay(getModifiers(day)));
   }
   return focusTarget;
 }
@@ -4041,34 +4227,34 @@ function DayPicker(props) {
   const { labelDayButton: labelDayButton2, labelGridcell: labelGridcell2, labelGrid: labelGrid2, labelMonthDropdown: labelMonthDropdown2, labelNav: labelNav2, labelWeekday: labelWeekday2, labelWeekNumber: labelWeekNumber2, labelWeekNumberHeader: labelWeekNumberHeader2, labelYearDropdown: labelYearDropdown2 } = labels;
   const weekdays = useMemo(() => getWeekdays(dateLib, props.ISOWeek), [dateLib, props.ISOWeek]);
   const isInteractive = mode !== void 0 || onDayClick !== void 0;
-  const handlePreviousClick = useCallback(() => {
+  const handlePreviousClick = useCallback2(() => {
     if (!previousMonth)
       return;
     goToMonth(previousMonth);
     onPrevClick == null ? void 0 : onPrevClick(previousMonth);
   }, [previousMonth, goToMonth, onPrevClick]);
-  const handleNextClick = useCallback(() => {
+  const handleNextClick = useCallback2(() => {
     if (!nextMonth)
       return;
     goToMonth(nextMonth);
     onNextClick == null ? void 0 : onNextClick(nextMonth);
   }, [goToMonth, nextMonth, onNextClick]);
-  const handleDayClick = useCallback((day, m) => (e) => {
+  const handleDayClick = useCallback2((day, m) => (e) => {
     e.preventDefault();
     e.stopPropagation();
     setFocused(day);
     select == null ? void 0 : select(day.date, m, e);
     onDayClick == null ? void 0 : onDayClick(day.date, m, e);
   }, [select, onDayClick, setFocused]);
-  const handleDayFocus = useCallback((day, m) => (e) => {
+  const handleDayFocus = useCallback2((day, m) => (e) => {
     setFocused(day);
     onDayFocus == null ? void 0 : onDayFocus(day.date, m, e);
   }, [onDayFocus, setFocused]);
-  const handleDayBlur = useCallback((day, m) => (e) => {
+  const handleDayBlur = useCallback2((day, m) => (e) => {
     blur();
     onDayBlur == null ? void 0 : onDayBlur(day.date, m, e);
   }, [blur, onDayBlur]);
-  const handleDayKeyDown = useCallback((day, modifiers) => (e) => {
+  const handleDayKeyDown = useCallback2((day, modifiers) => (e) => {
     const keyMap = {
       ArrowLeft: ["day", props.dir === "rtl" ? "after" : "before"],
       ArrowRight: ["day", props.dir === "rtl" ? "before" : "after"],
@@ -4087,18 +4273,18 @@ function DayPicker(props) {
     }
     onDayKeyDown == null ? void 0 : onDayKeyDown(day.date, modifiers, e);
   }, [moveFocus, onDayKeyDown, props.dir]);
-  const handleDayMouseEnter = useCallback((day, modifiers) => (e) => {
+  const handleDayMouseEnter = useCallback2((day, modifiers) => (e) => {
     onDayMouseEnter == null ? void 0 : onDayMouseEnter(day.date, modifiers, e);
   }, [onDayMouseEnter]);
-  const handleDayMouseLeave = useCallback((day, modifiers) => (e) => {
+  const handleDayMouseLeave = useCallback2((day, modifiers) => (e) => {
     onDayMouseLeave == null ? void 0 : onDayMouseLeave(day.date, modifiers, e);
   }, [onDayMouseLeave]);
-  const handleMonthChange = useCallback((date) => (e) => {
+  const handleMonthChange = useCallback2((date) => (e) => {
     const selectedMonth = Number(e.target.value);
     const month = dateLib.setMonth(dateLib.startOfMonth(date), selectedMonth);
     goToMonth(month);
   }, [dateLib, goToMonth]);
-  const handleYearChange = useCallback((date) => (e) => {
+  const handleYearChange = useCallback2((date) => (e) => {
     const selectedYear = Number(e.target.value);
     const month = dateLib.setYear(dateLib.startOfMonth(date), selectedYear);
     goToMonth(month);
@@ -4108,6 +4294,13 @@ function DayPicker(props) {
     style: __spreadValues(__spreadValues({}, styles == null ? void 0 : styles[UI.Root]), props.style)
   }), [classNames, props.className, props.style, styles]);
   const dataAttributes = getDataAttributes(props);
+  const rootElRef = useRef2(null);
+  useAnimation(rootElRef, Boolean(props.animate), {
+    classNames,
+    months,
+    focused,
+    dateLib
+  });
   const contextValue = {
     dayPickerProps: props,
     selected: selectedValue,
@@ -4129,33 +4322,45 @@ function DayPicker(props) {
     { value: contextValue },
     React32.createElement(
       components.Root,
-      __spreadValues({ className, style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"] }, dataAttributes),
+      __spreadValues({ rootRef: props.animate ? rootElRef : void 0, className, style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"] }, dataAttributes),
       React32.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles == null ? void 0 : styles[UI.Months] },
-        !props.hideNavigation && React32.createElement(components.Nav, { className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
+        !props.hideNavigation && React32.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles == null ? void 0 : styles[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
         months.map((calendarMonth, displayIndex) => {
           const dropdownMonths = getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib);
           const dropdownYears = getYearOptions(navStart, navEnd, formatters2, dateLib);
           return React32.createElement(
             components.Month,
-            { className: classNames[UI.Month], style: styles == null ? void 0 : styles[UI.Month], key: displayIndex, displayIndex, calendarMonth },
-            React32.createElement(components.MonthCaption, { className: classNames[UI.MonthCaption], style: styles == null ? void 0 : styles[UI.MonthCaption], calendarMonth, displayIndex }, (captionLayout == null ? void 0 : captionLayout.startsWith("dropdown")) ? React32.createElement(
+            { "data-animated-month": props.animate ? "true" : void 0, className: classNames[UI.Month], style: styles == null ? void 0 : styles[UI.Month], key: displayIndex, displayIndex, calendarMonth },
+            React32.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : void 0, className: classNames[UI.MonthCaption], style: styles == null ? void 0 : styles[UI.MonthCaption], calendarMonth, displayIndex }, (captionLayout == null ? void 0 : captionLayout.startsWith("dropdown")) ? React32.createElement(
               components.DropdownNav,
               { className: classNames[UI.Dropdowns], style: styles == null ? void 0 : styles[UI.Dropdowns] },
-              captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React32.createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: dropdownMonths, style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : React32.createElement("span", { role: "status", "aria-live": "polite" }, formatMonthDropdown2(calendarMonth.date, dateLib)),
-              captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React32.createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: dropdownYears, style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : React32.createElement("span", { role: "status", "aria-live": "polite" }, formatYearDropdown2(calendarMonth.date, dateLib))
+              captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React32.createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: dropdownMonths, style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : React32.createElement("span", null, formatMonthDropdown2(calendarMonth.date, dateLib)),
+              captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React32.createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: dropdownYears, style: styles == null ? void 0 : styles[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : React32.createElement("span", null, formatYearDropdown2(calendarMonth.date, dateLib)),
+              React32.createElement("span", { role: "status", "aria-live": "polite", style: {
+                border: 0,
+                clip: "rect(0 0 0 0)",
+                height: "1px",
+                margin: "-1px",
+                overflow: "hidden",
+                padding: 0,
+                position: "absolute",
+                width: "1px",
+                whiteSpace: "nowrap",
+                wordWrap: "normal"
+              } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
             ) : React32.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
             React32.createElement(
               components.MonthGrid,
               { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid2(calendarMonth.date, dateLib.options, dateLib) || void 0, className: classNames[UI.MonthGrid], style: styles == null ? void 0 : styles[UI.MonthGrid] },
               !props.hideWeekdays && React32.createElement(
                 components.Weekdays,
-                { className: classNames[UI.Weekdays], style: styles == null ? void 0 : styles[UI.Weekdays] },
+                { "data-animated-weekdays": props.animate ? "true" : void 0, className: classNames[UI.Weekdays], style: styles == null ? void 0 : styles[UI.Weekdays] },
                 showWeekNumber && React32.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles == null ? void 0 : styles[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
                 weekdays.map((weekday, i) => React32.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: i, style: styles == null ? void 0 : styles[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
               ),
-              React32.createElement(components.Weeks, { className: classNames[UI.Weeks], style: styles == null ? void 0 : styles[UI.Weeks] }, calendarMonth.weeks.map((week, weekIndex) => {
+              React32.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles == null ? void 0 : styles[UI.Weeks] }, calendarMonth.weeks.map((week, weekIndex) => {
                 return React32.createElement(
                   components.Week,
                   { className: classNames[UI.Week], key: week.weekNumber, style: styles == null ? void 0 : styles[UI.Week], week },
@@ -4166,7 +4371,7 @@ function DayPicker(props) {
                     const { date } = day;
                     const modifiers = getModifiers(day);
                     modifiers[DayFlag.focused] = !modifiers.hidden && Boolean(focused == null ? void 0 : focused.isEqualTo(day));
-                    modifiers[SelectionState.selected] = !modifiers.disabled && ((isSelected == null ? void 0 : isSelected(date)) || modifiers.selected);
+                    modifiers[SelectionState.selected] = (isSelected == null ? void 0 : isSelected(date)) || modifiers.selected;
                     if (isDateRange(selectedValue)) {
                       const { from, to } = selectedValue;
                       modifiers[SelectionState.range_start] = Boolean(from && to && dateLib.isSameDay(date, from));
@@ -4315,7 +4520,7 @@ CardFooter.displayName = "CardFooter";
 import { ArrowLeftIcon, ArrowRightIcon } from "@radix-ui/react-icons";
 import useEmblaCarousel from "embla-carousel-react";
 import * as React34 from "react";
-import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 var CarouselContext = React34.createContext(null);
 function useCarousel() {
   const context = React34.useContext(CarouselContext);
@@ -4458,7 +4663,7 @@ CarouselItem.displayName = "CarouselItem";
 var CarouselPrevious = React34.forwardRef((_a, ref) => {
   var _b = _a, { className, variant = "outline", size = "icon" } = _b, props = __objRest(_b, ["className", "variant", "size"]);
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     Button,
     __spreadProps(__spreadValues({
       ref,
@@ -4483,7 +4688,7 @@ CarouselPrevious.displayName = "CarouselPrevious";
 var CarouselNext = React34.forwardRef((_a, ref) => {
   var _b = _a, { className, variant = "outline", size = "icon" } = _b, props = __objRest(_b, ["className", "variant", "size"]);
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     Button,
     __spreadProps(__spreadValues({
       ref,
@@ -4549,7 +4754,7 @@ import * as React37 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { Cross2Icon } from "@radix-ui/react-icons";
 import * as React36 from "react";
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
@@ -4570,9 +4775,9 @@ var DialogOverlay = React36.forwardRef((_a, ref) => {
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var DialogContent = React36.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs4(DialogPortal, { children: [
+  return /* @__PURE__ */ jsxs5(DialogPortal, { children: [
     /* @__PURE__ */ jsx11(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs4(
+    /* @__PURE__ */ jsxs5(
       DialogPrimitive.Content,
       __spreadProps(__spreadValues({
         ref,
@@ -4583,7 +4788,7 @@ var DialogContent = React36.forwardRef((_a, ref) => {
       }, props), {
         children: [
           children,
-          /* @__PURE__ */ jsxs4(DialogPrimitive.Close, { 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", children: [
+          /* @__PURE__ */ jsxs5(DialogPrimitive.Close, { 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", children: [
             /* @__PURE__ */ jsx11(Cross2Icon, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Close" })
           ] })
@@ -4654,7 +4859,7 @@ var DialogDescription = React36.forwardRef((_a, ref) => {
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/command.tsx
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 var Command = React37.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx12(
@@ -4675,7 +4880,7 @@ var CommandDialog = (_a) => {
 };
 var CommandInput = React37.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxs5("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  return /* @__PURE__ */ jsxs6("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
     /* @__PURE__ */ jsx12(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
     /* @__PURE__ */ jsx12(
       CommandPrimitive.Input,
@@ -4774,7 +4979,7 @@ import {
   DotFilledIcon
 } from "@radix-ui/react-icons";
 import * as React38 from "react";
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuGroup = ContextMenuPrimitive.Group;
@@ -4783,7 +4988,7 @@ var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
 var ContextMenuSubTrigger = React38.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     ContextMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       ref,
@@ -4846,7 +5051,7 @@ var ContextMenuItem = React38.forwardRef((_a, ref) => {
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
 var ContextMenuCheckboxItem = React38.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     ContextMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       ref,
@@ -4866,7 +5071,7 @@ var ContextMenuCheckboxItem = React38.forwardRef((_a, ref) => {
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
 var ContextMenuRadioItem = React38.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     ContextMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       ref,
@@ -4930,7 +5135,7 @@ ContextMenuShortcut.displayName = "ContextMenuShortcut";
 // src/components/drawer.tsx
 import * as React39 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 var Drawer = (_a) => {
   var _b = _a, {
     shouldScaleBackground = true
@@ -4961,9 +5166,9 @@ var DrawerOverlay = React39.forwardRef((_a, ref) => {
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
 var DrawerContent = React39.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs7(DrawerPortal, { children: [
+  return /* @__PURE__ */ jsxs8(DrawerPortal, { children: [
     /* @__PURE__ */ jsx14(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsxs8(
       DrawerPrimitive.Content,
       __spreadProps(__spreadValues({
         ref,
@@ -5043,7 +5248,7 @@ import {
   DotFilledIcon as DotFilledIcon2
 } from "@radix-ui/react-icons";
 import * as React40 from "react";
-import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
@@ -5052,7 +5257,7 @@ var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
 var DropdownMenuSubTrigger = React40.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     DropdownMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       ref,
@@ -5117,7 +5322,7 @@ var DropdownMenuItem = React40.forwardRef((_a, ref) => {
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
 var DropdownMenuCheckboxItem = React40.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     DropdownMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       ref,
@@ -5137,7 +5342,7 @@ var DropdownMenuCheckboxItem = React40.forwardRef((_a, ref) => {
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
 var DropdownMenuRadioItem = React40.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     DropdownMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       ref,
@@ -5195,327 +5400,40 @@ var DropdownMenuShortcut = (_a) => {
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
-// src/components/form.tsx
-import { Slot as Slot3 } from "@radix-ui/react-slot";
-import * as React43 from "react";
-
-// node_modules/react-hook-form/dist/index.esm.mjs
-import React41 from "react";
-var isCheckBoxInput = (element) => element.type === "checkbox";
-var isDateObject = (value) => value instanceof Date;
-var isNullOrUndefined = (value) => value == null;
-var isObjectType = (value) => typeof value === "object";
-var isObject = (value) => !isNullOrUndefined(value) && !Array.isArray(value) && isObjectType(value) && !isDateObject(value);
-var getEventValue = (event) => isObject(event) && event.target ? isCheckBoxInput(event.target) ? event.target.checked : event.target.value : event;
-var getNodeParentName = (name) => name.substring(0, name.search(/\.\d+(\.|$)/)) || name;
-var isNameInFieldArray = (names, name) => names.has(getNodeParentName(name));
-var isPlainObject = (tempObject) => {
-  const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;
-  return isObject(prototypeCopy) && prototypeCopy.hasOwnProperty("isPrototypeOf");
-};
-var isWeb = typeof window !== "undefined" && typeof window.HTMLElement !== "undefined" && typeof document !== "undefined";
-function cloneObject(data) {
-  let copy;
-  const isArray = Array.isArray(data);
-  const isFileListInstance = typeof FileList !== "undefined" ? data instanceof FileList : false;
-  if (data instanceof Date) {
-    copy = new Date(data);
-  } else if (data instanceof Set) {
-    copy = new Set(data);
-  } else if (!(isWeb && (data instanceof Blob || isFileListInstance)) && (isArray || isObject(data))) {
-    copy = isArray ? [] : {};
-    if (!isArray && !isPlainObject(data)) {
-      copy = data;
-    } else {
-      for (const key in data) {
-        if (data.hasOwnProperty(key)) {
-          copy[key] = cloneObject(data[key]);
-        }
-      }
-    }
-  } else {
-    return data;
-  }
-  return copy;
-}
-var compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];
-var isUndefined = (val) => val === void 0;
-var get = (object, path, defaultValue) => {
-  if (!path || !isObject(object)) {
-    return defaultValue;
-  }
-  const result = compact(path.split(/[,[\].]+?/)).reduce((result2, key) => isNullOrUndefined(result2) ? result2 : result2[key], object);
-  return isUndefined(result) || result === object ? isUndefined(object[path]) ? defaultValue : object[path] : result;
-};
-var isBoolean = (value) => typeof value === "boolean";
-var isKey = (value) => /^\w*$/.test(value);
-var stringToPath = (input) => compact(input.replace(/["|']|\]/g, "").split(/\.|\[/));
-var set = (object, path, value) => {
-  let index = -1;
-  const tempPath = isKey(path) ? [path] : stringToPath(path);
-  const length = tempPath.length;
-  const lastIndex = length - 1;
-  while (++index < length) {
-    const key = tempPath[index];
-    let newValue = value;
-    if (index !== lastIndex) {
-      const objValue = object[key];
-      newValue = isObject(objValue) || Array.isArray(objValue) ? objValue : !isNaN(+tempPath[index + 1]) ? [] : {};
-    }
-    if (key === "__proto__" || key === "constructor" || key === "prototype") {
-      return;
-    }
-    object[key] = newValue;
-    object = object[key];
-  }
-  return object;
-};
-var EVENTS = {
-  BLUR: "blur",
-  FOCUS_OUT: "focusout",
-  CHANGE: "change"
-};
-var VALIDATION_MODE = {
-  onBlur: "onBlur",
-  onChange: "onChange",
-  onSubmit: "onSubmit",
-  onTouched: "onTouched",
-  all: "all"
-};
-var HookFormContext = React41.createContext(null);
-var useFormContext = () => React41.useContext(HookFormContext);
-var FormProvider = (props) => {
-  const _a = props, { children } = _a, data = __objRest(_a, ["children"]);
-  return React41.createElement(HookFormContext.Provider, { value: data }, children);
-};
-var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
-  const result = {
-    defaultValues: control._defaultValues
-  };
-  for (const key in formState) {
-    Object.defineProperty(result, key, {
-      get: () => {
-        const _key = key;
-        if (control._proxyFormState[_key] !== VALIDATION_MODE.all) {
-          control._proxyFormState[_key] = !isRoot || VALIDATION_MODE.all;
-        }
-        localProxyFormState && (localProxyFormState[_key] = true);
-        return formState[_key];
-      }
-    });
-  }
-  return result;
-};
-var isEmptyObject = (value) => isObject(value) && !Object.keys(value).length;
-var shouldRenderFormState = (formStateData, _proxyFormState, updateFormState, isRoot) => {
-  updateFormState(formStateData);
-  const _a = formStateData, { name } = _a, formState = __objRest(_a, ["name"]);
-  return isEmptyObject(formState) || Object.keys(formState).length >= Object.keys(_proxyFormState).length || Object.keys(formState).find((key) => _proxyFormState[key] === (!isRoot || VALIDATION_MODE.all));
-};
-var convertToArrayPayload = (value) => Array.isArray(value) ? value : [value];
-var shouldSubscribeByName = (name, signalName, exact) => !name || !signalName || name === signalName || convertToArrayPayload(name).some((currentName) => currentName && (exact ? currentName === signalName : currentName.startsWith(signalName) || signalName.startsWith(currentName)));
-function useSubscribe(props) {
-  const _props = React41.useRef(props);
-  _props.current = props;
-  React41.useEffect(() => {
-    const subscription = !props.disabled && _props.current.subject && _props.current.subject.subscribe({
-      next: _props.current.next
-    });
-    return () => {
-      subscription && subscription.unsubscribe();
-    };
-  }, [props.disabled]);
-}
-function useFormState(props) {
-  const methods = useFormContext();
-  const { control = methods.control, disabled, name, exact } = props || {};
-  const [formState, updateFormState] = React41.useState(control._formState);
-  const _mounted = React41.useRef(true);
-  const _localProxyFormState = React41.useRef({
-    isDirty: false,
-    isLoading: false,
-    dirtyFields: false,
-    touchedFields: false,
-    validatingFields: false,
-    isValidating: false,
-    isValid: false,
-    errors: false
-  });
-  const _name = React41.useRef(name);
-  _name.current = name;
-  useSubscribe({
-    disabled,
-    next: (value) => _mounted.current && shouldSubscribeByName(_name.current, value.name, exact) && shouldRenderFormState(value, _localProxyFormState.current, control._updateFormState) && updateFormState(__spreadValues(__spreadValues({}, control._formState), value)),
-    subject: control._subjects.state
-  });
-  React41.useEffect(() => {
-    _mounted.current = true;
-    _localProxyFormState.current.isValid && control._updateValid(true);
-    return () => {
-      _mounted.current = false;
-    };
-  }, [control]);
-  return React41.useMemo(() => getProxyFormState(formState, control, _localProxyFormState.current, false), [formState, control]);
-}
-var isString = (value) => typeof value === "string";
-var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => {
-  if (isString(names)) {
-    isGlobal && _names.watch.add(names);
-    return get(formValues, names, defaultValue);
-  }
-  if (Array.isArray(names)) {
-    return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName), get(formValues, fieldName)));
-  }
-  isGlobal && (_names.watchAll = true);
-  return formValues;
-};
-function useWatch(props) {
-  const methods = useFormContext();
-  const { control = methods.control, name, defaultValue, disabled, exact } = props || {};
-  const _name = React41.useRef(name);
-  _name.current = name;
-  useSubscribe({
-    disabled,
-    subject: control._subjects.values,
-    next: (formState) => {
-      if (shouldSubscribeByName(_name.current, formState.name, exact)) {
-        updateValue(cloneObject(generateWatchOutput(_name.current, control._names, formState.values || control._formValues, false, defaultValue)));
-      }
-    }
-  });
-  const [value, updateValue] = React41.useState(control._getWatch(name, defaultValue));
-  React41.useEffect(() => control._removeUnmounted());
-  return value;
-}
-function useController(props) {
-  const methods = useFormContext();
-  const { name, disabled, control = methods.control, shouldUnregister } = props;
-  const isArrayField = isNameInFieldArray(control._names.array, name);
-  const value = useWatch({
-    control,
-    name,
-    defaultValue: get(control._formValues, name, get(control._defaultValues, name, props.defaultValue)),
-    exact: true
-  });
-  const formState = useFormState({
-    control,
-    name,
-    exact: true
-  });
-  const _registerProps = React41.useRef(control.register(name, __spreadValues(__spreadProps(__spreadValues({}, props.rules), {
-    value
-  }), isBoolean(props.disabled) ? { disabled: props.disabled } : {})));
-  const fieldState = React41.useMemo(() => Object.defineProperties({}, {
-    invalid: {
-      enumerable: true,
-      get: () => !!get(formState.errors, name)
-    },
-    isDirty: {
-      enumerable: true,
-      get: () => !!get(formState.dirtyFields, name)
-    },
-    isTouched: {
-      enumerable: true,
-      get: () => !!get(formState.touchedFields, name)
-    },
-    isValidating: {
-      enumerable: true,
-      get: () => !!get(formState.validatingFields, name)
-    },
-    error: {
-      enumerable: true,
-      get: () => get(formState.errors, name)
-    }
-  }), [formState, name]);
-  const field = React41.useMemo(() => __spreadProps(__spreadValues({
-    name,
-    value
-  }, isBoolean(disabled) || formState.disabled ? { disabled: formState.disabled || disabled } : {}), {
-    onChange: (event) => _registerProps.current.onChange({
-      target: {
-        value: getEventValue(event),
-        name
-      },
-      type: EVENTS.CHANGE
-    }),
-    onBlur: () => _registerProps.current.onBlur({
-      target: {
-        value: get(control._formValues, name),
-        name
-      },
-      type: EVENTS.BLUR
-    }),
-    ref: (elm) => {
-      const field2 = get(control._fields, name);
-      if (field2 && elm) {
-        field2._f.ref = {
-          focus: () => elm.focus(),
-          select: () => elm.select(),
-          setCustomValidity: (message2) => elm.setCustomValidity(message2),
-          reportValidity: () => elm.reportValidity()
-        };
-      }
-    }
-  }), [
-    name,
-    control._formValues,
-    disabled,
-    formState.disabled,
-    value,
-    control._fields
-  ]);
-  React41.useEffect(() => {
-    const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
-    const updateMounted = (name2, value2) => {
-      const field2 = get(control._fields, name2);
-      if (field2 && field2._f) {
-        field2._f.mount = value2;
-      }
-    };
-    updateMounted(name, true);
-    if (_shouldUnregisterField) {
-      const value2 = cloneObject(get(control._options.defaultValues, name));
-      set(control._defaultValues, name, value2);
-      if (isUndefined(get(control._formValues, name))) {
-        set(control._formValues, name, value2);
-      }
-    }
-    !isArrayField && control.register(name);
-    return () => {
-      (isArrayField ? _shouldUnregisterField && !control._state.action : _shouldUnregisterField) ? control.unregister(name) : updateMounted(name, false);
-    };
-  }, [name, control, isArrayField, shouldUnregister]);
-  React41.useEffect(() => {
-    control._updateDisabledField({
-      disabled,
-      fields: control._fields,
-      name
-    });
-  }, [disabled, name, control]);
-  return React41.useMemo(() => ({
-    field,
-    formState,
-    fieldState
-  }), [field, formState, fieldState]);
-}
-var Controller = (props) => props.render(useController(props));
-var defaultOptions2 = {
-  mode: VALIDATION_MODE.onSubmit,
-  reValidateMode: VALIDATION_MODE.onChange,
-  shouldFocusError: true
+// src/components/Form/form.tsx
+import {
+  FormProvider
+} from "react-hook-form";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var Form = ({
+  children,
+  methods,
+  onSubmit = () => {
+  },
+  onError,
+  formProps = {}
+}) => {
+  return /* @__PURE__ */ jsx16(FormProvider, __spreadProps(__spreadValues({}, methods), { children: /* @__PURE__ */ jsx16("form", __spreadProps(__spreadValues({ onSubmit: methods.handleSubmit(onSubmit, onError) }, formProps), { children })) }));
 };
 
-// src/components/label.tsx
+// src/components/Form/form-field.tsx
+import {
+  Controller,
+  useFormContext
+} from "react-hook-form";
+import React43 from "react";
+
+// src/components/Label/label.tsx
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva4 } from "class-variance-authority";
-import * as React42 from "react";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import * as React41 from "react";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var labelVariants = cva4(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label3 = React42.forwardRef((_a, ref) => {
+var Label3 = React41.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     LabelPrimitive.Root,
     __spreadValues({
       ref,
@@ -5525,32 +5443,99 @@ var Label3 = React42.forwardRef((_a, ref) => {
 });
 Label3.displayName = LabelPrimitive.Root.displayName;
 
-// src/components/form.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-var Form = FormProvider;
+// src/components/Form/form-field.tsx
+import { Slot as Slot3 } from "@radix-ui/react-slot";
+
+// src/components/input.tsx
+import * as React42 from "react";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var Input = React42.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+    return /* @__PURE__ */ jsx18(
+      "input",
+      __spreadValues({
+        type,
+        className: cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref
+      }, props)
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/components/Form/form-field.tsx
+import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 var FormFieldContext = React43.createContext(
-  {}
+  null
 );
 var FormField = (_a) => {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx17(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx17(Controller, __spreadValues({}, props)) });
-};
-var useFormField = () => {
-  const fieldContext = React43.useContext(FormFieldContext);
-  const itemContext = React43.useContext(FormItemContext);
-  const { getFieldState, formState } = useFormContext();
-  const fieldState = getFieldState(fieldContext.name, formState);
-  if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>");
-  }
-  const { id } = itemContext;
-  return __spreadValues({
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`
-  }, fieldState);
+  var _b = _a, {
+    name,
+    control,
+    label,
+    placeholder,
+    required,
+    className = "px-4 py-6 shadow-inner drop-shadow-xl",
+    labelClassName,
+    messageClassName,
+    requiredClassName,
+    rules,
+    shouldUnregister,
+    defaultValue,
+    onChange
+  } = _b, inputProps = __objRest(_b, [
+    "name",
+    "control",
+    "label",
+    "placeholder",
+    "required",
+    "className",
+    "labelClassName",
+    "messageClassName",
+    "requiredClassName",
+    "rules",
+    "shouldUnregister",
+    "defaultValue",
+    "onChange"
+  ]);
+  var _a2;
+  const {
+    formState: { errors }
+  } = useFormContext();
+  const fieldError = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  return /* @__PURE__ */ jsx19(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx19(
+    Controller,
+    {
+      control,
+      name,
+      rules,
+      shouldUnregister,
+      defaultValue,
+      render: ({ field }) => /* @__PURE__ */ jsxs10(FormItem, { children: [
+        label && /* @__PURE__ */ jsxs10(FormLabel, { className: labelClassName, children: [
+          label,
+          required && /* @__PURE__ */ jsx19("span", { className: cn("text-red-500", requiredClassName), children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx19(FormControl, { children: /* @__PURE__ */ jsx19(
+          Input,
+          __spreadProps(__spreadValues(__spreadValues({}, field), inputProps), {
+            onChange: (e) => {
+              field.onChange(e);
+              onChange == null ? void 0 : onChange(e.target.value);
+            },
+            placeholder,
+            required,
+            className
+          })
+        ) }),
+        fieldError && /* @__PURE__ */ jsx19(FormMessage, { className: messageClassName, children: fieldError })
+      ] })
+    }
+  ) });
 };
 var FormItemContext = React43.createContext(
   {}
@@ -5558,13 +5543,13 @@ var FormItemContext = React43.createContext(
 var FormItem = React43.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const id = React43.useId();
-  return /* @__PURE__ */ jsx17(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx17("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
+  return /* @__PURE__ */ jsx19(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx19("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
 });
 FormItem.displayName = "FormItem";
 var FormLabel = React43.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     Label3,
     __spreadValues({
       ref,
@@ -5574,24 +5559,51 @@ var FormLabel = React43.forwardRef((_a, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React43.forwardRef((_a, ref) => {
-  var props = __objRest(_a, []);
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx17(
-    Slot3,
-    __spreadValues({
-      ref,
-      id: formItemId,
-      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
-      "aria-invalid": !!error
-    }, props)
-  );
-});
-FormControl.displayName = "FormControl";
-var FormDescription = React43.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx17(
+var useFormField = () => {
+  const fieldContext = React43.useContext(FormFieldContext);
+  const itemContext = React43.useContext(FormItemContext);
+  const { getFieldState, formState } = useFormContext();
+  if (!fieldContext) {
+    const { id: id2 } = itemContext;
+    return {
+      id: itemContext.id,
+      formItemId: `${id2}-form-item`,
+      formDescriptionId: `${id2}-form-item-description`,
+      formMessageId: `${id2}-form-item-message`,
+      error: null
+    };
+  }
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return __spreadValues({
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`
+  }, fieldState);
+};
+var FormControl = React43.forwardRef((_a, ref) => {
+  var props = __objRest(_a, []);
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx19(
+    Slot3,
+    __spreadValues({
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error
+    }, props)
+  );
+});
+FormControl.displayName = "FormControl";
+var FormDescription = React43.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx19(
     "p",
     __spreadValues({
       ref,
@@ -5608,7 +5620,7 @@ var FormMessage = React43.forwardRef((_a, ref) => {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     "p",
     __spreadProps(__spreadValues({
       ref,
@@ -5624,12 +5636,12 @@ FormMessage.displayName = "FormMessage";
 // src/components/hover-card.tsx
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import * as React44 from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
 var HoverCardContent = React44.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx20(
     HoverCardPrimitive.Content,
     __spreadValues({
       ref,
@@ -5661,7 +5673,7 @@ import {
   Image as Image2,
   Laptop,
   LayoutDashboardIcon,
-  Loader2,
+  Loader2 as Loader22,
   LogIn,
   Moon,
   MoreVertical,
@@ -5681,7 +5693,7 @@ var IconsApp = __spreadValues({
   login: LogIn,
   close: X,
   profile: User2Icon,
-  spinner: Loader2,
+  spinner: Loader22,
   kanban: CircuitBoardIcon,
   chevronLeft: ChevronLeft,
   chevronRight: ChevronRight,
@@ -5706,35 +5718,14 @@ var IconsApp = __spreadValues({
 }, icon);
 var Icons = IconsApp;
 
-// src/components/input.tsx
-import * as React45 from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var Input = React45.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-    return /* @__PURE__ */ jsx19(
-      "input",
-      __spreadValues({
-        type,
-        className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ref
-      }, props)
-    );
-  }
-);
-Input.displayName = "Input";
-
 // src/components/input-otp.tsx
 import { DashIcon } from "@radix-ui/react-icons";
 import { OTPInput, OTPInputContext } from "input-otp";
-import * as React46 from "react";
-import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
-var InputOTP = React46.forwardRef((_a, ref) => {
+import * as React45 from "react";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+var InputOTP = React45.forwardRef((_a, ref) => {
   var _b = _a, { className, containerClassName } = _b, props = __objRest(_b, ["className", "containerClassName"]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     OTPInput,
     __spreadValues({
       ref,
@@ -5747,16 +5738,16 @@ var InputOTP = React46.forwardRef((_a, ref) => {
   );
 });
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React46.forwardRef((_a, ref) => {
+var InputOTPGroup = React45.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx20("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
+  return /* @__PURE__ */ jsx21("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
 });
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React46.forwardRef((_a, ref) => {
+var InputOTPSlot = React45.forwardRef((_a, ref) => {
   var _b = _a, { index, className } = _b, props = __objRest(_b, ["index", "className"]);
-  const inputOTPContext = React46.useContext(OTPInputContext);
+  const inputOTPContext = React45.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs11(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -5768,15 +5759,15 @@ var InputOTPSlot = React46.forwardRef((_a, ref) => {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx20("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx20("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx21("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx21("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     })
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React46.forwardRef((_a, ref) => {
+var InputOTPSeparator = React45.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx20("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ jsx20(DashIcon, {}) }));
+  return /* @__PURE__ */ jsx21("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ jsx21(DashIcon, {}) }));
 });
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
@@ -5787,16 +5778,16 @@ import {
   DotFilledIcon as DotFilledIcon3
 } from "@radix-ui/react-icons";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
-import * as React47 from "react";
-import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+import * as React46 from "react";
+import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
 var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-var Menubar = React47.forwardRef((_a, ref) => {
+var Menubar = React46.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     MenubarPrimitive.Root,
     __spreadValues({
       ref,
@@ -5808,9 +5799,9 @@ var Menubar = React47.forwardRef((_a, ref) => {
   );
 });
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React47.forwardRef((_a, ref) => {
+var MenubarTrigger = React46.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     MenubarPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -5822,9 +5813,9 @@ var MenubarTrigger = React47.forwardRef((_a, ref) => {
   );
 });
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React47.forwardRef((_a, ref) => {
+var MenubarSubTrigger = React46.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs12(
     MenubarPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       ref,
@@ -5836,15 +5827,15 @@ var MenubarSubTrigger = React47.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx21(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx22(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
       ]
     })
   );
 });
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React47.forwardRef((_a, ref) => {
+var MenubarSubContent = React46.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     MenubarPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -5856,10 +5847,10 @@ var MenubarSubContent = React47.forwardRef((_a, ref) => {
   );
 });
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React47.forwardRef(
+var MenubarContent = React46.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, align = "start", alignOffset = -4, sideOffset = 8 } = _b, props = __objRest(_b, ["className", "align", "alignOffset", "sideOffset"]);
-    return /* @__PURE__ */ jsx21(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx22(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx22(
       MenubarPrimitive.Content,
       __spreadValues({
         ref,
@@ -5875,9 +5866,9 @@ var MenubarContent = React47.forwardRef(
   }
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React47.forwardRef((_a, ref) => {
+var MenubarItem = React46.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     MenubarPrimitive.Item,
     __spreadValues({
       ref,
@@ -5890,9 +5881,9 @@ var MenubarItem = React47.forwardRef((_a, ref) => {
   );
 });
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React47.forwardRef((_a, ref) => {
+var MenubarCheckboxItem = React46.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs12(
     MenubarPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       ref,
@@ -5903,16 +5894,16 @@ var MenubarCheckboxItem = React47.forwardRef((_a, ref) => {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx21("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx21(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx21(CheckIcon4, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx22("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(CheckIcon4, { className: "h-4 w-4" }) }) }),
         children
       ]
     })
   );
 });
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React47.forwardRef((_a, ref) => {
+var MenubarRadioItem = React46.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs12(
     MenubarPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       ref,
@@ -5922,16 +5913,16 @@ var MenubarRadioItem = React47.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx21("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx21(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx21(DotFilledIcon3, { className: "h-4 w-4 fill-current" }) }) }),
+        /* @__PURE__ */ jsx22("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(DotFilledIcon3, { className: "h-4 w-4 fill-current" }) }) }),
         children
       ]
     })
   );
 });
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React47.forwardRef((_a, ref) => {
+var MenubarLabel = React46.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     MenubarPrimitive.Label,
     __spreadValues({
       ref,
@@ -5944,9 +5935,9 @@ var MenubarLabel = React47.forwardRef((_a, ref) => {
   );
 });
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React47.forwardRef((_a, ref) => {
+var MenubarSeparator = React46.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     MenubarPrimitive.Separator,
     __spreadValues({
       ref,
@@ -5961,7 +5952,7 @@ var MenubarShortcut = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "span",
     __spreadValues({
       className: cn(
@@ -5974,7 +5965,7 @@ var MenubarShortcut = (_a) => {
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/modal.tsx
-import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 var Modal = ({
   title,
   description,
@@ -5988,12 +5979,12 @@ var Modal = ({
       onClose();
     }
   };
-  return /* @__PURE__ */ jsx22(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ jsxs11(DialogContent, { className, children: [
-    /* @__PURE__ */ jsxs11(DialogHeader, { children: [
-      /* @__PURE__ */ jsx22(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx22(DialogDescription, { children: description })
+  return /* @__PURE__ */ jsx23(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ jsxs13(DialogContent, { className, children: [
+    /* @__PURE__ */ jsxs13(DialogHeader, { children: [
+      /* @__PURE__ */ jsx23(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx23(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx22("div", { children })
+    /* @__PURE__ */ jsx23("div", { children })
   ] }) });
 };
 
@@ -6001,11 +5992,11 @@ var Modal = ({
 import { ChevronDownIcon as ChevronDownIcon2 } from "@radix-ui/react-icons";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva5 } from "class-variance-authority";
-import * as React48 from "react";
-import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
-var NavigationMenu = React48.forwardRef((_a, ref) => {
+import * as React47 from "react";
+import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+var NavigationMenu = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs14(
     NavigationMenuPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -6016,15 +6007,15 @@ var NavigationMenu = React48.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx23(NavigationMenuViewport, {})
+        /* @__PURE__ */ jsx24(NavigationMenuViewport, {})
       ]
     })
   );
 });
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React48.forwardRef((_a, ref) => {
+var NavigationMenuList = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     NavigationMenuPrimitive.List,
     __spreadValues({
       ref,
@@ -6040,9 +6031,9 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva5(
   "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
 );
-var NavigationMenuTrigger = React48.forwardRef((_a, ref) => {
+var NavigationMenuTrigger = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs14(
     NavigationMenuPrimitive.Trigger,
     __spreadProps(__spreadValues({
       ref,
@@ -6051,7 +6042,7 @@ var NavigationMenuTrigger = React48.forwardRef((_a, ref) => {
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx24(
           ChevronDownIcon2,
           {
             className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -6063,9 +6054,9 @@ var NavigationMenuTrigger = React48.forwardRef((_a, ref) => {
   );
 });
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React48.forwardRef((_a, ref) => {
+var NavigationMenuContent = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -6078,9 +6069,9 @@ var NavigationMenuContent = React48.forwardRef((_a, ref) => {
 });
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React48.forwardRef((_a, ref) => {
+var NavigationMenuViewport = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx24(
     NavigationMenuPrimitive.Viewport,
     __spreadValues({
       className: cn(
@@ -6092,9 +6083,9 @@ var NavigationMenuViewport = React48.forwardRef((_a, ref) => {
   ) });
 });
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React48.forwardRef((_a, ref) => {
+var NavigationMenuIndicator = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     NavigationMenuPrimitive.Indicator,
     __spreadProps(__spreadValues({
       ref,
@@ -6103,7 +6094,7 @@ var NavigationMenuIndicator = React48.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx23("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ jsx24("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     })
   );
 });
@@ -6115,12 +6106,12 @@ import {
   ChevronRightIcon as ChevronRightIcon5,
   DotsHorizontalIcon as DotsHorizontalIcon2
 } from "@radix-ui/react-icons";
-import * as React49 from "react";
+import * as React48 from "react";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2 } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 var Pagination = (_a) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -6130,9 +6121,9 @@ var Pagination = (_a) => {
   );
 };
 Pagination.displayName = "Pagination";
-var PaginationContent = React49.forwardRef((_a, ref) => {
+var PaginationContent = React48.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "ul",
     __spreadValues({
       ref,
@@ -6141,9 +6132,9 @@ var PaginationContent = React49.forwardRef((_a, ref) => {
   );
 });
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React49.forwardRef((_a, ref) => {
+var PaginationItem = React48.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24("li", __spreadValues({ ref, className: cn("", className) }, props));
+  return /* @__PURE__ */ jsx25("li", __spreadValues({ ref, className: cn("", className) }, props));
 });
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = (_a) => {
@@ -6156,7 +6147,7 @@ var PaginationLink = (_a) => {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -6177,7 +6168,7 @@ var PaginationPreviousLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs15(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -6185,8 +6176,8 @@ var PaginationPreviousLast = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx24(ChevronLeft2, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx24("span", { className: "sr-only", children: "Previous Last" })
+        /* @__PURE__ */ jsx25(ChevronLeft2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "Previous Last" })
       ]
     })
   );
@@ -6198,7 +6189,7 @@ var PaginationPrevious = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs15(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -6206,8 +6197,8 @@ var PaginationPrevious = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx24(ChevronLeftIcon, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx24("span", { children: "Previous" })
+        /* @__PURE__ */ jsx25(ChevronLeftIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx25("span", { children: "Previous" })
       ]
     })
   );
@@ -6219,7 +6210,7 @@ var PaginationNext = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs15(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -6227,8 +6218,8 @@ var PaginationNext = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx24("span", { children: "Next" }),
-        /* @__PURE__ */ jsx24(ChevronRightIcon5, { className: "h-4 w-4" })
+        /* @__PURE__ */ jsx25("span", { children: "Next" }),
+        /* @__PURE__ */ jsx25(ChevronRightIcon5, { className: "h-4 w-4" })
       ]
     })
   );
@@ -6240,7 +6231,7 @@ var PaginationNextLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs15(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -6248,8 +6239,8 @@ var PaginationNextLast = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx24("span", { className: "sr-only", children: "Next Last" }),
-        /* @__PURE__ */ jsx24(ChevronRight2, { className: "h-4 w-4" })
+        /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "Next Last" }),
+        /* @__PURE__ */ jsx25(ChevronRight2, { className: "h-4 w-4" })
       ]
     })
   );
@@ -6261,15 +6252,15 @@ var PaginationEllipsis = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs15(
     "span",
     __spreadProps(__spreadValues({
       "aria-hidden": true,
       className: cn("flex h-9 w-9 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx24(DotsHorizontalIcon2, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx24("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx25(DotsHorizontalIcon2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
@@ -6278,14 +6269,14 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import * as React50 from "react";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import * as React49 from "react";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React50.forwardRef((_a, ref) => {
+var PopoverContent = React49.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ jsx25(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx26(
     PopoverPrimitive.Content,
     __spreadValues({
       ref,
@@ -6302,11 +6293,11 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import * as React51 from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
-var Progress = React51.forwardRef((_a, ref) => {
+import * as React50 from "react";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var Progress = React50.forwardRef((_a, ref) => {
   var _b = _a, { className, value } = _b, props = __objRest(_b, ["className", "value"]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -6315,7 +6306,7 @@ var Progress = React51.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx26(
+      children: /* @__PURE__ */ jsx27(
         ProgressPrimitive.Indicator,
         {
           className: "h-full w-full flex-1 bg-primary transition-all",
@@ -6330,11 +6321,11 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
 // src/components/radio-group.tsx
 import { CheckIcon as CheckIcon5 } from "@radix-ui/react-icons";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import * as React52 from "react";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var RadioGroup4 = React52.forwardRef((_a, ref) => {
+import * as React51 from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var RadioGroup4 = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     RadioGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       className: cn("grid gap-2", className)
@@ -6344,9 +6335,9 @@ var RadioGroup4 = React52.forwardRef((_a, ref) => {
   );
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React52.forwardRef((_a, ref) => {
+var RadioGroupItem = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     RadioGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
@@ -6355,7 +6346,7 @@ var RadioGroupItem = React52.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx27(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx27(CheckIcon5, { className: "h-3.5 w-3.5 fill-primary" }) })
+      children: /* @__PURE__ */ jsx28(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx28(CheckIcon5, { className: "h-3.5 w-3.5 fill-primary" }) })
     })
   );
 });
@@ -6364,14 +6355,14 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 // src/components/resizable.tsx
 import { DragHandleDots2Icon } from "@radix-ui/react-icons";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var ResizablePanelGroup = (_a) => {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     ResizablePrimitive.PanelGroup,
     __spreadValues({
       className: cn(
@@ -6390,7 +6381,7 @@ var ResizableHandle = (_a) => {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     ResizablePrimitive.PanelResizeHandle,
     __spreadProps(__spreadValues({
       className: cn(
@@ -6398,35 +6389,35 @@ var ResizableHandle = (_a) => {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ jsx28("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx28(DragHandleDots2Icon, { className: "h-2.5 w-2.5" }) })
+      children: withHandle && /* @__PURE__ */ jsx29("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx29(DragHandleDots2Icon, { className: "h-2.5 w-2.5" }) })
     })
   );
 };
 
 // src/components/scroll-area.tsx
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import * as React53 from "react";
-import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
-var ScrollArea = React53.forwardRef((_a, ref) => {
+import * as React52 from "react";
+import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+var ScrollArea = React52.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     ScrollAreaPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
       className: cn("relative overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx29(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-        /* @__PURE__ */ jsx29(ScrollBar, {}),
-        /* @__PURE__ */ jsx29(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx30(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+        /* @__PURE__ */ jsx30(ScrollBar, {}),
+        /* @__PURE__ */ jsx30(ScrollAreaPrimitive.Corner, {})
       ]
     })
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React53.forwardRef((_a, ref) => {
+var ScrollBar = React52.forwardRef((_a, ref) => {
   var _b = _a, { className, orientation = "vertical" } = _b, props = __objRest(_b, ["className", "orientation"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       ref,
@@ -6438,12 +6429,48 @@ var ScrollBar = React53.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx29(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+      children: /* @__PURE__ */ jsx30(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
     })
   );
 });
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
+// src/components/search-input.tsx
+import React53, { useCallback as useCallback4 } from "react";
+import { useDebounce } from "use-debounce";
+import { jsx as jsx31 } from "react/jsx-runtime";
+function SearchInput({
+  value,
+  placeholder,
+  className,
+  debounceTime = 750,
+  onSearch
+}) {
+  const [searchTerm, setSearchTerm] = React53.useState(value);
+  const [debouncedValue] = useDebounce(searchTerm, debounceTime);
+  const handleSettingSearchParams = useCallback4((newSearchValue) => {
+    if (newSearchValue === "" || newSearchValue === void 0 || !newSearchValue) {
+      onSearch(newSearchValue);
+      return;
+    }
+  }, []);
+  React53.useEffect(() => {
+    handleSettingSearchParams(debouncedValue);
+  }, [debouncedValue, handleSettingSearchParams]);
+  React53.useEffect(() => {
+    setSearchTerm(value);
+  }, [value]);
+  return /* @__PURE__ */ jsx31(
+    Input,
+    {
+      placeholder: placeholder || `Search...`,
+      value: searchTerm,
+      onChange: (event) => setSearchTerm(event.target.value),
+      className: cn("w-full md:max-w-sm", className)
+    }
+  );
+}
+
 // src/components/select.tsx
 import {
   CaretSortIcon,
@@ -6453,13 +6480,13 @@ import {
 } from "@radix-ui/react-icons";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import * as React54 from "react";
-import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
 var Select2 = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
 var SelectTrigger = React54.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs17(
     SelectPrimitive.Trigger,
     __spreadProps(__spreadValues({
       ref,
@@ -6470,7 +6497,7 @@ var SelectTrigger = React54.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx30(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx30(CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
+        /* @__PURE__ */ jsx32(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx32(CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
       ]
     })
   );
@@ -6478,7 +6505,7 @@ var SelectTrigger = React54.forwardRef((_a, ref) => {
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 var SelectScrollUpButton = React54.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     SelectPrimitive.ScrollUpButton,
     __spreadProps(__spreadValues({
       ref,
@@ -6487,14 +6514,14 @@ var SelectScrollUpButton = React54.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx30(ChevronUpIcon, {})
+      children: /* @__PURE__ */ jsx32(ChevronUpIcon, {})
     })
   );
 });
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
 var SelectScrollDownButton = React54.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     SelectPrimitive.ScrollDownButton,
     __spreadProps(__spreadValues({
       ref,
@@ -6503,14 +6530,14 @@ var SelectScrollDownButton = React54.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx30(ChevronDownIcon3, {})
+      children: /* @__PURE__ */ jsx32(ChevronDownIcon3, {})
     })
   );
 });
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
 var SelectContent = React54.forwardRef((_a, ref) => {
   var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
-  return /* @__PURE__ */ jsx30(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx32(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs17(
     SelectPrimitive.Content,
     __spreadProps(__spreadValues({
       ref,
@@ -6522,8 +6549,8 @@ var SelectContent = React54.forwardRef((_a, ref) => {
       position
     }, props), {
       children: [
-        /* @__PURE__ */ jsx30(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx32(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx32(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -6533,7 +6560,7 @@ var SelectContent = React54.forwardRef((_a, ref) => {
             children
           }
         ),
-        /* @__PURE__ */ jsx30(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx32(SelectScrollDownButton, {})
       ]
     })
   ) });
@@ -6541,7 +6568,7 @@ var SelectContent = React54.forwardRef((_a, ref) => {
 SelectContent.displayName = SelectPrimitive.Content.displayName;
 var SelectLabel = React54.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     SelectPrimitive.Label,
     __spreadValues({
       ref,
@@ -6552,7 +6579,7 @@ var SelectLabel = React54.forwardRef((_a, ref) => {
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
 var SelectItem = React54.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs17(
     SelectPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
@@ -6562,8 +6589,8 @@ var SelectItem = React54.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx30("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx30(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx30(CheckIcon6, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ jsx30(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx32("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx32(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx32(CheckIcon6, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx32(SelectPrimitive.ItemText, { children })
       ]
     })
   );
@@ -6571,7 +6598,7 @@ var SelectItem = React54.forwardRef((_a, ref) => {
 SelectItem.displayName = SelectPrimitive.Item.displayName;
 var SelectSeparator = React54.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     SelectPrimitive.Separator,
     __spreadValues({
       ref,
@@ -6584,11 +6611,11 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 // src/components/separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as React55 from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var Separator5 = React55.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, orientation = "horizontal", decorative = true } = _b, props = __objRest(_b, ["className", "orientation", "decorative"]);
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx33(
       SeparatorPrimitive.Root,
       __spreadValues({
         ref,
@@ -6610,14 +6637,14 @@ import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { Cross2Icon as Cross2Icon2 } from "@radix-ui/react-icons";
 import { cva as cva6 } from "class-variance-authority";
 import * as React56 from "react";
-import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
 var SheetOverlay = React56.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34(
     SheetPrimitive.Overlay,
     __spreadProps(__spreadValues({
       className: cn(
@@ -6648,9 +6675,9 @@ var sheetVariants = cva6(
 );
 var SheetContent = React56.forwardRef((_a, ref) => {
   var _b = _a, { side = "right", className, children } = _b, props = __objRest(_b, ["side", "className", "children"]);
-  return /* @__PURE__ */ jsxs16(SheetPortal, { children: [
-    /* @__PURE__ */ jsx32(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs18(SheetPortal, { children: [
+    /* @__PURE__ */ jsx34(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs18(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
         ref,
@@ -6658,9 +6685,9 @@ var SheetContent = React56.forwardRef((_a, ref) => {
       }, props), {
         children: [
           children,
-          /* @__PURE__ */ jsxs16(SheetPrimitive.Close, { 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-secondary", children: [
-            /* @__PURE__ */ jsx32(Cross2Icon2, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsxs18(SheetPrimitive.Close, { 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-secondary", children: [
+            /* @__PURE__ */ jsx34(Cross2Icon2, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx34("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       })
@@ -6674,7 +6701,7 @@ var SheetHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       className: cn(
@@ -6691,7 +6718,7 @@ var SheetFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       className: cn(
@@ -6704,7 +6731,7 @@ var SheetFooter = (_a) => {
 SheetFooter.displayName = "SheetFooter";
 var SheetTitle = React56.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34(
     SheetPrimitive.Title,
     __spreadValues({
       ref,
@@ -6715,7 +6742,7 @@ var SheetTitle = React56.forwardRef((_a, ref) => {
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 var SheetDescription = React56.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34(
     SheetPrimitive.Description,
     __spreadValues({
       ref,
@@ -6726,14 +6753,14 @@ var SheetDescription = React56.forwardRef((_a, ref) => {
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/skeleton.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function Skeleton(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(
     "div",
     __spreadValues({
       className: cn("animate-pulse rounded-md bg-primary/10", className)
@@ -6744,10 +6771,10 @@ function Skeleton(_a) {
 // src/components/slider.tsx
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import * as React57 from "react";
-import { jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
 var Slider = React57.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19(
     SliderPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -6757,8 +6784,8 @@ var Slider = React57.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx34(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx34(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-        /* @__PURE__ */ jsx34(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
+        /* @__PURE__ */ jsx36(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx36(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+        /* @__PURE__ */ jsx36(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
       ]
     })
   );
@@ -6768,11 +6795,11 @@ Slider.displayName = SliderPrimitive.Root.displayName;
 // src/components/sonner.tsx
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var Toaster = (_a) => {
   var props = __objRest(_a, []);
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx37(
     Sonner,
     __spreadValues({
       theme,
@@ -6792,10 +6819,10 @@ var Toaster = (_a) => {
 // src/components/switch.tsx
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import * as React58 from "react";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var Switch = React58.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(
     SwitchPrimitives.Root,
     __spreadProps(__spreadValues({
       className: cn(
@@ -6804,7 +6831,7 @@ var Switch = React58.forwardRef((_a, ref) => {
       )
     }, props), {
       ref,
-      children: /* @__PURE__ */ jsx36(
+      children: /* @__PURE__ */ jsx38(
         SwitchPrimitives.Thumb,
         {
           className: cn(
@@ -6819,10 +6846,10 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/table.tsx
 import * as React59 from "react";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var Table = React59.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx37("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx39(
     "table",
     __spreadValues({
       ref,
@@ -6833,12 +6860,12 @@ var Table = React59.forwardRef((_a, ref) => {
 Table.displayName = "Table";
 var TableHeader = React59.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx37("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
+  return /* @__PURE__ */ jsx39("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
 });
 TableHeader.displayName = "TableHeader";
 var TableBody = React59.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "tbody",
     __spreadValues({
       ref,
@@ -6849,7 +6876,7 @@ var TableBody = React59.forwardRef((_a, ref) => {
 TableBody.displayName = "TableBody";
 var TableFooter = React59.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "tfoot",
     __spreadValues({
       ref,
@@ -6863,7 +6890,7 @@ var TableFooter = React59.forwardRef((_a, ref) => {
 TableFooter.displayName = "TableFooter";
 var TableRow = React59.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "tr",
     __spreadValues({
       ref,
@@ -6877,7 +6904,7 @@ var TableRow = React59.forwardRef((_a, ref) => {
 TableRow.displayName = "TableRow";
 var TableHead = React59.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "th",
     __spreadValues({
       ref,
@@ -6891,7 +6918,7 @@ var TableHead = React59.forwardRef((_a, ref) => {
 TableHead.displayName = "TableHead";
 var TableCell = React59.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "td",
     __spreadValues({
       ref,
@@ -6905,7 +6932,7 @@ var TableCell = React59.forwardRef((_a, ref) => {
 TableCell.displayName = "TableCell";
 var TableCaption = React59.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "caption",
     __spreadValues({
       ref,
@@ -6918,11 +6945,11 @@ TableCaption.displayName = "TableCaption";
 // src/components/tabs.tsx
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React60 from "react";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
 var TabsList = React60.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     TabsPrimitive.List,
     __spreadValues({
       ref,
@@ -6936,7 +6963,7 @@ var TabsList = React60.forwardRef((_a, ref) => {
 TabsList.displayName = TabsPrimitive.List.displayName;
 var TabsTrigger = React60.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     TabsPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -6950,7 +6977,7 @@ var TabsTrigger = React60.forwardRef((_a, ref) => {
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 var TabsContent = React60.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     TabsPrimitive.Content,
     __spreadValues({
       ref,
@@ -6965,11 +6992,11 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/textarea.tsx
 import * as React61 from "react";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var Textarea = React61.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx41(
       "textarea",
       __spreadValues({
         className: cn(
@@ -6988,11 +7015,11 @@ import { Cross2Icon as Cross2Icon3 } from "@radix-ui/react-icons";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva7 } from "class-variance-authority";
 import * as React62 from "react";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
 var ToastViewport = React62.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     ToastPrimitives.Viewport,
     __spreadValues({
       ref,
@@ -7020,7 +7047,7 @@ var toastVariants = cva7(
 );
 var Toast = React62.forwardRef((_a, ref) => {
   var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     ToastPrimitives.Root,
     __spreadValues({
       ref,
@@ -7031,7 +7058,7 @@ var Toast = React62.forwardRef((_a, ref) => {
 Toast.displayName = ToastPrimitives.Root.displayName;
 var ToastAction = React62.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     ToastPrimitives.Action,
     __spreadValues({
       ref,
@@ -7045,7 +7072,7 @@ var ToastAction = React62.forwardRef((_a, ref) => {
 ToastAction.displayName = ToastPrimitives.Action.displayName;
 var ToastClose = React62.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     ToastPrimitives.Close,
     __spreadProps(__spreadValues({
       ref,
@@ -7055,14 +7082,14 @@ var ToastClose = React62.forwardRef((_a, ref) => {
       ),
       "toast-close": ""
     }, props), {
-      children: /* @__PURE__ */ jsx40(Cross2Icon3, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ jsx42(Cross2Icon3, { className: "h-4 w-4" })
     })
   );
 });
 ToastClose.displayName = ToastPrimitives.Close.displayName;
 var ToastTitle = React62.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     ToastPrimitives.Title,
     __spreadValues({
       ref,
@@ -7073,7 +7100,7 @@ var ToastTitle = React62.forwardRef((_a, ref) => {
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
 var ToastDescription = React62.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     ToastPrimitives.Description,
     __spreadValues({
       ref,
@@ -7087,7 +7114,7 @@ ToastDescription.displayName = ToastPrimitives.Description.displayName;
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva8 } from "class-variance-authority";
 import * as React63 from "react";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var toggleVariants = cva8(
   "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
   {
@@ -7110,7 +7137,7 @@ var toggleVariants = cva8(
 );
 var Toggle = React63.forwardRef((_a, ref) => {
   var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     TogglePrimitive.Root,
     __spreadValues({
       ref,
@@ -7123,20 +7150,20 @@ Toggle.displayName = TogglePrimitive.Root.displayName;
 // src/components/toggle-group.tsx
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import * as React64 from "react";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var ToggleGroupContext = React64.createContext({
   size: "default",
   variant: "default"
 });
 var ToggleGroup = React64.forwardRef((_a, ref) => {
   var _b = _a, { className, variant, size, children } = _b, props = __objRest(_b, ["className", "variant", "size", "children"]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     ToggleGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
       className: cn("flex items-center justify-center gap-1", className)
     }, props), {
-      children: /* @__PURE__ */ jsx42(ToggleGroupContext.Provider, { value: { variant, size }, children })
+      children: /* @__PURE__ */ jsx44(ToggleGroupContext.Provider, { value: { variant, size }, children })
     })
   );
 });
@@ -7144,7 +7171,7 @@ ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
 var ToggleGroupItem = React64.forwardRef((_a, ref) => {
   var _b = _a, { className, children, variant, size } = _b, props = __objRest(_b, ["className", "children", "variant", "size"]);
   const context = React64.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     ToggleGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
@@ -7165,13 +7192,13 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 // src/components/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as React65 from "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 var TooltipContent = React65.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45(
     TooltipPrimitive.Content,
     __spreadValues({
       ref,
@@ -7297,44 +7324,8 @@ function useToast() {
   });
 }
 
-// src/components/search-input.tsx
-import React67, { useCallback as useCallback3 } from "react";
-import { useDebounce } from "use-debounce";
-import { jsx as jsx44 } from "react/jsx-runtime";
-function SearchInput({
-  value,
-  placeholder,
-  className,
-  debounceTime = 750,
-  onSearch
-}) {
-  const [searchTerm, setSearchTerm] = React67.useState(value);
-  const [debouncedValue] = useDebounce(searchTerm, debounceTime);
-  const handleSettingSearchParams = useCallback3((newSearchValue) => {
-    if (newSearchValue === "" || newSearchValue === void 0 || !newSearchValue) {
-      onSearch(newSearchValue);
-      return;
-    }
-  }, []);
-  React67.useEffect(() => {
-    handleSettingSearchParams(debouncedValue);
-  }, [debouncedValue, handleSettingSearchParams]);
-  React67.useEffect(() => {
-    setSearchTerm(value);
-  }, [value]);
-  return /* @__PURE__ */ jsx44(
-    Input,
-    {
-      placeholder: placeholder || `Search...`,
-      value: searchTerm,
-      onChange: (event) => setSearchTerm(event.target.value),
-      className: cn("w-full md:max-w-sm", className)
-    }
-  );
-}
-
 // src/shared/alert-modal.tsx
-import { jsx as jsx45, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs20 } from "react/jsx-runtime";
 var AlertModal = ({
   isOpen,
   onClose,
@@ -7347,7 +7338,7 @@ var AlertModal = ({
   className,
   children
 }) => {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     Modal,
     {
       title,
@@ -7355,9 +7346,9 @@ var AlertModal = ({
       isOpen,
       onClose,
       className,
-      children: children ? children : /* @__PURE__ */ jsxs18("div", { className: "flex w-full items-center justify-end space-x-2 pt-6", children: [
-        /* @__PURE__ */ jsx45(Button, { disabled: loading, variant: "outline", onClick: onClose, children: cancelText }),
-        /* @__PURE__ */ jsx45(Button, { disabled: loading, variant: "destructive", onClick: onConfirm, children: confirmText })
+      children: children ? children : /* @__PURE__ */ jsxs20("div", { className: "flex w-full items-center justify-end space-x-2 pt-6", children: [
+        /* @__PURE__ */ jsx46(Button, { disabled: loading, variant: "outline", onClick: onClose, children: cancelText }),
+        /* @__PURE__ */ jsx46(Button, { disabled: loading, variant: "destructive", onClick: onConfirm, children: confirmText })
       ] })
     }
   );
@@ -7366,57 +7357,17 @@ var AlertModal = ({
 // src/shared/breadcrumbs.tsx
 import { Slash } from "lucide-react";
 import { Fragment } from "react";
-import { jsx as jsx46, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
 function Breadcrumbs({ items, className, classNameList }) {
-  return /* @__PURE__ */ jsx46(Breadcrumb, { className, children: /* @__PURE__ */ jsx46(BreadcrumbList, { className: classNameList, children: items.map((item, index) => /* @__PURE__ */ jsxs19(Fragment, { children: [
-    index !== items.length - 1 && /* @__PURE__ */ jsx46(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ jsx46(BreadcrumbLink, { href: item.link, children: item.title }) }),
-    index < items.length - 1 && /* @__PURE__ */ jsx46(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx46(Slash, {}) }),
-    index === items.length - 1 && /* @__PURE__ */ jsx46(BreadcrumbPage, { children: item.title })
+  return /* @__PURE__ */ jsx47(Breadcrumb, { className, children: /* @__PURE__ */ jsx47(BreadcrumbList, { className: classNameList, children: items.map((item, index) => /* @__PURE__ */ jsxs21(Fragment, { children: [
+    index !== items.length - 1 && /* @__PURE__ */ jsx47(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ jsx47(BreadcrumbLink, { href: item.link, children: item.title }) }),
+    index < items.length - 1 && /* @__PURE__ */ jsx47(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx47(Slash, {}) }),
+    index === items.length - 1 && /* @__PURE__ */ jsx47(BreadcrumbPage, { children: item.title })
   ] }, item.title)) }) });
 }
 
-// src/shared/data-table-skeleton.tsx
-import { jsx as jsx47, jsxs as jsxs20 } from "react/jsx-runtime";
-function DataTableSkeleton({
-  columnCount,
-  rowCount = 10,
-  searchableColumnCount = 0,
-  filterableColumnCount = 0,
-  showViewOptions = true
-}) {
-  return /* @__PURE__ */ jsxs20("div", { className: "w-full space-y-3 overflow-auto", children: [
-    /* @__PURE__ */ jsxs20("div", { className: "flex w-full items-center justify-between space-x-2 overflow-auto p-1", children: [
-      /* @__PURE__ */ jsxs20("div", { className: "flex flex-1 items-center space-x-2 space-y-4", children: [
-        searchableColumnCount > 0 ? Array.from({ length: searchableColumnCount }).map((_, i) => /* @__PURE__ */ jsx47(Skeleton, { className: "h-10 w-[150px] lg:w-[250px]" }, i)) : null,
-        filterableColumnCount > 0 ? Array.from({ length: filterableColumnCount }).map((_, i) => /* @__PURE__ */ jsx47(Skeleton, { className: "h-10 w-[70px] border-dashed" }, i)) : null
-      ] }),
-      showViewOptions ? /* @__PURE__ */ jsx47(Skeleton, { className: "ml-auto hidden h-7 w-[70px] lg:flex" }) : null
-    ] }),
-    /* @__PURE__ */ jsx47("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs20(Table, { children: [
-      /* @__PURE__ */ jsx47(TableHeader, { children: Array.from({ length: 1 }).map((_, i) => /* @__PURE__ */ jsx47(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ jsx47(TableHead, { children: /* @__PURE__ */ jsx47(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) }),
-      /* @__PURE__ */ jsx47(TableBody, { children: Array.from({ length: rowCount }).map((_, i) => /* @__PURE__ */ jsx47(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ jsx47(TableCell, { children: /* @__PURE__ */ jsx47(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) })
-    ] }) }),
-    /* @__PURE__ */ jsxs20("div", { className: "flex w-full flex-col items-center justify-between gap-4 overflow-auto px-2 py-1 sm:flex-row sm:gap-8", children: [
-      /* @__PURE__ */ jsx47("div", { className: "flex-1", children: /* @__PURE__ */ jsx47(Skeleton, { className: "h-8 w-40" }) }),
-      /* @__PURE__ */ jsxs20("div", { className: "flex flex-col items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8", children: [
-        /* @__PURE__ */ jsxs20("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx47(Skeleton, { className: "h-8 w-24" }),
-          /* @__PURE__ */ jsx47(Skeleton, { className: "h-8 w-[70px]" })
-        ] }),
-        /* @__PURE__ */ jsx47("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: /* @__PURE__ */ jsx47(Skeleton, { className: "h-8 w-20" }) }),
-        /* @__PURE__ */ jsxs20("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx47(Skeleton, { className: "hidden size-8 lg:block" }),
-          /* @__PURE__ */ jsx47(Skeleton, { className: "size-8" }),
-          /* @__PURE__ */ jsx47(Skeleton, { className: "size-8" }),
-          /* @__PURE__ */ jsx47(Skeleton, { className: "hidden size-8 lg:block" })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-
 // src/shared/data-table.tsx
-import React68, { useEffect as useEffect4 } from "react";
+import React67, { useEffect as useEffect4 } from "react";
 import {
   DoubleArrowLeftIcon,
   DoubleArrowRightIcon
@@ -7429,7 +7380,7 @@ import {
   useReactTable
 } from "@tanstack/react-table";
 import { ChevronLeftIcon as ChevronLeftIcon2, ChevronRightIcon as ChevronRightIcon6 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx48, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
 function DataTable({
   columns,
   data,
@@ -7440,6 +7391,8 @@ function DataTable({
   rowPerPageLabel = "Rows per page",
   ofLabel = "of",
   pageLabel = "Page",
+  isRowsSelected = true,
+  rowsSelectedLabel = "row(s) selected",
   className,
   emptyData,
   bodyClassName,
@@ -7448,9 +7401,10 @@ function DataTable({
   rowClassName,
   tableClassName,
   onPageChange,
-  onClick
+  onClick,
+  onPageSizeChange
 }) {
-  const [pagination, setPagination] = React68.useState({
+  const [pagination, setPagination] = React67.useState({
     pageIndex: Math.max(page - 1, 0),
     pageSize: perPage
   });
@@ -7473,11 +7427,11 @@ function DataTable({
   };
   useEffect4(() => {
     if (onPageChange) {
-      onPageChange(pagination.pageIndex);
+      onPageChange(pagination.pageIndex + 1);
     }
-  }, [pagination, setPagination]);
-  return /* @__PURE__ */ jsxs21(Fragment2, { children: [
-    /* @__PURE__ */ jsxs21(
+  }, [pagination]);
+  return /* @__PURE__ */ jsxs22(Fragment2, { children: [
+    /* @__PURE__ */ jsxs22(
       ScrollArea,
       {
         className: cn(
@@ -7485,7 +7439,7 @@ function DataTable({
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs21(Table, { className: cn("relative", tableClassName), children: [
+          /* @__PURE__ */ jsxs22(Table, { className: cn("relative", tableClassName), children: [
             /* @__PURE__ */ jsx48(TableHeader, { className: headerClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx48(TableRow, { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx48(TableHead, { className: headerClassName, children: header.isPlaceholder ? null : flexRender(
               header.column.columnDef.header,
               header.getContext()
@@ -7515,23 +7469,30 @@ function DataTable({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center justify-end gap-2 space-x-2 py-4 sm:flex-row", children: [
-      /* @__PURE__ */ jsxs21("div", { className: "flex w-full items-center justify-between", children: [
-        /* @__PURE__ */ jsxs21("div", { className: "text-muted-foreground flex-1 text-sm", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center justify-end gap-2 space-x-2 py-4 sm:flex-row", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "flex w-full items-center justify-between", children: [
+        isRowsSelected ? /* @__PURE__ */ jsxs22("div", { className: "text-muted-foreground flex-1 text-sm", children: [
           table.getFilteredSelectedRowModel().rows.length,
           " ",
           ofLabel,
           " ",
           table.getFilteredRowModel().rows.length,
-          " row(s) selected."
-        ] }),
-        /* @__PURE__ */ jsxs21("div", { className: "flex items-center space-x-2", children: [
+          " " + rowsSelectedLabel
+        ] }) : null,
+        /* @__PURE__ */ jsxs22("div", { className: "flex items-center space-x-2", children: [
           /* @__PURE__ */ jsx48("p", { className: "text-sm font-medium whitespace-nowrap", children: rowPerPageLabel }),
-          /* @__PURE__ */ jsxs21(
+          /* @__PURE__ */ jsxs22(
             Select2,
             {
               value: `${pagination.pageSize}`,
-              onValueChange: (value) => setPagination(__spreadProps(__spreadValues({}, pagination), { pageSize: Number(value) })),
+              onValueChange: (value) => {
+                const newSize = Number(value);
+                setPagination(__spreadProps(__spreadValues({}, pagination), {
+                  pageSize: newSize,
+                  pageIndex: 0
+                }));
+                if (onPageSizeChange) onPageSizeChange(newSize);
+              },
               children: [
                 /* @__PURE__ */ jsx48(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx48(SelectValue, { placeholder: pagination.pageSize }) }),
                 /* @__PURE__ */ jsx48(SelectContent, { side: "top", children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx48(SelectItem, { value: `${size}`, children: size }, size)) })
@@ -7540,8 +7501,8 @@ function DataTable({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs21("div", { className: "flex w-full items-center justify-between gap-2 sm:justify-end", children: [
-        /* @__PURE__ */ jsxs21("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "flex w-full items-center justify-between gap-2 sm:justify-end", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
           pageLabel,
           " ",
           pagination.pageIndex + 1,
@@ -7550,7 +7511,7 @@ function DataTable({
           " ",
           pageCount
         ] }),
-        /* @__PURE__ */ jsxs21("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "flex items-center space-x-2", children: [
           /* @__PURE__ */ jsx48(
             Button,
             {
@@ -7605,12 +7566,52 @@ function DataTable({
   ] });
 }
 
+// src/shared/data-table-skeleton.tsx
+import { jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
+function DataTableSkeleton({
+  columnCount,
+  rowCount = 10,
+  searchableColumnCount = 0,
+  filterableColumnCount = 0,
+  showViewOptions = true
+}) {
+  return /* @__PURE__ */ jsxs23("div", { className: "w-full space-y-3 overflow-auto", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex w-full items-center justify-between space-x-2 overflow-auto p-1", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex flex-1 items-center space-x-2 space-y-4", children: [
+        searchableColumnCount > 0 ? Array.from({ length: searchableColumnCount }).map((_, i) => /* @__PURE__ */ jsx49(Skeleton, { className: "h-10 w-[150px] lg:w-[250px]" }, i)) : null,
+        filterableColumnCount > 0 ? Array.from({ length: filterableColumnCount }).map((_, i) => /* @__PURE__ */ jsx49(Skeleton, { className: "h-10 w-[70px] border-dashed" }, i)) : null
+      ] }),
+      showViewOptions ? /* @__PURE__ */ jsx49(Skeleton, { className: "ml-auto hidden h-7 w-[70px] lg:flex" }) : null
+    ] }),
+    /* @__PURE__ */ jsx49("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs23(Table, { children: [
+      /* @__PURE__ */ jsx49(TableHeader, { children: Array.from({ length: 1 }).map((_, i) => /* @__PURE__ */ jsx49(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ jsx49(TableHead, { children: /* @__PURE__ */ jsx49(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) }),
+      /* @__PURE__ */ jsx49(TableBody, { children: Array.from({ length: rowCount }).map((_, i) => /* @__PURE__ */ jsx49(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ jsx49(TableCell, { children: /* @__PURE__ */ jsx49(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) })
+    ] }) }),
+    /* @__PURE__ */ jsxs23("div", { className: "flex w-full flex-col items-center justify-between gap-4 overflow-auto px-2 py-1 sm:flex-row sm:gap-8", children: [
+      /* @__PURE__ */ jsx49("div", { className: "flex-1", children: /* @__PURE__ */ jsx49(Skeleton, { className: "h-8 w-40" }) }),
+      /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ jsx49(Skeleton, { className: "h-8 w-24" }),
+          /* @__PURE__ */ jsx49(Skeleton, { className: "h-8 w-[70px]" })
+        ] }),
+        /* @__PURE__ */ jsx49("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: /* @__PURE__ */ jsx49(Skeleton, { className: "h-8 w-20" }) }),
+        /* @__PURE__ */ jsxs23("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ jsx49(Skeleton, { className: "hidden size-8 lg:block" }),
+          /* @__PURE__ */ jsx49(Skeleton, { className: "size-8" }),
+          /* @__PURE__ */ jsx49(Skeleton, { className: "size-8" }),
+          /* @__PURE__ */ jsx49(Skeleton, { className: "hidden size-8 lg:block" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
 // src/shared/fileupload.tsx
 import { AvatarIcon } from "@radix-ui/react-icons";
 import { CameraIcon } from "lucide-react";
 import { useEffect as useEffect5, useState as useState5 } from "react";
 import { useDropzone } from "react-dropzone";
-import { jsx as jsx49, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs24 } from "react/jsx-runtime";
 function FileUpload({
   onChange,
   value,
@@ -7628,18 +7629,18 @@ function FileUpload({
   const onUpdateFile = (newFiles) => {
     onChange(newFiles);
   };
-  return /* @__PURE__ */ jsx49("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ jsx50(
     "div",
     {
       className: cn(
         "relative h-36 w-36 overflow-hidden rounded-full bg-gray-200 shadow-2xl ",
         classNameContent
       ),
-      children: /* @__PURE__ */ jsxs22("div", __spreadProps(__spreadValues({}, getRootProps({ className: "dropzone cursor-pointer" })), { children: [
-        /* @__PURE__ */ jsx49("input", __spreadValues({}, getInputProps())),
-        value && !!value.length ? /* @__PURE__ */ jsx49(ImagePreview, { file: value[0] }) : /* @__PURE__ */ jsx49(AvatarIcon, { className: "h-36 w-36 text-gray-100" }),
-        /* @__PURE__ */ jsxs22("p", { className: "absolute -bottom-5 left-1/2 flex w-full -translate-x-1/2 -translate-y-1/2 transform flex-col items-center justify-center bg-gray-300 bg-opacity-50 py-1 text-xs font-normal text-muted-foreground ", children: [
-          /* @__PURE__ */ jsx49(CameraIcon, { className: "h-4 w-4 text-muted-foreground" }),
+      children: /* @__PURE__ */ jsxs24("div", __spreadProps(__spreadValues({}, getRootProps({ className: "dropzone cursor-pointer" })), { children: [
+        /* @__PURE__ */ jsx50("input", __spreadValues({}, getInputProps())),
+        value && !!value.length ? /* @__PURE__ */ jsx50(ImagePreview, { file: value[0] }) : /* @__PURE__ */ jsx50(AvatarIcon, { className: "h-36 w-36 text-gray-100" }),
+        /* @__PURE__ */ jsxs24("p", { className: "absolute -bottom-5 left-1/2 flex w-full -translate-x-1/2 -translate-y-1/2 transform flex-col items-center justify-center bg-gray-300 bg-opacity-50 py-1 text-xs font-normal text-muted-foreground ", children: [
+          /* @__PURE__ */ jsx50(CameraIcon, { className: "h-4 w-4 text-muted-foreground" }),
           label
         ] })
       ] }))
@@ -7655,7 +7656,7 @@ function ImagePreview({ file }) {
       URL.revokeObjectURL(url);
     };
   }, [file]);
-  return objectUrl ? /* @__PURE__ */ jsx49(
+  return objectUrl ? /* @__PURE__ */ jsx50(
     "img",
     {
       src: objectUrl,
@@ -7666,19 +7667,19 @@ function ImagePreview({ file }) {
 }
 
 // src/shared/heading.tsx
-import { jsx as jsx50, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs25 } from "react/jsx-runtime";
 function Heading({ title, description, className }) {
-  return /* @__PURE__ */ jsxs23("div", { className, children: [
-    /* @__PURE__ */ jsx50("h2", { className: "text-xl font-bold tracking-tight text-primary sm:text-3xl", children: title }),
-    /* @__PURE__ */ jsx50("p", { className: "text-sm text-muted-foreground", children: description })
+  return /* @__PURE__ */ jsxs25("div", { className, children: [
+    /* @__PURE__ */ jsx51("h2", { className: "text-xl font-bold tracking-tight text-primary sm:text-3xl", children: title }),
+    /* @__PURE__ */ jsx51("p", { className: "text-sm text-muted-foreground", children: description })
   ] });
 }
 
 // src/shared/page-head.tsx
 import { Helmet } from "react-helmet-next";
-import { jsx as jsx51, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
 function PageHead({ title = "shadcn-ui-react" }) {
-  return /* @__PURE__ */ jsx51(Helmet, { children: /* @__PURE__ */ jsxs24("title", { children: [
+  return /* @__PURE__ */ jsx52(Helmet, { children: /* @__PURE__ */ jsxs26("title", { children: [
     " ",
     title,
     " "
@@ -7686,7 +7687,7 @@ function PageHead({ title = "shadcn-ui-react" }) {
 }
 
 // src/shared/pagination-section.tsx
-import { jsx as jsx52, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
 function PaginationSection({
   totalPosts,
   postsPerPage,
@@ -7724,17 +7725,17 @@ function PaginationSection({
     }
   };
   const renderPages = () => {
-    const renderedPages = activePages.map((page, idx) => /* @__PURE__ */ jsx52(
+    const renderedPages = activePages.map((page, idx) => /* @__PURE__ */ jsx53(
       PaginationItem,
       {
         className: currentPage === page ? "rounded-md bg-primary" : "",
-        children: /* @__PURE__ */ jsx52(PaginationLink, { onClick: () => setCurrentPage(page), size: void 0, children: page })
+        children: /* @__PURE__ */ jsx53(PaginationLink, { onClick: () => setCurrentPage(page), size: void 0, children: page })
       },
       idx
     ));
     if (activePages[0] > 1) {
       renderedPages.unshift(
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(
           PaginationEllipsis,
           {
             onClick: () => setCurrentPage(activePages[0] - 1)
@@ -7745,7 +7746,7 @@ function PaginationSection({
     }
     if (activePages[activePages.length - 1] < pageNumbers.length) {
       renderedPages.push(
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(
           PaginationEllipsis,
           {
             onClick: () => setCurrentPage(activePages[activePages.length - 1] + 1)
@@ -7756,21 +7757,21 @@ function PaginationSection({
     }
     return renderedPages;
   };
-  return /* @__PURE__ */ jsx52("div", { className: "p-4", children: /* @__PURE__ */ jsx52(Pagination, { children: /* @__PURE__ */ jsxs25(PaginationContent, { children: [
-    /* @__PURE__ */ jsxs25(PaginationItem, { children: [
-      /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53("div", { className: "p-4", children: /* @__PURE__ */ jsx53(Pagination, { children: /* @__PURE__ */ jsxs27(PaginationContent, { children: [
+    /* @__PURE__ */ jsxs27(PaginationItem, { children: [
+      /* @__PURE__ */ jsx53(
         PaginationPreviousLast,
         {
           onClick: handlePrevPageLast,
           size: void 0
         }
       ),
-      /* @__PURE__ */ jsx52(PaginationPrevious, { onClick: handlePrevPage, size: void 0 })
+      /* @__PURE__ */ jsx53(PaginationPrevious, { onClick: handlePrevPage, size: void 0 })
     ] }),
     renderPages(),
-    /* @__PURE__ */ jsxs25(PaginationItem, { children: [
-      /* @__PURE__ */ jsx52(PaginationNext, { onClick: handleNextPage, size: void 0 }),
-      /* @__PURE__ */ jsx52(PaginationNextLast, { onClick: handleNextPageLast, size: void 0 })
+    /* @__PURE__ */ jsxs27(PaginationItem, { children: [
+      /* @__PURE__ */ jsx53(PaginationNext, { onClick: handleNextPage, size: void 0 }),
+      /* @__PURE__ */ jsx53(PaginationNextLast, { onClick: handleNextPageLast, size: void 0 })
     ] })
   ] }) }) });
 }