@otfdashkit/ui 0.1.0 → 0.1.2

package/dist/index.js

@@ -21,10 +21,9 @@ var DialogPrimitive = require('@radix-ui/react-dialog');
 var ContextMenuPrimitive = require('@radix-ui/react-context-menu');
 var vaul = require('vaul');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
-var reactHookForm = require('react-hook-form');
-var LabelPrimitive = require('@radix-ui/react-label');
 var HoverCardPrimitive = require('@radix-ui/react-hover-card');
 var inputOtp = require('input-otp');
+var LabelPrimitive = require('@radix-ui/react-label');
 var MenubarPrimitive = require('@radix-ui/react-menubar');
 var NavigationMenuPrimitive = require('@radix-ui/react-navigation-menu');
 var PopoverPrimitive = require('@radix-ui/react-popover');
@@ -42,6 +41,7 @@ var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
 var TogglePrimitive = require('@radix-ui/react-toggle');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var reactTable = require('@tanstack/react-table');
+var dateFns = require('date-fns');
 var core = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
 var utilities = require('@dnd-kit/utilities');
@@ -55,6 +55,7 @@ var extensionTable = require('@tiptap/extension-table');
 var extensionTableRow = require('@tiptap/extension-table-row');
 var extensionTableCell = require('@tiptap/extension-table-cell');
 var extensionTableHeader = require('@tiptap/extension-table-header');
+var reactHookForm = require('react-hook-form');
 var zod = require('@hookform/resolvers/zod');
 var z = require('zod');
 var reactColorful = require('react-colorful');
@@ -95,8 +96,8 @@ var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(Collapsible
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 var ContextMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(ContextMenuPrimitive);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
-var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var MenubarPrimitive__namespace = /*#__PURE__*/_interopNamespace(MenubarPrimitive);
 var NavigationMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(NavigationMenuPrimitive);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
@@ -416,7 +417,7 @@ function Calendar({
   showOutsideDays = true,
   captionLayout = "label",
   buttonVariant = "ghost",
-  formatters: formatters2,
+  formatters,
   components,
   ...props
 }) {
@@ -434,7 +435,7 @@ function Calendar({
       captionLayout,
       formatters: {
         formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
-        ...formatters2
+        ...formatters
       },
       classNames: {
         root: cn("w-fit", defaultClassNames.root),
@@ -1633,104 +1634,6 @@ var DropdownMenuSubContent = React131__namespace.default.forwardRef(({ className
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-var labelVariants = classVarianceAuthority.cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
-var Label3 = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  LabelPrimitive__namespace.Root,
-  {
-    ref,
-    className: cn(labelVariants(), className),
-    ...props
-  }
-));
-Label3.displayName = LabelPrimitive__namespace.Root.displayName;
-var FormFieldContext = React131__namespace.createContext(null);
-var useFormField = () => {
-  const fieldContext = React131__namespace.useContext(FormFieldContext);
-  const itemContext = React131__namespace.useContext(FormItemContext);
-  const { getFieldState, formState } = reactHookForm.useFormContext();
-  if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>");
-  }
-  if (!itemContext) {
-    throw new Error("useFormField should be used within <FormItem>");
-  }
-  const fieldState = getFieldState(fieldContext.name, formState);
-  const { id } = itemContext;
-  return {
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`,
-    ...fieldState
-  };
-};
-var FormItemContext = React131__namespace.createContext(null);
-var FormItem = React131__namespace.forwardRef(({ className, ...props }, ref) => {
-  const id = React131__namespace.useId();
-  return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("space-y-2", className), ...props }) });
-});
-FormItem.displayName = "FormItem";
-var FormLabel = React131__namespace.forwardRef(({ className, ...props }, ref) => {
-  const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Label3,
-    {
-      ref,
-      className: cn(error && "text-destructive", className),
-      htmlFor: formItemId,
-      ...props
-    }
-  );
-});
-FormLabel.displayName = "FormLabel";
-var FormControl = React131__namespace.forwardRef(({ ...props }, ref) => {
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactSlot.Slot,
-    {
-      ref,
-      id: formItemId,
-      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
-      "aria-invalid": !!error,
-      ...props
-    }
-  );
-});
-FormControl.displayName = "FormControl";
-var FormDescription = React131__namespace.forwardRef(({ className, ...props }, ref) => {
-  const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "p",
-    {
-      ref,
-      id: formDescriptionId,
-      className: cn("text-[0.8rem] text-muted-foreground", className),
-      ...props
-    }
-  );
-});
-FormDescription.displayName = "FormDescription";
-var FormMessage = React131__namespace.forwardRef(({ className, children, ...props }, ref) => {
-  const { error, formMessageId } = useFormField();
-  const body = error ? String(error?.message ?? "") : children;
-  if (!body) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "p",
-    {
-      ref,
-      id: formMessageId,
-      className: cn("text-[0.8rem] font-medium text-destructive", className),
-      ...props,
-      children: body
-    }
-  );
-});
-FormMessage.displayName = "FormMessage";
 var HoverCard = HoverCardPrimitive__namespace.Root;
 var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
 var HoverCardContent = React131__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1804,6 +1707,18 @@ var Input = React131__namespace.default.forwardRef(
   )
 );
 Input.displayName = "Input";
+var labelVariants = classVarianceAuthority.cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label3 = React131__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  LabelPrimitive__namespace.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label3.displayName = LabelPrimitive__namespace.Root.displayName;
 var LogoCarousel = React131__namespace.default.forwardRef(
   ({
     className,
@@ -3215,6 +3130,27 @@ function Breadcrumb({ children, className }) {
   });
   return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: cn("flex flex-wrap items-center gap-1", className), children: withSeparators }) });
 }
+function CommandItem2({ icon, label, description, shortcut, active, onClick, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      onClick,
+      className: cn(
+        "flex items-center gap-3 rounded-md px-3 py-2 cursor-pointer transition-colors",
+        active ? "bg-[hsl(var(--accent))] text-[hsl(var(--accent-foreground))]" : "hover:bg-[hsl(var(--accent)/0.6)]",
+        className
+      ),
+      children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-[hsl(var(--muted-foreground))] h-4 w-4 flex items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: label }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-[hsl(var(--muted-foreground))] truncate", children: description })
+        ] }),
+        shortcut && /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "shrink-0 pointer-events-none inline-flex h-5 items-center gap-1 rounded border border-[hsl(var(--border))] bg-[hsl(var(--muted))] px-1.5 text-[10px] font-medium text-[hsl(var(--muted-foreground))]", children: shortcut })
+      ]
+    }
+  );
+}
 function EditableCell({ value: initial, onSave }) {
   const [editing, setEditing] = React131__namespace.default.useState(false);
   const [val, setVal] = React131__namespace.default.useState(String(initial ?? ""));
@@ -3370,14 +3306,53 @@ var EmptyStateIcon = React131__namespace.default.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex h-12 w-12 items-center justify-center rounded-full bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]", className), ...props })
 );
 EmptyStateIcon.displayName = "EmptyStateIcon";
-function EmptyState({ icon, title, description, action, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col items-center justify-center gap-3 py-12 text-center", className), children: [
-    icon && /* @__PURE__ */ jsxRuntime.jsx(EmptyStateIcon, { children: icon }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-[hsl(var(--foreground))]", children: title }),
-      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: description })
+var sizeMap = {
+  sm: "py-8 gap-2",
+  default: "py-12 gap-3",
+  lg: "py-20 gap-4"
+};
+var titleSizeMap = {
+  sm: "text-sm font-semibold",
+  default: "text-base font-semibold",
+  lg: "text-lg font-semibold"
+};
+var descSizeMap = {
+  sm: "text-xs",
+  default: "text-sm",
+  lg: "text-base"
+};
+var iconSizeMap = {
+  sm: "h-10 w-10",
+  default: "h-12 w-12",
+  lg: "h-16 w-16"
+};
+function EmptyState({
+  icon,
+  title,
+  description,
+  action,
+  secondaryAction,
+  size = "default",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col items-center justify-center text-center", sizeMap[size], className), children: [
+    icon && /* @__PURE__ */ jsxRuntime.jsx(EmptyStateIcon, { className: iconSizeMap[size], children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 max-w-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn(titleSizeMap[size], "text-[hsl(var(--foreground))]"), children: title }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(descSizeMap[size], "text-[hsl(var(--muted-foreground))]"), children: description })
     ] }),
-    action && /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: action.onClick, className: "mt-1", children: action.label })
+    (action || secondaryAction) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+      action && /* @__PURE__ */ jsxRuntime.jsx(Button, { size: size === "sm" ? "sm" : "default", onClick: action.onClick, children: action.label }),
+      secondaryAction && /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          variant: "outline",
+          size: size === "sm" ? "sm" : "default",
+          onClick: secondaryAction.onClick,
+          children: secondaryAction.label
+        }
+      )
+    ] })
   ] });
 }
 function HotkeyBadge({ children, className }) {
@@ -3397,13 +3372,13 @@ var colorMap = {
   error: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400",
   purple: "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-400"
 };
-var sizeMap = {
+var sizeMap2 = {
   sm: "h-7 w-7 [&>*]:h-3.5 [&>*]:w-3.5",
   md: "h-10 w-10 [&>*]:h-5 [&>*]:w-5",
   lg: "h-14 w-14 [&>*]:h-7 [&>*]:w-7"
 };
 function IconBadge({ icon, color = "default", size = "md", className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center justify-center rounded-full shrink-0", colorMap[color], sizeMap[size], className), children: icon });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center justify-center rounded-full shrink-0", colorMap[color], sizeMap2[size], className), children: icon });
 }
 function LoadingOverlay({ loading, text, fullPage, children, className }) {
   if (fullPage) {
@@ -3420,13 +3395,13 @@ function LoadingOverlay({ loading, text, fullPage, children, className }) {
     ] }) })
   ] });
 }
-var sizeMap2 = {
+var sizeMap3 = {
   sm: { avatar: "h-7 w-7", name: "text-sm", subtitle: "text-xs" },
   md: { avatar: "h-9 w-9", name: "text-sm font-medium", subtitle: "text-xs" },
   lg: { avatar: "h-12 w-12", name: "text-base font-medium", subtitle: "text-sm" }
 };
 function Persona({ name, subtitle, src, size = "md", badge, className }) {
-  const s = sizeMap2[size];
+  const s = sizeMap3[size];
   const initials = name.split(" ").map((w) => w[0]).slice(0, 2).join("").toUpperCase();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-2.5", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative shrink-0", children: [
@@ -3827,7 +3802,7 @@ function InviteModal({ className }) {
     pending.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "Pending invites" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-[hsl(var(--border))] rounded-md border border-[hsl(var(--border))]", children: pending.map((p, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Avatar, { className: "h-6 w-6", children: /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-[10px]", children: p.email[0].toUpperCase() }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Avatar, { className: "h-6 w-6", children: /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-[10px]", children: p.email.charAt(0).toUpperCase() }) }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm truncate", children: p.email }),
         /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", className: "text-[10px] px-1.5 py-0.5 shrink-0", children: p.role }),
         /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setPending((ps) => ps.filter((_, j) => j !== i)), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3.5 w-3.5 text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]" }) })
@@ -4520,7 +4495,7 @@ function NotificationSettings({ className }) {
       NotifRow,
       {
         ...n,
-        checked: states[n.id],
+        checked: states[n.id] ?? false,
         onChange: (val) => setStates((s) => ({ ...s, [n.id]: val }))
       },
       n.id
@@ -4722,7 +4697,7 @@ var ROLES = [
 ];
 function RolesMenu({ value = "member", onChange, className }) {
   const [role, setRole] = React131.useState(value);
-  const current = ROLES.find((r) => r.value === role) ?? ROLES[2];
+  const current = ROLES.find((r) => r.value === role) ?? ROLES[0];
   const handleChange = (v) => {
     setRole(v);
     onChange?.(v);
@@ -5447,1712 +5422,6 @@ function Filters({ filters, value, onChange, className }) {
     /* @__PURE__ */ jsxRuntime.jsx(AddFilterPopover, { filters, onAdd: (fv) => onChange([...value, fv]) })
   ] });
 }
-var millisecondsInWeek = 6048e5;
-var millisecondsInDay = 864e5;
-var millisecondsInMinute = 6e4;
-var millisecondsInHour = 36e5;
-var constructFromSymbol = /* @__PURE__ */ Symbol.for("constructDateFrom");
-
-// node_modules/date-fns/constructFrom.js
-function constructFrom(date, value) {
-  if (typeof date === "function") return date(value);
-  if (date && typeof date === "object" && constructFromSymbol in date)
-    return date[constructFromSymbol](value);
-  if (date instanceof Date) return new date.constructor(value);
-  return new Date(value);
-}
-
-// node_modules/date-fns/toDate.js
-function toDate(argument, context) {
-  return constructFrom(context || argument, argument);
-}
-
-// node_modules/date-fns/addDays.js
-function addDays(date, amount, options) {
-  const _date = toDate(date, options?.in);
-  if (isNaN(amount)) return constructFrom(date, NaN);
-  if (!amount) return _date;
-  _date.setDate(_date.getDate() + amount);
-  return _date;
-}
-
-// node_modules/date-fns/addMonths.js
-function addMonths(date, amount, options) {
-  const _date = toDate(date, options?.in);
-  if (isNaN(amount)) return constructFrom(date, NaN);
-  if (!amount) {
-    return _date;
-  }
-  const dayOfMonth = _date.getDate();
-  const endOfDesiredMonth = constructFrom(date, _date.getTime());
-  endOfDesiredMonth.setMonth(_date.getMonth() + amount + 1, 0);
-  const daysInMonth = endOfDesiredMonth.getDate();
-  if (dayOfMonth >= daysInMonth) {
-    return endOfDesiredMonth;
-  } else {
-    _date.setFullYear(
-      endOfDesiredMonth.getFullYear(),
-      endOfDesiredMonth.getMonth(),
-      dayOfMonth
-    );
-    return _date;
-  }
-}
-
-// node_modules/date-fns/addMilliseconds.js
-function addMilliseconds(date, amount, options) {
-  return constructFrom(date, +toDate(date) + amount);
-}
-
-// node_modules/date-fns/addHours.js
-function addHours(date, amount, options) {
-  return addMilliseconds(date, amount * millisecondsInHour);
-}
-
-// node_modules/date-fns/_lib/defaultOptions.js
-var defaultOptions = {};
-function getDefaultOptions() {
-  return defaultOptions;
-}
-
-// node_modules/date-fns/startOfWeek.js
-function startOfWeek2(date, options) {
-  const defaultOptions2 = getDefaultOptions();
-  const weekStartsOn = options?.weekStartsOn ?? options?.locale?.options?.weekStartsOn ?? defaultOptions2.weekStartsOn ?? defaultOptions2.locale?.options?.weekStartsOn ?? 0;
-  const _date = toDate(date, options?.in);
-  const day = _date.getDay();
-  const diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
-  _date.setDate(_date.getDate() - diff);
-  _date.setHours(0, 0, 0, 0);
-  return _date;
-}
-
-// node_modules/date-fns/startOfISOWeek.js
-function startOfISOWeek(date, options) {
-  return startOfWeek2(date, { ...options, weekStartsOn: 1 });
-}
-
-// node_modules/date-fns/getISOWeekYear.js
-function getISOWeekYear(date, options) {
-  const _date = toDate(date, options?.in);
-  const year = _date.getFullYear();
-  const fourthOfJanuaryOfNextYear = constructFrom(_date, 0);
-  fourthOfJanuaryOfNextYear.setFullYear(year + 1, 0, 4);
-  fourthOfJanuaryOfNextYear.setHours(0, 0, 0, 0);
-  const startOfNextYear = startOfISOWeek(fourthOfJanuaryOfNextYear);
-  const fourthOfJanuaryOfThisYear = constructFrom(_date, 0);
-  fourthOfJanuaryOfThisYear.setFullYear(year, 0, 4);
-  fourthOfJanuaryOfThisYear.setHours(0, 0, 0, 0);
-  const startOfThisYear = startOfISOWeek(fourthOfJanuaryOfThisYear);
-  if (_date.getTime() >= startOfNextYear.getTime()) {
-    return year + 1;
-  } else if (_date.getTime() >= startOfThisYear.getTime()) {
-    return year;
-  } else {
-    return year - 1;
-  }
-}
-
-// node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js
-function getTimezoneOffsetInMilliseconds(date) {
-  const _date = toDate(date);
-  const utcDate = new Date(
-    Date.UTC(
-      _date.getFullYear(),
-      _date.getMonth(),
-      _date.getDate(),
-      _date.getHours(),
-      _date.getMinutes(),
-      _date.getSeconds(),
-      _date.getMilliseconds()
-    )
-  );
-  utcDate.setUTCFullYear(_date.getFullYear());
-  return +date - +utcDate;
-}
-
-// node_modules/date-fns/_lib/normalizeDates.js
-function normalizeDates(context, ...dates) {
-  const normalize = constructFrom.bind(
-    null,
-    context || dates.find((date) => typeof date === "object")
-  );
-  return dates.map(normalize);
-}
-
-// node_modules/date-fns/startOfDay.js
-function startOfDay(date, options) {
-  const _date = toDate(date, options?.in);
-  _date.setHours(0, 0, 0, 0);
-  return _date;
-}
-
-// node_modules/date-fns/differenceInCalendarDays.js
-function differenceInCalendarDays(laterDate, earlierDate, options) {
-  const [laterDate_, earlierDate_] = normalizeDates(
-    options?.in,
-    laterDate,
-    earlierDate
-  );
-  const laterStartOfDay = startOfDay(laterDate_);
-  const earlierStartOfDay = startOfDay(earlierDate_);
-  const laterTimestamp = +laterStartOfDay - getTimezoneOffsetInMilliseconds(laterStartOfDay);
-  const earlierTimestamp = +earlierStartOfDay - getTimezoneOffsetInMilliseconds(earlierStartOfDay);
-  return Math.round((laterTimestamp - earlierTimestamp) / millisecondsInDay);
-}
-
-// node_modules/date-fns/startOfISOWeekYear.js
-function startOfISOWeekYear(date, options) {
-  const year = getISOWeekYear(date, options);
-  const fourthOfJanuary = constructFrom(date, 0);
-  fourthOfJanuary.setFullYear(year, 0, 4);
-  fourthOfJanuary.setHours(0, 0, 0, 0);
-  return startOfISOWeek(fourthOfJanuary);
-}
-
-// node_modules/date-fns/addWeeks.js
-function addWeeks(date, amount, options) {
-  return addDays(date, amount * 7, options);
-}
-
-// node_modules/date-fns/isSameDay.js
-function isSameDay(laterDate, earlierDate, options) {
-  const [dateLeft_, dateRight_] = normalizeDates(
-    options?.in,
-    laterDate,
-    earlierDate
-  );
-  return +startOfDay(dateLeft_) === +startOfDay(dateRight_);
-}
-
-// node_modules/date-fns/isDate.js
-function isDate(value) {
-  return value instanceof Date || typeof value === "object" && Object.prototype.toString.call(value) === "[object Date]";
-}
-
-// node_modules/date-fns/isValid.js
-function isValid(date) {
-  return !(!isDate(date) && typeof date !== "number" || isNaN(+toDate(date)));
-}
-
-// node_modules/date-fns/differenceInCalendarMonths.js
-function differenceInCalendarMonths(laterDate, earlierDate, options) {
-  const [laterDate_, earlierDate_] = normalizeDates(
-    options?.in,
-    laterDate,
-    earlierDate
-  );
-  const yearsDiff = laterDate_.getFullYear() - earlierDate_.getFullYear();
-  const monthsDiff = laterDate_.getMonth() - earlierDate_.getMonth();
-  return yearsDiff * 12 + monthsDiff;
-}
-
-// node_modules/date-fns/differenceInCalendarWeeks.js
-function differenceInCalendarWeeks(laterDate, earlierDate, options) {
-  const [laterDate_, earlierDate_] = normalizeDates(
-    options?.in,
-    laterDate,
-    earlierDate
-  );
-  const laterStartOfWeek = startOfWeek2(laterDate_, options);
-  const earlierStartOfWeek = startOfWeek2(earlierDate_, options);
-  const laterTimestamp = +laterStartOfWeek - getTimezoneOffsetInMilliseconds(laterStartOfWeek);
-  const earlierTimestamp = +earlierStartOfWeek - getTimezoneOffsetInMilliseconds(earlierStartOfWeek);
-  return Math.round((laterTimestamp - earlierTimestamp) / millisecondsInWeek);
-}
-
-// node_modules/date-fns/_lib/getRoundingMethod.js
-function getRoundingMethod(method) {
-  return (number) => {
-    const round = Math.trunc;
-    const result = round(number);
-    return result === 0 ? 0 : result;
-  };
-}
-
-// node_modules/date-fns/differenceInMilliseconds.js
-function differenceInMilliseconds(laterDate, earlierDate) {
-  return +toDate(laterDate) - +toDate(earlierDate);
-}
-
-// node_modules/date-fns/differenceInMinutes.js
-function differenceInMinutes(dateLeft, dateRight, options) {
-  const diff = differenceInMilliseconds(dateLeft, dateRight) / millisecondsInMinute;
-  return getRoundingMethod()(diff);
-}
-
-// node_modules/date-fns/endOfDay.js
-function endOfDay(date, options) {
-  const _date = toDate(date, options?.in);
-  _date.setHours(23, 59, 59, 999);
-  return _date;
-}
-
-// node_modules/date-fns/endOfMonth.js
-function endOfMonth(date, options) {
-  const _date = toDate(date, options?.in);
-  const month = _date.getMonth();
-  _date.setFullYear(_date.getFullYear(), month + 1, 0);
-  _date.setHours(23, 59, 59, 999);
-  return _date;
-}
-
-// node_modules/date-fns/startOfMonth.js
-function startOfMonth(date, options) {
-  const _date = toDate(date, options?.in);
-  _date.setDate(1);
-  _date.setHours(0, 0, 0, 0);
-  return _date;
-}
-
-// node_modules/date-fns/startOfYear.js
-function startOfYear(date, options) {
-  const date_ = toDate(date, options?.in);
-  date_.setFullYear(date_.getFullYear(), 0, 1);
-  date_.setHours(0, 0, 0, 0);
-  return date_;
-}
-
-// node_modules/date-fns/endOfWeek.js
-function endOfWeek(date, options) {
-  const weekStartsOn = options?.weekStartsOn;
-  const _date = toDate(date, options?.in);
-  const day = _date.getDay();
-  const diff = (day < weekStartsOn ? -7 : 0) + 6 - (day - weekStartsOn);
-  _date.setDate(_date.getDate() + diff);
-  _date.setHours(23, 59, 59, 999);
-  return _date;
-}
-
-// node_modules/date-fns/locale/en-US/_lib/formatDistance.js
-var formatDistanceLocale = {
-  lessThanXSeconds: {
-    one: "less than a second",
-    other: "less than {{count}} seconds"
-  },
-  xSeconds: {
-    one: "1 second",
-    other: "{{count}} seconds"
-  },
-  halfAMinute: "half a minute",
-  lessThanXMinutes: {
-    one: "less than a minute",
-    other: "less than {{count}} minutes"
-  },
-  xMinutes: {
-    one: "1 minute",
-    other: "{{count}} minutes"
-  },
-  aboutXHours: {
-    one: "about 1 hour",
-    other: "about {{count}} hours"
-  },
-  xHours: {
-    one: "1 hour",
-    other: "{{count}} hours"
-  },
-  xDays: {
-    one: "1 day",
-    other: "{{count}} days"
-  },
-  aboutXWeeks: {
-    one: "about 1 week",
-    other: "about {{count}} weeks"
-  },
-  xWeeks: {
-    one: "1 week",
-    other: "{{count}} weeks"
-  },
-  aboutXMonths: {
-    one: "about 1 month",
-    other: "about {{count}} months"
-  },
-  xMonths: {
-    one: "1 month",
-    other: "{{count}} months"
-  },
-  aboutXYears: {
-    one: "about 1 year",
-    other: "about {{count}} years"
-  },
-  xYears: {
-    one: "1 year",
-    other: "{{count}} years"
-  },
-  overXYears: {
-    one: "over 1 year",
-    other: "over {{count}} years"
-  },
-  almostXYears: {
-    one: "almost 1 year",
-    other: "almost {{count}} years"
-  }
-};
-var formatDistance = (token, count, options) => {
-  let result;
-  const tokenValue = formatDistanceLocale[token];
-  if (typeof tokenValue === "string") {
-    result = tokenValue;
-  } else if (count === 1) {
-    result = tokenValue.one;
-  } else {
-    result = tokenValue.other.replace("{{count}}", count.toString());
-  }
-  if (options?.addSuffix) {
-    if (options.comparison && options.comparison > 0) {
-      return "in " + result;
-    } else {
-      return result + " ago";
-    }
-  }
-  return result;
-};
-
-// node_modules/date-fns/locale/_lib/buildFormatLongFn.js
-function buildFormatLongFn(args) {
-  return (options = {}) => {
-    const width = options.width ? String(options.width) : args.defaultWidth;
-    const format2 = args.formats[width] || args.formats[args.defaultWidth];
-    return format2;
-  };
-}
-
-// node_modules/date-fns/locale/en-US/_lib/formatLong.js
-var dateFormats = {
-  full: "EEEE, MMMM do, y",
-  long: "MMMM do, y",
-  medium: "MMM d, y",
-  short: "MM/dd/yyyy"
-};
-var timeFormats = {
-  full: "h:mm:ss a zzzz",
-  long: "h:mm:ss a z",
-  medium: "h:mm:ss a",
-  short: "h:mm a"
-};
-var dateTimeFormats = {
-  full: "{{date}} 'at' {{time}}",
-  long: "{{date}} 'at' {{time}}",
-  medium: "{{date}}, {{time}}",
-  short: "{{date}}, {{time}}"
-};
-var formatLong = {
-  date: buildFormatLongFn({
-    formats: dateFormats,
-    defaultWidth: "full"
-  }),
-  time: buildFormatLongFn({
-    formats: timeFormats,
-    defaultWidth: "full"
-  }),
-  dateTime: buildFormatLongFn({
-    formats: dateTimeFormats,
-    defaultWidth: "full"
-  })
-};
-
-// node_modules/date-fns/locale/en-US/_lib/formatRelative.js
-var formatRelativeLocale = {
-  lastWeek: "'last' eeee 'at' p",
-  yesterday: "'yesterday at' p",
-  today: "'today at' p",
-  tomorrow: "'tomorrow at' p",
-  nextWeek: "eeee 'at' p",
-  other: "P"
-};
-var formatRelative = (token, _date, _baseDate, _options) => formatRelativeLocale[token];
-
-// node_modules/date-fns/locale/_lib/buildLocalizeFn.js
-function buildLocalizeFn(args) {
-  return (value, options) => {
-    const context = options?.context ? String(options.context) : "standalone";
-    let valuesArray;
-    if (context === "formatting" && args.formattingValues) {
-      const defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
-      const width = options?.width ? String(options.width) : defaultWidth;
-      valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];
-    } else {
-      const defaultWidth = args.defaultWidth;
-      const width = options?.width ? String(options.width) : args.defaultWidth;
-      valuesArray = args.values[width] || args.values[defaultWidth];
-    }
-    const index = args.argumentCallback ? args.argumentCallback(value) : value;
-    return valuesArray[index];
-  };
-}
-
-// node_modules/date-fns/locale/en-US/_lib/localize.js
-var eraValues = {
-  narrow: ["B", "A"],
-  abbreviated: ["BC", "AD"],
-  wide: ["Before Christ", "Anno Domini"]
-};
-var quarterValues = {
-  narrow: ["1", "2", "3", "4"],
-  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
-  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
-};
-var monthValues = {
-  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
-  abbreviated: [
-    "Jan",
-    "Feb",
-    "Mar",
-    "Apr",
-    "May",
-    "Jun",
-    "Jul",
-    "Aug",
-    "Sep",
-    "Oct",
-    "Nov",
-    "Dec"
-  ],
-  wide: [
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "September",
-    "October",
-    "November",
-    "December"
-  ]
-};
-var dayValues = {
-  narrow: ["S", "M", "T", "W", "T", "F", "S"],
-  short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
-  abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
-  wide: [
-    "Sunday",
-    "Monday",
-    "Tuesday",
-    "Wednesday",
-    "Thursday",
-    "Friday",
-    "Saturday"
-  ]
-};
-var dayPeriodValues = {
-  narrow: {
-    am: "a",
-    pm: "p",
-    midnight: "mi",
-    noon: "n",
-    morning: "morning",
-    afternoon: "afternoon",
-    evening: "evening",
-    night: "night"
-  },
-  abbreviated: {
-    am: "AM",
-    pm: "PM",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "morning",
-    afternoon: "afternoon",
-    evening: "evening",
-    night: "night"
-  },
-  wide: {
-    am: "a.m.",
-    pm: "p.m.",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "morning",
-    afternoon: "afternoon",
-    evening: "evening",
-    night: "night"
-  }
-};
-var formattingDayPeriodValues = {
-  narrow: {
-    am: "a",
-    pm: "p",
-    midnight: "mi",
-    noon: "n",
-    morning: "in the morning",
-    afternoon: "in the afternoon",
-    evening: "in the evening",
-    night: "at night"
-  },
-  abbreviated: {
-    am: "AM",
-    pm: "PM",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "in the morning",
-    afternoon: "in the afternoon",
-    evening: "in the evening",
-    night: "at night"
-  },
-  wide: {
-    am: "a.m.",
-    pm: "p.m.",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "in the morning",
-    afternoon: "in the afternoon",
-    evening: "in the evening",
-    night: "at night"
-  }
-};
-var ordinalNumber = (dirtyNumber, _options) => {
-  const number = Number(dirtyNumber);
-  const rem100 = number % 100;
-  if (rem100 > 20 || rem100 < 10) {
-    switch (rem100 % 10) {
-      case 1:
-        return number + "st";
-      case 2:
-        return number + "nd";
-      case 3:
-        return number + "rd";
-    }
-  }
-  return number + "th";
-};
-var localize = {
-  ordinalNumber,
-  era: buildLocalizeFn({
-    values: eraValues,
-    defaultWidth: "wide"
-  }),
-  quarter: buildLocalizeFn({
-    values: quarterValues,
-    defaultWidth: "wide",
-    argumentCallback: (quarter) => quarter - 1
-  }),
-  month: buildLocalizeFn({
-    values: monthValues,
-    defaultWidth: "wide"
-  }),
-  day: buildLocalizeFn({
-    values: dayValues,
-    defaultWidth: "wide"
-  }),
-  dayPeriod: buildLocalizeFn({
-    values: dayPeriodValues,
-    defaultWidth: "wide",
-    formattingValues: formattingDayPeriodValues,
-    defaultFormattingWidth: "wide"
-  })
-};
-
-// node_modules/date-fns/locale/_lib/buildMatchFn.js
-function buildMatchFn(args) {
-  return (string, options = {}) => {
-    const width = options.width;
-    const matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];
-    const matchResult = string.match(matchPattern);
-    if (!matchResult) {
-      return null;
-    }
-    const matchedString = matchResult[0];
-    const parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];
-    const key = Array.isArray(parsePatterns) ? findIndex(parsePatterns, (pattern) => pattern.test(matchedString)) : (
-      // [TODO] -- I challenge you to fix the type
-      findKey(parsePatterns, (pattern) => pattern.test(matchedString))
-    );
-    let value;
-    value = args.valueCallback ? args.valueCallback(key) : key;
-    value = options.valueCallback ? (
-      // [TODO] -- I challenge you to fix the type
-      options.valueCallback(value)
-    ) : value;
-    const rest = string.slice(matchedString.length);
-    return { value, rest };
-  };
-}
-function findKey(object, predicate) {
-  for (const key in object) {
-    if (Object.prototype.hasOwnProperty.call(object, key) && predicate(object[key])) {
-      return key;
-    }
-  }
-  return void 0;
-}
-function findIndex(array, predicate) {
-  for (let key = 0; key < array.length; key++) {
-    if (predicate(array[key])) {
-      return key;
-    }
-  }
-  return void 0;
-}
-
-// node_modules/date-fns/locale/_lib/buildMatchPatternFn.js
-function buildMatchPatternFn(args) {
-  return (string, options = {}) => {
-    const matchResult = string.match(args.matchPattern);
-    if (!matchResult) return null;
-    const matchedString = matchResult[0];
-    const parseResult = string.match(args.parsePattern);
-    if (!parseResult) return null;
-    let value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
-    value = options.valueCallback ? options.valueCallback(value) : value;
-    const rest = string.slice(matchedString.length);
-    return { value, rest };
-  };
-}
-
-// node_modules/date-fns/locale/en-US/_lib/match.js
-var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
-var parseOrdinalNumberPattern = /\d+/i;
-var matchEraPatterns = {
-  narrow: /^(b|a)/i,
-  abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
-  wide: /^(before christ|before common era|anno domini|common era)/i
-};
-var parseEraPatterns = {
-  any: [/^b/i, /^(a|c)/i]
-};
-var matchQuarterPatterns = {
-  narrow: /^[1234]/i,
-  abbreviated: /^q[1234]/i,
-  wide: /^[1234](th|st|nd|rd)? quarter/i
-};
-var parseQuarterPatterns = {
-  any: [/1/i, /2/i, /3/i, /4/i]
-};
-var matchMonthPatterns = {
-  narrow: /^[jfmasond]/i,
-  abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
-  wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
-};
-var parseMonthPatterns = {
-  narrow: [
-    /^j/i,
-    /^f/i,
-    /^m/i,
-    /^a/i,
-    /^m/i,
-    /^j/i,
-    /^j/i,
-    /^a/i,
-    /^s/i,
-    /^o/i,
-    /^n/i,
-    /^d/i
-  ],
-  any: [
-    /^ja/i,
-    /^f/i,
-    /^mar/i,
-    /^ap/i,
-    /^may/i,
-    /^jun/i,
-    /^jul/i,
-    /^au/i,
-    /^s/i,
-    /^o/i,
-    /^n/i,
-    /^d/i
-  ]
-};
-var matchDayPatterns = {
-  narrow: /^[smtwf]/i,
-  short: /^(su|mo|tu|we|th|fr|sa)/i,
-  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
-  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
-};
-var parseDayPatterns = {
-  narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
-  any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
-};
-var matchDayPeriodPatterns = {
-  narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
-  any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
-};
-var parseDayPeriodPatterns = {
-  any: {
-    am: /^a/i,
-    pm: /^p/i,
-    midnight: /^mi/i,
-    noon: /^no/i,
-    morning: /morning/i,
-    afternoon: /afternoon/i,
-    evening: /evening/i,
-    night: /night/i
-  }
-};
-var match = {
-  ordinalNumber: buildMatchPatternFn({
-    matchPattern: matchOrdinalNumberPattern,
-    parsePattern: parseOrdinalNumberPattern,
-    valueCallback: (value) => parseInt(value, 10)
-  }),
-  era: buildMatchFn({
-    matchPatterns: matchEraPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseEraPatterns,
-    defaultParseWidth: "any"
-  }),
-  quarter: buildMatchFn({
-    matchPatterns: matchQuarterPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseQuarterPatterns,
-    defaultParseWidth: "any",
-    valueCallback: (index) => index + 1
-  }),
-  month: buildMatchFn({
-    matchPatterns: matchMonthPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseMonthPatterns,
-    defaultParseWidth: "any"
-  }),
-  day: buildMatchFn({
-    matchPatterns: matchDayPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseDayPatterns,
-    defaultParseWidth: "any"
-  }),
-  dayPeriod: buildMatchFn({
-    matchPatterns: matchDayPeriodPatterns,
-    defaultMatchWidth: "any",
-    parsePatterns: parseDayPeriodPatterns,
-    defaultParseWidth: "any"
-  })
-};
-
-// node_modules/date-fns/locale/en-US.js
-var enUS = {
-  code: "en-US",
-  formatDistance,
-  formatLong,
-  formatRelative,
-  localize,
-  match,
-  options: {
-    weekStartsOn: 0,
-    firstWeekContainsDate: 1
-  }
-};
-
-// node_modules/date-fns/getDayOfYear.js
-function getDayOfYear(date, options) {
-  const _date = toDate(date, options?.in);
-  const diff = differenceInCalendarDays(_date, startOfYear(_date));
-  const dayOfYear = diff + 1;
-  return dayOfYear;
-}
-
-// node_modules/date-fns/getISOWeek.js
-function getISOWeek(date, options) {
-  const _date = toDate(date, options?.in);
-  const diff = +startOfISOWeek(_date) - +startOfISOWeekYear(_date);
-  return Math.round(diff / millisecondsInWeek) + 1;
-}
-
-// node_modules/date-fns/getWeekYear.js
-function getWeekYear(date, options) {
-  const _date = toDate(date, options?.in);
-  const year = _date.getFullYear();
-  const defaultOptions2 = getDefaultOptions();
-  const firstWeekContainsDate = options?.firstWeekContainsDate ?? options?.locale?.options?.firstWeekContainsDate ?? defaultOptions2.firstWeekContainsDate ?? defaultOptions2.locale?.options?.firstWeekContainsDate ?? 1;
-  const firstWeekOfNextYear = constructFrom(options?.in || date, 0);
-  firstWeekOfNextYear.setFullYear(year + 1, 0, firstWeekContainsDate);
-  firstWeekOfNextYear.setHours(0, 0, 0, 0);
-  const startOfNextYear = startOfWeek2(firstWeekOfNextYear, options);
-  const firstWeekOfThisYear = constructFrom(options?.in || date, 0);
-  firstWeekOfThisYear.setFullYear(year, 0, firstWeekContainsDate);
-  firstWeekOfThisYear.setHours(0, 0, 0, 0);
-  const startOfThisYear = startOfWeek2(firstWeekOfThisYear, options);
-  if (+_date >= +startOfNextYear) {
-    return year + 1;
-  } else if (+_date >= +startOfThisYear) {
-    return year;
-  } else {
-    return year - 1;
-  }
-}
-
-// node_modules/date-fns/startOfWeekYear.js
-function startOfWeekYear(date, options) {
-  const defaultOptions2 = getDefaultOptions();
-  const firstWeekContainsDate = options?.firstWeekContainsDate ?? options?.locale?.options?.firstWeekContainsDate ?? defaultOptions2.firstWeekContainsDate ?? defaultOptions2.locale?.options?.firstWeekContainsDate ?? 1;
-  const year = getWeekYear(date, options);
-  const firstWeek = constructFrom(options?.in || date, 0);
-  firstWeek.setFullYear(year, 0, firstWeekContainsDate);
-  firstWeek.setHours(0, 0, 0, 0);
-  const _date = startOfWeek2(firstWeek, options);
-  return _date;
-}
-
-// node_modules/date-fns/getWeek.js
-function getWeek(date, options) {
-  const _date = toDate(date, options?.in);
-  const diff = +startOfWeek2(_date, options) - +startOfWeekYear(_date, options);
-  return Math.round(diff / millisecondsInWeek) + 1;
-}
-
-// node_modules/date-fns/_lib/addLeadingZeros.js
-function addLeadingZeros(number, targetLength) {
-  const sign = number < 0 ? "-" : "";
-  const output = Math.abs(number).toString().padStart(targetLength, "0");
-  return sign + output;
-}
-
-// node_modules/date-fns/_lib/format/lightFormatters.js
-var lightFormatters = {
-  // Year
-  y(date, token) {
-    const signedYear = date.getFullYear();
-    const year = signedYear > 0 ? signedYear : 1 - signedYear;
-    return addLeadingZeros(token === "yy" ? year % 100 : year, token.length);
-  },
-  // Month
-  M(date, token) {
-    const month = date.getMonth();
-    return token === "M" ? String(month + 1) : addLeadingZeros(month + 1, 2);
-  },
-  // Day of the month
-  d(date, token) {
-    return addLeadingZeros(date.getDate(), token.length);
-  },
-  // AM or PM
-  a(date, token) {
-    const dayPeriodEnumValue = date.getHours() / 12 >= 1 ? "pm" : "am";
-    switch (token) {
-      case "a":
-      case "aa":
-        return dayPeriodEnumValue.toUpperCase();
-      case "aaa":
-        return dayPeriodEnumValue;
-      case "aaaaa":
-        return dayPeriodEnumValue[0];
-      case "aaaa":
-      default:
-        return dayPeriodEnumValue === "am" ? "a.m." : "p.m.";
-    }
-  },
-  // Hour [1-12]
-  h(date, token) {
-    return addLeadingZeros(date.getHours() % 12 || 12, token.length);
-  },
-  // Hour [0-23]
-  H(date, token) {
-    return addLeadingZeros(date.getHours(), token.length);
-  },
-  // Minute
-  m(date, token) {
-    return addLeadingZeros(date.getMinutes(), token.length);
-  },
-  // Second
-  s(date, token) {
-    return addLeadingZeros(date.getSeconds(), token.length);
-  },
-  // Fraction of second
-  S(date, token) {
-    const numberOfDigits = token.length;
-    const milliseconds = date.getMilliseconds();
-    const fractionalSeconds = Math.trunc(
-      milliseconds * Math.pow(10, numberOfDigits - 3)
-    );
-    return addLeadingZeros(fractionalSeconds, token.length);
-  }
-};
-
-// node_modules/date-fns/_lib/format/formatters.js
-var dayPeriodEnum = {
-  midnight: "midnight",
-  noon: "noon",
-  morning: "morning",
-  afternoon: "afternoon",
-  evening: "evening",
-  night: "night"
-};
-var formatters = {
-  // Era
-  G: function(date, token, localize2) {
-    const era = date.getFullYear() > 0 ? 1 : 0;
-    switch (token) {
-      // AD, BC
-      case "G":
-      case "GG":
-      case "GGG":
-        return localize2.era(era, { width: "abbreviated" });
-      // A, B
-      case "GGGGG":
-        return localize2.era(era, { width: "narrow" });
-      // Anno Domini, Before Christ
-      case "GGGG":
-      default:
-        return localize2.era(era, { width: "wide" });
-    }
-  },
-  // Year
-  y: function(date, token, localize2) {
-    if (token === "yo") {
-      const signedYear = date.getFullYear();
-      const year = signedYear > 0 ? signedYear : 1 - signedYear;
-      return localize2.ordinalNumber(year, { unit: "year" });
-    }
-    return lightFormatters.y(date, token);
-  },
-  // Local week-numbering year
-  Y: function(date, token, localize2, options) {
-    const signedWeekYear = getWeekYear(date, options);
-    const weekYear = signedWeekYear > 0 ? signedWeekYear : 1 - signedWeekYear;
-    if (token === "YY") {
-      const twoDigitYear = weekYear % 100;
-      return addLeadingZeros(twoDigitYear, 2);
-    }
-    if (token === "Yo") {
-      return localize2.ordinalNumber(weekYear, { unit: "year" });
-    }
-    return addLeadingZeros(weekYear, token.length);
-  },
-  // ISO week-numbering year
-  R: function(date, token) {
-    const isoWeekYear = getISOWeekYear(date);
-    return addLeadingZeros(isoWeekYear, token.length);
-  },
-  // Extended year. This is a single number designating the year of this calendar system.
-  // The main difference between `y` and `u` localizers are B.C. years:
-  // | Year | `y` | `u` |
-  // |------|-----|-----|
-  // | AC 1 |   1 |   1 |
-  // | BC 1 |   1 |   0 |
-  // | BC 2 |   2 |  -1 |
-  // Also `yy` always returns the last two digits of a year,
-  // while `uu` pads single digit years to 2 characters and returns other years unchanged.
-  u: function(date, token) {
-    const year = date.getFullYear();
-    return addLeadingZeros(year, token.length);
-  },
-  // Quarter
-  Q: function(date, token, localize2) {
-    const quarter = Math.ceil((date.getMonth() + 1) / 3);
-    switch (token) {
-      // 1, 2, 3, 4
-      case "Q":
-        return String(quarter);
-      // 01, 02, 03, 04
-      case "QQ":
-        return addLeadingZeros(quarter, 2);
-      // 1st, 2nd, 3rd, 4th
-      case "Qo":
-        return localize2.ordinalNumber(quarter, { unit: "quarter" });
-      // Q1, Q2, Q3, Q4
-      case "QQQ":
-        return localize2.quarter(quarter, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
-      case "QQQQQ":
-        return localize2.quarter(quarter, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // 1st quarter, 2nd quarter, ...
-      case "QQQQ":
-      default:
-        return localize2.quarter(quarter, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Stand-alone quarter
-  q: function(date, token, localize2) {
-    const quarter = Math.ceil((date.getMonth() + 1) / 3);
-    switch (token) {
-      // 1, 2, 3, 4
-      case "q":
-        return String(quarter);
-      // 01, 02, 03, 04
-      case "qq":
-        return addLeadingZeros(quarter, 2);
-      // 1st, 2nd, 3rd, 4th
-      case "qo":
-        return localize2.ordinalNumber(quarter, { unit: "quarter" });
-      // Q1, Q2, Q3, Q4
-      case "qqq":
-        return localize2.quarter(quarter, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
-      case "qqqqq":
-        return localize2.quarter(quarter, {
-          width: "narrow",
-          context: "standalone"
-        });
-      // 1st quarter, 2nd quarter, ...
-      case "qqqq":
-      default:
-        return localize2.quarter(quarter, {
-          width: "wide",
-          context: "standalone"
-        });
-    }
-  },
-  // Month
-  M: function(date, token, localize2) {
-    const month = date.getMonth();
-    switch (token) {
-      case "M":
-      case "MM":
-        return lightFormatters.M(date, token);
-      // 1st, 2nd, ..., 12th
-      case "Mo":
-        return localize2.ordinalNumber(month + 1, { unit: "month" });
-      // Jan, Feb, ..., Dec
-      case "MMM":
-        return localize2.month(month, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // J, F, ..., D
-      case "MMMMM":
-        return localize2.month(month, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // January, February, ..., December
-      case "MMMM":
-      default:
-        return localize2.month(month, { width: "wide", context: "formatting" });
-    }
-  },
-  // Stand-alone month
-  L: function(date, token, localize2) {
-    const month = date.getMonth();
-    switch (token) {
-      // 1, 2, ..., 12
-      case "L":
-        return String(month + 1);
-      // 01, 02, ..., 12
-      case "LL":
-        return addLeadingZeros(month + 1, 2);
-      // 1st, 2nd, ..., 12th
-      case "Lo":
-        return localize2.ordinalNumber(month + 1, { unit: "month" });
-      // Jan, Feb, ..., Dec
-      case "LLL":
-        return localize2.month(month, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // J, F, ..., D
-      case "LLLLL":
-        return localize2.month(month, {
-          width: "narrow",
-          context: "standalone"
-        });
-      // January, February, ..., December
-      case "LLLL":
-      default:
-        return localize2.month(month, { width: "wide", context: "standalone" });
-    }
-  },
-  // Local week of year
-  w: function(date, token, localize2, options) {
-    const week = getWeek(date, options);
-    if (token === "wo") {
-      return localize2.ordinalNumber(week, { unit: "week" });
-    }
-    return addLeadingZeros(week, token.length);
-  },
-  // ISO week of year
-  I: function(date, token, localize2) {
-    const isoWeek = getISOWeek(date);
-    if (token === "Io") {
-      return localize2.ordinalNumber(isoWeek, { unit: "week" });
-    }
-    return addLeadingZeros(isoWeek, token.length);
-  },
-  // Day of the month
-  d: function(date, token, localize2) {
-    if (token === "do") {
-      return localize2.ordinalNumber(date.getDate(), { unit: "date" });
-    }
-    return lightFormatters.d(date, token);
-  },
-  // Day of year
-  D: function(date, token, localize2) {
-    const dayOfYear = getDayOfYear(date);
-    if (token === "Do") {
-      return localize2.ordinalNumber(dayOfYear, { unit: "dayOfYear" });
-    }
-    return addLeadingZeros(dayOfYear, token.length);
-  },
-  // Day of week
-  E: function(date, token, localize2) {
-    const dayOfWeek = date.getDay();
-    switch (token) {
-      // Tue
-      case "E":
-      case "EE":
-      case "EEE":
-        return localize2.day(dayOfWeek, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "EEEEE":
-        return localize2.day(dayOfWeek, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "EEEEEE":
-        return localize2.day(dayOfWeek, {
-          width: "short",
-          context: "formatting"
-        });
-      // Tuesday
-      case "EEEE":
-      default:
-        return localize2.day(dayOfWeek, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Local day of week
-  e: function(date, token, localize2, options) {
-    const dayOfWeek = date.getDay();
-    const localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
-    switch (token) {
-      // Numerical value (Nth day of week with current locale or weekStartsOn)
-      case "e":
-        return String(localDayOfWeek);
-      // Padded numerical value
-      case "ee":
-        return addLeadingZeros(localDayOfWeek, 2);
-      // 1st, 2nd, ..., 7th
-      case "eo":
-        return localize2.ordinalNumber(localDayOfWeek, { unit: "day" });
-      case "eee":
-        return localize2.day(dayOfWeek, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "eeeee":
-        return localize2.day(dayOfWeek, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "eeeeee":
-        return localize2.day(dayOfWeek, {
-          width: "short",
-          context: "formatting"
-        });
-      // Tuesday
-      case "eeee":
-      default:
-        return localize2.day(dayOfWeek, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Stand-alone local day of week
-  c: function(date, token, localize2, options) {
-    const dayOfWeek = date.getDay();
-    const localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
-    switch (token) {
-      // Numerical value (same as in `e`)
-      case "c":
-        return String(localDayOfWeek);
-      // Padded numerical value
-      case "cc":
-        return addLeadingZeros(localDayOfWeek, token.length);
-      // 1st, 2nd, ..., 7th
-      case "co":
-        return localize2.ordinalNumber(localDayOfWeek, { unit: "day" });
-      case "ccc":
-        return localize2.day(dayOfWeek, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // T
-      case "ccccc":
-        return localize2.day(dayOfWeek, {
-          width: "narrow",
-          context: "standalone"
-        });
-      // Tu
-      case "cccccc":
-        return localize2.day(dayOfWeek, {
-          width: "short",
-          context: "standalone"
-        });
-      // Tuesday
-      case "cccc":
-      default:
-        return localize2.day(dayOfWeek, {
-          width: "wide",
-          context: "standalone"
-        });
-    }
-  },
-  // ISO day of week
-  i: function(date, token, localize2) {
-    const dayOfWeek = date.getDay();
-    const isoDayOfWeek = dayOfWeek === 0 ? 7 : dayOfWeek;
-    switch (token) {
-      // 2
-      case "i":
-        return String(isoDayOfWeek);
-      // 02
-      case "ii":
-        return addLeadingZeros(isoDayOfWeek, token.length);
-      // 2nd
-      case "io":
-        return localize2.ordinalNumber(isoDayOfWeek, { unit: "day" });
-      // Tue
-      case "iii":
-        return localize2.day(dayOfWeek, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "iiiii":
-        return localize2.day(dayOfWeek, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "iiiiii":
-        return localize2.day(dayOfWeek, {
-          width: "short",
-          context: "formatting"
-        });
-      // Tuesday
-      case "iiii":
-      default:
-        return localize2.day(dayOfWeek, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // AM or PM
-  a: function(date, token, localize2) {
-    const hours = date.getHours();
-    const dayPeriodEnumValue = hours / 12 >= 1 ? "pm" : "am";
-    switch (token) {
-      case "a":
-      case "aa":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      case "aaa":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "abbreviated",
-          context: "formatting"
-        }).toLowerCase();
-      case "aaaaa":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "narrow",
-          context: "formatting"
-        });
-      case "aaaa":
-      default:
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // AM, PM, midnight, noon
-  b: function(date, token, localize2) {
-    const hours = date.getHours();
-    let dayPeriodEnumValue;
-    if (hours === 12) {
-      dayPeriodEnumValue = dayPeriodEnum.noon;
-    } else if (hours === 0) {
-      dayPeriodEnumValue = dayPeriodEnum.midnight;
-    } else {
-      dayPeriodEnumValue = hours / 12 >= 1 ? "pm" : "am";
-    }
-    switch (token) {
-      case "b":
-      case "bb":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      case "bbb":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "abbreviated",
-          context: "formatting"
-        }).toLowerCase();
-      case "bbbbb":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "narrow",
-          context: "formatting"
-        });
-      case "bbbb":
-      default:
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // in the morning, in the afternoon, in the evening, at night
-  B: function(date, token, localize2) {
-    const hours = date.getHours();
-    let dayPeriodEnumValue;
-    if (hours >= 17) {
-      dayPeriodEnumValue = dayPeriodEnum.evening;
-    } else if (hours >= 12) {
-      dayPeriodEnumValue = dayPeriodEnum.afternoon;
-    } else if (hours >= 4) {
-      dayPeriodEnumValue = dayPeriodEnum.morning;
-    } else {
-      dayPeriodEnumValue = dayPeriodEnum.night;
-    }
-    switch (token) {
-      case "B":
-      case "BB":
-      case "BBB":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      case "BBBBB":
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "narrow",
-          context: "formatting"
-        });
-      case "BBBB":
-      default:
-        return localize2.dayPeriod(dayPeriodEnumValue, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Hour [1-12]
-  h: function(date, token, localize2) {
-    if (token === "ho") {
-      let hours = date.getHours() % 12;
-      if (hours === 0) hours = 12;
-      return localize2.ordinalNumber(hours, { unit: "hour" });
-    }
-    return lightFormatters.h(date, token);
-  },
-  // Hour [0-23]
-  H: function(date, token, localize2) {
-    if (token === "Ho") {
-      return localize2.ordinalNumber(date.getHours(), { unit: "hour" });
-    }
-    return lightFormatters.H(date, token);
-  },
-  // Hour [0-11]
-  K: function(date, token, localize2) {
-    const hours = date.getHours() % 12;
-    if (token === "Ko") {
-      return localize2.ordinalNumber(hours, { unit: "hour" });
-    }
-    return addLeadingZeros(hours, token.length);
-  },
-  // Hour [1-24]
-  k: function(date, token, localize2) {
-    let hours = date.getHours();
-    if (hours === 0) hours = 24;
-    if (token === "ko") {
-      return localize2.ordinalNumber(hours, { unit: "hour" });
-    }
-    return addLeadingZeros(hours, token.length);
-  },
-  // Minute
-  m: function(date, token, localize2) {
-    if (token === "mo") {
-      return localize2.ordinalNumber(date.getMinutes(), { unit: "minute" });
-    }
-    return lightFormatters.m(date, token);
-  },
-  // Second
-  s: function(date, token, localize2) {
-    if (token === "so") {
-      return localize2.ordinalNumber(date.getSeconds(), { unit: "second" });
-    }
-    return lightFormatters.s(date, token);
-  },
-  // Fraction of second
-  S: function(date, token) {
-    return lightFormatters.S(date, token);
-  },
-  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
-  X: function(date, token, _localize) {
-    const timezoneOffset = date.getTimezoneOffset();
-    if (timezoneOffset === 0) {
-      return "Z";
-    }
-    switch (token) {
-      // Hours and optional minutes
-      case "X":
-        return formatTimezoneWithOptionalMinutes(timezoneOffset);
-      // Hours, minutes and optional seconds without `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `XX`
-      case "XXXX":
-      case "XX":
-        return formatTimezone(timezoneOffset);
-      // Hours, minutes and optional seconds with `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `XXX`
-      case "XXXXX":
-      case "XXX":
-      // Hours and minutes with `:` delimiter
-      default:
-        return formatTimezone(timezoneOffset, ":");
-    }
-  },
-  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
-  x: function(date, token, _localize) {
-    const timezoneOffset = date.getTimezoneOffset();
-    switch (token) {
-      // Hours and optional minutes
-      case "x":
-        return formatTimezoneWithOptionalMinutes(timezoneOffset);
-      // Hours, minutes and optional seconds without `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `xx`
-      case "xxxx":
-      case "xx":
-        return formatTimezone(timezoneOffset);
-      // Hours, minutes and optional seconds with `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `xxx`
-      case "xxxxx":
-      case "xxx":
-      // Hours and minutes with `:` delimiter
-      default:
-        return formatTimezone(timezoneOffset, ":");
-    }
-  },
-  // Timezone (GMT)
-  O: function(date, token, _localize) {
-    const timezoneOffset = date.getTimezoneOffset();
-    switch (token) {
-      // Short
-      case "O":
-      case "OO":
-      case "OOO":
-        return "GMT" + formatTimezoneShort(timezoneOffset, ":");
-      // Long
-      case "OOOO":
-      default:
-        return "GMT" + formatTimezone(timezoneOffset, ":");
-    }
-  },
-  // Timezone (specific non-location)
-  z: function(date, token, _localize) {
-    const timezoneOffset = date.getTimezoneOffset();
-    switch (token) {
-      // Short
-      case "z":
-      case "zz":
-      case "zzz":
-        return "GMT" + formatTimezoneShort(timezoneOffset, ":");
-      // Long
-      case "zzzz":
-      default:
-        return "GMT" + formatTimezone(timezoneOffset, ":");
-    }
-  },
-  // Seconds timestamp
-  t: function(date, token, _localize) {
-    const timestamp = Math.trunc(+date / 1e3);
-    return addLeadingZeros(timestamp, token.length);
-  },
-  // Milliseconds timestamp
-  T: function(date, token, _localize) {
-    return addLeadingZeros(+date, token.length);
-  }
-};
-function formatTimezoneShort(offset, delimiter = "") {
-  const sign = offset > 0 ? "-" : "+";
-  const absOffset = Math.abs(offset);
-  const hours = Math.trunc(absOffset / 60);
-  const minutes = absOffset % 60;
-  if (minutes === 0) {
-    return sign + String(hours);
-  }
-  return sign + String(hours) + delimiter + addLeadingZeros(minutes, 2);
-}
-function formatTimezoneWithOptionalMinutes(offset, delimiter) {
-  if (offset % 60 === 0) {
-    const sign = offset > 0 ? "-" : "+";
-    return sign + addLeadingZeros(Math.abs(offset) / 60, 2);
-  }
-  return formatTimezone(offset, delimiter);
-}
-function formatTimezone(offset, delimiter = "") {
-  const sign = offset > 0 ? "-" : "+";
-  const absOffset = Math.abs(offset);
-  const hours = addLeadingZeros(Math.trunc(absOffset / 60), 2);
-  const minutes = addLeadingZeros(absOffset % 60, 2);
-  return sign + hours + delimiter + minutes;
-}
-
-// node_modules/date-fns/_lib/format/longFormatters.js
-var dateLongFormatter = (pattern, formatLong2) => {
-  switch (pattern) {
-    case "P":
-      return formatLong2.date({ width: "short" });
-    case "PP":
-      return formatLong2.date({ width: "medium" });
-    case "PPP":
-      return formatLong2.date({ width: "long" });
-    case "PPPP":
-    default:
-      return formatLong2.date({ width: "full" });
-  }
-};
-var timeLongFormatter = (pattern, formatLong2) => {
-  switch (pattern) {
-    case "p":
-      return formatLong2.time({ width: "short" });
-    case "pp":
-      return formatLong2.time({ width: "medium" });
-    case "ppp":
-      return formatLong2.time({ width: "long" });
-    case "pppp":
-    default:
-      return formatLong2.time({ width: "full" });
-  }
-};
-var dateTimeLongFormatter = (pattern, formatLong2) => {
-  const matchResult = pattern.match(/(P+)(p+)?/) || [];
-  const datePattern = matchResult[1];
-  const timePattern = matchResult[2];
-  if (!timePattern) {
-    return dateLongFormatter(pattern, formatLong2);
-  }
-  let dateTimeFormat;
-  switch (datePattern) {
-    case "P":
-      dateTimeFormat = formatLong2.dateTime({ width: "short" });
-      break;
-    case "PP":
-      dateTimeFormat = formatLong2.dateTime({ width: "medium" });
-      break;
-    case "PPP":
-      dateTimeFormat = formatLong2.dateTime({ width: "long" });
-      break;
-    case "PPPP":
-    default:
-      dateTimeFormat = formatLong2.dateTime({ width: "full" });
-      break;
-  }
-  return dateTimeFormat.replace("{{date}}", dateLongFormatter(datePattern, formatLong2)).replace("{{time}}", timeLongFormatter(timePattern, formatLong2));
-};
-var longFormatters = {
-  p: timeLongFormatter,
-  P: dateTimeLongFormatter
-};
-
-// node_modules/date-fns/_lib/protectedTokens.js
-var dayOfYearTokenRE = /^D+$/;
-var weekYearTokenRE = /^Y+$/;
-var throwTokens = ["D", "DD", "YY", "YYYY"];
-function isProtectedDayOfYearToken(token) {
-  return dayOfYearTokenRE.test(token);
-}
-function isProtectedWeekYearToken(token) {
-  return weekYearTokenRE.test(token);
-}
-function warnOrThrowProtectedError(token, format2, input) {
-  const _message = message(token, format2, input);
-  console.warn(_message);
-  if (throwTokens.includes(token)) throw new RangeError(_message);
-}
-function message(token, format2, input) {
-  const subject = token[0] === "Y" ? "years" : "days of the month";
-  return `Use \`${token.toLowerCase()}\` instead of \`${token}\` (in \`${format2}\`) for formatting ${subject} to the input \`${input}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
-}
-
-// node_modules/date-fns/format.js
-var formattingTokensRegExp = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
-var longFormattingTokensRegExp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
-var escapedStringRegExp = /^'([^]*?)'?$/;
-var doubleQuoteRegExp = /''/g;
-var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
-function format(date, formatStr, options) {
-  const defaultOptions2 = getDefaultOptions();
-  const locale = defaultOptions2.locale ?? enUS;
-  const firstWeekContainsDate = defaultOptions2.firstWeekContainsDate ?? defaultOptions2.locale?.options?.firstWeekContainsDate ?? 1;
-  const weekStartsOn = defaultOptions2.weekStartsOn ?? defaultOptions2.locale?.options?.weekStartsOn ?? 0;
-  const originalDate = toDate(date, options?.in);
-  if (!isValid(originalDate)) {
-    throw new RangeError("Invalid time value");
-  }
-  let parts = formatStr.match(longFormattingTokensRegExp).map((substring) => {
-    const firstCharacter = substring[0];
-    if (firstCharacter === "p" || firstCharacter === "P") {
-      const longFormatter = longFormatters[firstCharacter];
-      return longFormatter(substring, locale.formatLong);
-    }
-    return substring;
-  }).join("").match(formattingTokensRegExp).map((substring) => {
-    if (substring === "''") {
-      return { isToken: false, value: "'" };
-    }
-    const firstCharacter = substring[0];
-    if (firstCharacter === "'") {
-      return { isToken: false, value: cleanEscapedString(substring) };
-    }
-    if (formatters[firstCharacter]) {
-      return { isToken: true, value: substring };
-    }
-    if (firstCharacter.match(unescapedLatinCharacterRegExp)) {
-      throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + firstCharacter + "`"
-      );
-    }
-    return { isToken: false, value: substring };
-  });
-  if (locale.localize.preprocessor) {
-    parts = locale.localize.preprocessor(originalDate, parts);
-  }
-  const formatterOptions = {
-    firstWeekContainsDate,
-    weekStartsOn,
-    locale
-  };
-  return parts.map((part) => {
-    if (!part.isToken) return part.value;
-    const token = part.value;
-    if (isProtectedWeekYearToken(token) || isProtectedDayOfYearToken(token)) {
-      warnOrThrowProtectedError(token, formatStr, String(date));
-    }
-    const formatter = formatters[token[0]];
-    return formatter(originalDate, token, locale.localize, formatterOptions);
-  }).join("");
-}
-function cleanEscapedString(input) {
-  const matched = input.match(escapedStringRegExp);
-  if (!matched) {
-    return input;
-  }
-  return matched[1].replace(doubleQuoteRegExp, "'");
-}
-
-// node_modules/date-fns/isSameMonth.js
-function isSameMonth(laterDate, earlierDate, options) {
-  const [laterDate_, earlierDate_] = normalizeDates(
-    options?.in,
-    laterDate,
-    earlierDate
-  );
-  return laterDate_.getFullYear() === earlierDate_.getFullYear() && laterDate_.getMonth() === earlierDate_.getMonth();
-}
 var DEFAULT_COLUMN_WIDTH = {
   days: 56,
   weeks: 80,
@@ -7165,19 +5434,19 @@ var DEFAULT_COLOR2 = "hsl(var(--chart-1))";
 var EDGE_HIT_PX = 8;
 var LONG_PRESS_MS = 300;
 function startOfScale(date, scale) {
-  if (scale === "days") return startOfDay(date);
-  if (scale === "weeks") return startOfWeek2(date, { weekStartsOn: 1 });
-  return startOfMonth(date);
+  if (scale === "days") return dateFns.startOfDay(date);
+  if (scale === "weeks") return dateFns.startOfWeek(date, { weekStartsOn: 1 });
+  return dateFns.startOfMonth(date);
 }
 function endOfScale(date, scale) {
-  if (scale === "days") return startOfDay(date);
-  if (scale === "weeks") return endOfWeek(date, { weekStartsOn: 1 });
-  return endOfMonth(date);
+  if (scale === "days") return dateFns.startOfDay(date);
+  if (scale === "weeks") return dateFns.endOfWeek(date, { weekStartsOn: 1 });
+  return dateFns.endOfMonth(date);
 }
 function addUnits(date, n, scale) {
-  if (scale === "days") return addDays(date, n);
-  if (scale === "weeks") return addWeeks(date, n);
-  return addMonths(date, n);
+  if (scale === "days") return dateFns.addDays(date, n);
+  if (scale === "weeks") return dateFns.addWeeks(date, n);
+  return dateFns.addMonths(date, n);
 }
 function unitsBetween(a, b, scale) {
   if (scale === "days") {
@@ -7186,29 +5455,29 @@ function unitsBetween(a, b, scale) {
   if (scale === "weeks") {
     return (b.getTime() - a.getTime()) / (7 * 864e5);
   }
-  const wholeMonths = differenceInCalendarMonths(b, a);
-  const monthAnchor = addMonths(a, wholeMonths);
-  const monthLen = (endOfMonth(monthAnchor).getTime() - startOfMonth(monthAnchor).getTime()) / 864e5 + 1;
+  const wholeMonths = dateFns.differenceInCalendarMonths(b, a);
+  const monthAnchor = dateFns.addMonths(a, wholeMonths);
+  const monthLen = (dateFns.endOfMonth(monthAnchor).getTime() - dateFns.startOfMonth(monthAnchor).getTime()) / 864e5 + 1;
   const remainderDays = (b.getTime() - monthAnchor.getTime()) / 864e5;
   return wholeMonths + remainderDays / monthLen;
 }
 function totalColumns(viewportStart, viewportEnd, scale) {
   if (scale === "days") {
-    return Math.max(1, differenceInCalendarDays(viewportEnd, viewportStart) + 1);
+    return Math.max(1, dateFns.differenceInCalendarDays(viewportEnd, viewportStart) + 1);
   }
   if (scale === "weeks") {
-    return Math.max(1, differenceInCalendarWeeks(viewportEnd, viewportStart, { weekStartsOn: 1 }) + 1);
+    return Math.max(1, dateFns.differenceInCalendarWeeks(viewportEnd, viewportStart, { weekStartsOn: 1 }) + 1);
   }
-  return Math.max(1, differenceInCalendarMonths(viewportEnd, viewportStart) + 1);
+  return Math.max(1, dateFns.differenceInCalendarMonths(viewportEnd, viewportStart) + 1);
 }
 function formatColumnLabel(date, scale) {
-  if (scale === "days") return format(date, "EEE d");
-  if (scale === "weeks") return `Week ${format(date, "w")}`;
-  return format(date, "MMM yyyy");
+  if (scale === "days") return dateFns.format(date, "EEE d");
+  if (scale === "weeks") return `Week ${dateFns.format(date, "w")}`;
+  return dateFns.format(date, "MMM yyyy");
 }
 function formatColumnSubLabel(date, scale) {
-  if (scale === "days") return format(date, "MMM");
-  if (scale === "weeks") return format(date, "MMM yyyy");
+  if (scale === "days") return dateFns.format(date, "MMM");
+  if (scale === "weeks") return dateFns.format(date, "MMM yyyy");
   return null;
 }
 function snapDate(date, scale) {
@@ -7234,7 +5503,7 @@ var Gantt = React131__namespace.default.forwardRef(
     const columnWidth = DEFAULT_COLUMN_WIDTH[scale];
     const viewport = React131__namespace.default.useMemo(() => {
       const earliest = startDate ?? (items.length ? new Date(Math.min(...items.map((i) => i.start.getTime()))) : /* @__PURE__ */ new Date());
-      const latest = endDate ?? (items.length ? new Date(Math.max(...items.map((i) => i.end.getTime()))) : addDays(/* @__PURE__ */ new Date(), 14));
+      const latest = endDate ?? (items.length ? new Date(Math.max(...items.map((i) => i.end.getTime()))) : dateFns.addDays(/* @__PURE__ */ new Date(), 14));
       return {
         start: startOfScale(earliest, scale),
         end: endOfScale(latest, scale)
@@ -7631,7 +5900,7 @@ function GanttBar({
     const newEnd = addUnits(item.end, units, scale);
     onItemMove(item.id, newStart, newEnd);
   };
-  const ariaLabel = `${item.title}, ${format(item.start, "PP")} to ${format(
+  const ariaLabel = `${item.title}, ${dateFns.format(item.start, "PP")} to ${dateFns.format(
     item.end,
     "PP"
   )}`;
@@ -8773,7 +7042,7 @@ function Sparkline({
   const max = Math.max(...data);
   const range = max - min || 1;
   const pad = 2;
-  const lastY = pad + (1 - (data[data.length - 1] - min) / range) * (height - pad * 2);
+  const lastY = pad + (1 - ((data.at(-1) ?? 0) - min) / range) * (height - pad * 2);
   const areaPath = type === "area" ? `${path} L ${width - pad},${height - pad} L ${pad},${height - pad} Z` : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
@@ -8797,7 +7066,7 @@ var colorMap2 = {
   warning: "bg-yellow-500",
   error: "bg-red-500"
 };
-var sizeMap3 = {
+var sizeMap4 = {
   sm: "h-1.5 w-1.5",
   md: "h-2.5 w-2.5",
   lg: "h-3.5 w-3.5"
@@ -8805,7 +7074,7 @@ var sizeMap3 = {
 function BeaconDot({ color = "primary", size = "md" }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("animate-ping absolute inline-flex h-full w-full rounded-full opacity-75", colorMap2[color]) }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("relative inline-flex rounded-full", sizeMap3[size], colorMap2[color]) })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("relative inline-flex rounded-full", sizeMap4[size], colorMap2[color]) })
   ] });
 }
 function Beacon({ color = "primary", size = "md", children, className }) {
@@ -9248,7 +7517,7 @@ function ArrayField({
 }
 var DAYS2 = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var MONTHS2 = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
-function isSameDay2(a, b) {
+function isSameDay(a, b) {
   return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 }
 function getDaysInMonth(year, month) {
@@ -9267,8 +7536,8 @@ function CalendarGrid({ year, month, selected, onSelect }) {
     cells.map((day, i) => {
       if (!day) return /* @__PURE__ */ jsxRuntime.jsx("div", {}, i);
       const date = new Date(year, month, day);
-      const isToday = isSameDay2(date, today);
-      const isSelected = selected && isSameDay2(date, selected);
+      const isToday = isSameDay(date, today);
+      const isSelected = selected && isSameDay(date, selected);
       return /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
@@ -9425,6 +7694,7 @@ function FieldRenderer({ name, field, register, setValue, watch, error }) {
 }
 function AutoForm({ schema, onSubmit, defaultValues, submitLabel = "Submit" }) {
   const { register, handleSubmit, setValue, watch, formState } = reactHookForm.useForm({
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     resolver: zod.zodResolver(schema),
     defaultValues
   });
@@ -9448,18 +7718,18 @@ function AutoForm({ schema, onSubmit, defaultValues, submitLabel = "Submit" }) {
 var HEX_RE = /^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
 var RGB_RE = /^rgba?\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*(,\s*(0|1|0?\.\d+)\s*)?\)$/i;
 var HSL_RE = /^hsla?\(\s*\d+\s*,\s*\d+%\s*,\s*\d+%\s*(,\s*(0|1|0?\.\d+)\s*)?\)$/i;
-function isValid2(value, format2, showAlpha) {
-  if (format2 === "hex") {
+function isValid(value, format3, showAlpha) {
+  if (format3 === "hex") {
     if (!HEX_RE.test(value)) return false;
     if (!showAlpha && (value.length === 5 || value.length === 9)) return false;
     return true;
   }
-  if (format2 === "rgb") return RGB_RE.test(value);
+  if (format3 === "rgb") return RGB_RE.test(value);
   return HSL_RE.test(value);
 }
-function defaultFor(format2, showAlpha) {
-  if (format2 === "hex") return showAlpha ? "#3b82f6ff" : "#3b82f6";
-  if (format2 === "rgb") return showAlpha ? "rgba(59, 130, 246, 1)" : "rgb(59, 130, 246)";
+function defaultFor(format3, showAlpha) {
+  if (format3 === "hex") return showAlpha ? "#3b82f6ff" : "#3b82f6";
+  if (format3 === "rgb") return showAlpha ? "rgba(59, 130, 246, 1)" : "rgb(59, 130, 246)";
   return showAlpha ? "hsla(217, 91%, 60%, 1)" : "hsl(217, 91%, 60%)";
 }
 var ColorPicker = React131__namespace.default.forwardRef(
@@ -9467,7 +7737,7 @@ var ColorPicker = React131__namespace.default.forwardRef(
     value: valueProp,
     defaultValue,
     onValueChange,
-    format: format2 = "hex",
+    format: format3 = "hex",
     showAlpha = false,
     swatches,
     showEyeDropper = true,
@@ -9475,7 +7745,7 @@ var ColorPicker = React131__namespace.default.forwardRef(
     className,
     ...props
   }, ref) => {
-    const fallback = defaultValue ?? defaultFor(format2, showAlpha);
+    const fallback = defaultValue ?? defaultFor(format3, showAlpha);
     const isControlled = valueProp !== void 0;
     const [internal, setInternal] = React131__namespace.default.useState(fallback);
     const value = isControlled ? valueProp : internal;
@@ -9501,7 +7771,7 @@ var ColorPicker = React131__namespace.default.forwardRef(
     const handleDraftChange = (e) => {
       const next = e.target.value;
       setDraft(next);
-      const valid = isValid2(next, format2, showAlpha);
+      const valid = isValid(next, format3, showAlpha);
       setDraftValid(valid || next === "");
       if (valid) commit(next);
     };
@@ -9524,9 +7794,9 @@ var ColorPicker = React131__namespace.default.forwardRef(
           disabled && "pointer-events-none opacity-50 grayscale"
         )
       };
-      if (format2 === "hex" && showAlpha) return /* @__PURE__ */ jsxRuntime.jsx(reactColorful.HexAlphaColorPicker, { ...common });
-      if (format2 === "hex") return /* @__PURE__ */ jsxRuntime.jsx(reactColorful.HexColorPicker, { ...common });
-      if (format2 === "rgb") return /* @__PURE__ */ jsxRuntime.jsx(reactColorful.RgbStringColorPicker, { ...common });
+      if (format3 === "hex" && showAlpha) return /* @__PURE__ */ jsxRuntime.jsx(reactColorful.HexAlphaColorPicker, { ...common });
+      if (format3 === "hex") return /* @__PURE__ */ jsxRuntime.jsx(reactColorful.HexColorPicker, { ...common });
+      if (format3 === "rgb") return /* @__PURE__ */ jsxRuntime.jsx(reactColorful.RgbStringColorPicker, { ...common });
       return /* @__PURE__ */ jsxRuntime.jsx(reactColorful.HslStringColorPicker, { ...common });
     })();
     const showDropper = showEyeDropper && eyeDropperSupported;
@@ -9594,7 +7864,7 @@ var ColorPicker = React131__namespace.default.forwardRef(
                   "font-mono text-xs",
                   !draftValid && "border-[hsl(var(--destructive))] focus-visible:ring-[hsl(var(--destructive))]"
                 ),
-                "aria-label": `Color value (${format2})`,
+                "aria-label": `Color value (${format3})`,
                 "aria-invalid": !draftValid
               }
             ),
@@ -9728,7 +7998,91 @@ function FileUploadPreview({ files, onRemove, className }) {
     ] })
   ] }, i)) });
 }
-var FormLabel2 = React131__namespace.default.forwardRef(
+var FloatingLabelInput = React131__namespace.default.forwardRef(
+  ({ label, error, hint, wrapperClassName, className, id, value, defaultValue, onFocus, onBlur, onChange, ...props }, ref) => {
+    const autoId = React131.useId();
+    const inputId = id ?? autoId;
+    const errorId = error ? `${inputId}-error` : void 0;
+    const hintId = hint ? `${inputId}-hint` : void 0;
+    const describedBy = [errorId, hintId].filter(Boolean).join(" ") || void 0;
+    const [focused, setFocused] = React131.useState(false);
+    const [filled, setFilled] = React131.useState(() => {
+      if (value !== void 0 && value !== null && value !== "") return true;
+      if (defaultValue !== void 0 && defaultValue !== null && defaultValue !== "") return true;
+      return false;
+    });
+    const isFloated = focused || filled;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "floating-label-input", className: cn("flex flex-col gap-1.5", wrapperClassName), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref,
+            id: inputId,
+            value,
+            defaultValue,
+            "data-slot": "input",
+            "data-state": isFloated ? "floated" : "rest",
+            "aria-invalid": Boolean(error) || void 0,
+            "aria-describedby": describedBy,
+            onFocus: (e) => {
+              setFocused(true);
+              onFocus?.(e);
+            },
+            onBlur: (e) => {
+              setFocused(false);
+              onBlur?.(e);
+            },
+            onChange: (e) => {
+              setFilled(e.target.value.length > 0);
+              onChange?.(e);
+            },
+            className: cn(
+              // Reset + structure
+              "peer w-full appearance-none bg-transparent",
+              "h-14 rounded-md border px-3 pt-5 pb-1.5",
+              "text-base text-foreground leading-tight",
+              // Border / focus ring colors
+              "border-input focus:border-ring focus:outline-none focus:ring-2 focus:ring-ring/30",
+              error && "border-destructive focus:border-destructive focus:ring-destructive/30",
+              "disabled:cursor-not-allowed disabled:opacity-50",
+              "placeholder:text-transparent",
+              // hide native placeholder; label takes its job
+              className
+            ),
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "label",
+          {
+            htmlFor: inputId,
+            className: cn(
+              "pointer-events-none absolute left-3",
+              "origin-[0_50%] transition-all duration-150 ease-out",
+              "text-muted-foreground",
+              // Rest: centered vertically inside the field, full size
+              !isFloated && "top-1/2 -translate-y-1/2 text-base",
+              // Floated: tucked into the top with a small subtle background
+              isFloated && "top-1.5 text-[11px] uppercase tracking-wider text-foreground/85",
+              error && "text-destructive"
+            ),
+            children: label
+          }
+        )
+      ] }),
+      error ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: "text-xs text-destructive", children: error }) : hint ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: hintId, className: "text-xs text-muted-foreground", children: hint }) : null
+    ] });
+  }
+);
+FloatingLabelInput.displayName = "FloatingLabelInput";
+function FormField(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props });
+}
+function FormItem({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-1.5", className), ...props });
+}
+var FormLabel = React131__namespace.default.forwardRef(
   ({ className, error, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "label",
     {
@@ -9742,14 +8096,24 @@ var FormLabel2 = React131__namespace.default.forwardRef(
     }
   )
 );
-FormLabel2.displayName = "FormLabel";
-var FormControl2 = React131__namespace.default.forwardRef(
+FormLabel.displayName = "FormLabel";
+var FormControl = React131__namespace.default.forwardRef(
   ({ ...props }, ref) => {
     const id = React131.useId();
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, id, ...props });
   }
 );
-FormControl2.displayName = "FormControl";
+FormControl.displayName = "FormControl";
+function FormDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xs text-[hsl(var(--muted-foreground))]", className), ...props });
+}
+function FormMessage({ className, children, name }) {
+  const { formState } = reactHookForm.useFormContext();
+  const error = name ? formState.errors[name] : void 0;
+  const message = error?.message ? String(error.message) : children;
+  if (!message) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xs text-[hsl(var(--destructive))]", className), children: message });
+}
 function ObjectField({
   title,
   description,
@@ -10232,7 +8596,7 @@ var MobileSidebarTrigger = React131__namespace.default.forwardRef(
   }
 );
 MobileSidebarTrigger.displayName = "MobileSidebarTrigger";
-var sizeMap4 = {
+var sizeMap5 = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
   lg: "max-w-screen-lg",
@@ -10246,7 +8610,7 @@ var Container = React131__namespace.default.forwardRef(
       ref,
       className: cn(
         "mx-auto w-full",
-        sizeMap4[size],
+        sizeMap5[size],
         !noPadding && "px-4 sm:px-6 lg:px-8",
         className
       ),
@@ -10849,9 +9213,9 @@ function nextId() {
   return `toast-${++_id}`;
 }
 var toastEmitter = {
-  emit(message2, options = {}) {
+  emit(message, options = {}) {
     const id = options.id ?? nextId();
-    const event = { id, message: message2, options };
+    const event = { id, message, options };
     listeners.forEach((fn) => fn(event));
     return id;
   },
@@ -10873,13 +9237,13 @@ var toastEmitter = {
     };
   }
 };
-function toastFn(message2, opts) {
-  return toastEmitter.emit(message2, opts);
+function toastFn(message, opts) {
+  return toastEmitter.emit(message, opts);
 }
-toastFn.success = (message2, opts) => toastEmitter.emit(message2, { ...opts, type: "success" });
-toastFn.error = (message2, opts) => toastEmitter.emit(message2, { ...opts, type: "error" });
-toastFn.warning = (message2, opts) => toastEmitter.emit(message2, { ...opts, type: "warning" });
-toastFn.info = (message2, opts) => toastEmitter.emit(message2, { ...opts, type: "info" });
+toastFn.success = (message, opts) => toastEmitter.emit(message, { ...opts, type: "success" });
+toastFn.error = (message, opts) => toastEmitter.emit(message, { ...opts, type: "error" });
+toastFn.warning = (message, opts) => toastEmitter.emit(message, { ...opts, type: "warning" });
+toastFn.info = (message, opts) => toastEmitter.emit(message, { ...opts, type: "info" });
 toastFn.dismiss = (id) => toastEmitter.dismiss(id);
 var iconMap = {
   success: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "h-4 w-4 text-green-500" }),
@@ -11041,8 +9405,8 @@ GradientHeading.displayName = "GradientHeading";
 function easeOutExpo(t) {
   return t === 1 ? 1 : 1 - Math.pow(2, -10 * t);
 }
-function formatNumber(value, decimals, format2, locale) {
-  if (format2) {
+function formatNumber(value, decimals, format3, locale) {
+  if (format3) {
     return new Intl.NumberFormat(locale, {
       minimumFractionDigits: decimals,
       maximumFractionDigits: decimals
@@ -11061,7 +9425,7 @@ var AnimatedNumber = React131__namespace.default.forwardRef(
     easing = easeOutExpo,
     autoStart = true,
     locale,
-    format: format2 = true,
+    format: format3 = true,
     className,
     ...props
   }, ref) => {
@@ -11139,7 +9503,7 @@ var AnimatedNumber = React131__namespace.default.forwardRef(
         ...props,
         children: [
           prefix,
-          formatNumber(displayed, decimals, format2, locale),
+          formatNumber(displayed, decimals, format3, locale),
           suffix
         ]
       }
@@ -12243,25 +10607,25 @@ DataListItem.displayName = "DataListItem";
 var HOUR_ROW_PX = 40;
 var DEFAULT_COLOR3 = "hsl(var(--chart-1))";
 function clampToDay(date, target) {
-  if (date < startOfDay(target)) return startOfDay(target);
-  if (date > endOfDay(target)) return endOfDay(target);
+  if (date < dateFns.startOfDay(target)) return dateFns.startOfDay(target);
+  if (date > dateFns.endOfDay(target)) return dateFns.endOfDay(target);
   return date;
 }
 function eventOverlapsDay(event, day) {
-  const dayStart = startOfDay(day);
-  const dayEnd = endOfDay(day);
+  const dayStart = dateFns.startOfDay(day);
+  const dayEnd = dateFns.endOfDay(day);
   return event.end >= dayStart && event.start <= dayEnd;
 }
 function getMonthMatrix(date, weekStartsOn) {
-  const monthStart = startOfMonth(date);
-  const gridStart = startOfWeek2(monthStart, { weekStartsOn });
+  const monthStart = dateFns.startOfMonth(date);
+  const gridStart = dateFns.startOfWeek(monthStart, { weekStartsOn });
   const cells = [];
-  for (let i = 0; i < 42; i++) cells.push(addDays(gridStart, i));
+  for (let i = 0; i < 42; i++) cells.push(dateFns.addDays(gridStart, i));
   return cells;
 }
 function getWeekDays(date, weekStartsOn) {
-  const start = startOfWeek2(date, { weekStartsOn });
-  return Array.from({ length: 7 }, (_, i) => addDays(start, i));
+  const start = dateFns.startOfWeek(date, { weekStartsOn });
+  return Array.from({ length: 7 }, (_, i) => dateFns.addDays(start, i));
 }
 var EventCalendar = React131__namespace.default.forwardRef(
   ({
@@ -12299,14 +10663,14 @@ var EventCalendar = React131__namespace.default.forwardRef(
       [dateProp, onDateChange]
     );
     const handlePrev = () => {
-      if (view === "month") commitDate(addMonths(date, -1));
-      else if (view === "week") commitDate(addWeeks(date, -1));
-      else commitDate(addDays(date, -1));
+      if (view === "month") commitDate(dateFns.addMonths(date, -1));
+      else if (view === "week") commitDate(dateFns.addWeeks(date, -1));
+      else commitDate(dateFns.addDays(date, -1));
     };
     const handleNext = () => {
-      if (view === "month") commitDate(addMonths(date, 1));
-      else if (view === "week") commitDate(addWeeks(date, 1));
-      else commitDate(addDays(date, 1));
+      if (view === "month") commitDate(dateFns.addMonths(date, 1));
+      else if (view === "week") commitDate(dateFns.addWeeks(date, 1));
+      else commitDate(dateFns.addDays(date, 1));
     };
     const handleToday = () => commitDate(/* @__PURE__ */ new Date());
     const handleRootKeyDown = (e) => {
@@ -12318,14 +10682,14 @@ var EventCalendar = React131__namespace.default.forwardRef(
       }
     };
     const headerLabel = React131__namespace.default.useMemo(() => {
-      if (view === "month") return format(date, "MMMM yyyy");
+      if (view === "month") return dateFns.format(date, "MMMM yyyy");
       if (view === "week") {
-        const start = startOfWeek2(date, { weekStartsOn });
-        const end = addDays(start, 6);
-        if (isSameMonth(start, end)) return `${format(start, "MMM d")} \u2013 ${format(end, "d, yyyy")}`;
-        return `${format(start, "MMM d")} \u2013 ${format(end, "MMM d, yyyy")}`;
+        const start = dateFns.startOfWeek(date, { weekStartsOn });
+        const end = dateFns.addDays(start, 6);
+        if (dateFns.isSameMonth(start, end)) return `${dateFns.format(start, "MMM d")} \u2013 ${dateFns.format(end, "d, yyyy")}`;
+        return `${dateFns.format(start, "MMM d")} \u2013 ${dateFns.format(end, "MMM d, yyyy")}`;
       }
-      return format(date, "EEEE, MMMM d, yyyy");
+      return dateFns.format(date, "EEEE, MMMM d, yyyy");
     }, [date, view, weekStartsOn]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -12471,8 +10835,8 @@ function MonthView({
     [date, weekStartsOn]
   );
   const weekdayLabels = React131__namespace.default.useMemo(() => {
-    const start = startOfWeek2(/* @__PURE__ */ new Date(), { weekStartsOn });
-    return Array.from({ length: 7 }, (_, i) => format(addDays(start, i), "EEE"));
+    const start = dateFns.startOfWeek(/* @__PURE__ */ new Date(), { weekStartsOn });
+    return Array.from({ length: 7 }, (_, i) => dateFns.format(dateFns.addDays(start, i), "EEE"));
   }, [weekStartsOn]);
   const today = /* @__PURE__ */ new Date();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", "data-slot": "event-calendar-month", children: [
@@ -12485,8 +10849,8 @@ function MonthView({
       label
     )) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { role: "grid", "aria-label": "Month grid", className: "grid grid-cols-7", children: cells.map((cell) => {
-      const inMonth = isSameMonth(cell, date);
-      const isToday = isSameDay(cell, today);
+      const inMonth = dateFns.isSameMonth(cell, date);
+      const isToday = dateFns.isSameDay(cell, today);
       const dayEvents = events.filter((ev) => eventOverlapsDay(ev, cell)).sort((a, b) => a.start.getTime() - b.start.getTime());
       const visible = dayEvents.slice(0, 3);
       const overflow = dayEvents.length - visible.length;
@@ -12494,13 +10858,13 @@ function MonthView({
         "div",
         {
           role: "gridcell",
-          "aria-label": format(cell, "EEEE, MMMM d, yyyy"),
+          "aria-label": dateFns.format(cell, "EEEE, MMMM d, yyyy"),
           tabIndex: 0,
           onClick: (e) => {
             if (e.target.closest("[data-event-chip]")) return;
             if (e.target.closest("[data-overflow]")) return;
             if (onEventCreate) {
-              onEventCreate({ start: startOfDay(cell), end: endOfDay(cell) });
+              onEventCreate({ start: dateFns.startOfDay(cell), end: dateFns.endOfDay(cell) });
             } else {
               onDayPick(cell);
             }
@@ -12509,7 +10873,7 @@ function MonthView({
             if (e.key === "Enter" || e.key === " ") {
               e.preventDefault();
               if (onEventCreate) {
-                onEventCreate({ start: startOfDay(cell), end: endOfDay(cell) });
+                onEventCreate({ start: dateFns.startOfDay(cell), end: dateFns.endOfDay(cell) });
               } else {
                 onDayPick(cell);
               }
@@ -12530,7 +10894,7 @@ function MonthView({
                   isToday && "bg-primary text-primary-foreground",
                   !isToday && !inMonth && "text-muted-foreground"
                 ),
-                children: format(cell, "d")
+                children: dateFns.format(cell, "d")
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
@@ -12558,7 +10922,7 @@ function MonthView({
                   }
                 ) }),
                 /* @__PURE__ */ jsxRuntime.jsxs(PopoverContent, { className: "w-64 p-2", align: "start", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 px-1 text-xs font-medium text-muted-foreground", children: format(cell, "EEEE, MMM d") }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 px-1 text-xs font-medium text-muted-foreground", children: dateFns.format(cell, "EEEE, MMM d") }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1", children: dayEvents.map((ev) => /* @__PURE__ */ jsxRuntime.jsx(
                     EventChip,
                     {
@@ -12633,7 +10997,7 @@ function HourGrid({
             {
               style: { height: HOUR_ROW_PX },
               className: "relative -mt-px text-right text-[10px] text-muted-foreground",
-              children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-1.5 right-1.5 bg-card px-1", children: format(new Date(2e3, 0, 1, h), "h a") })
+              children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-1.5 right-1.5 bg-card px-1", children: dateFns.format(new Date(2e3, 0, 1, h), "h a") })
             },
             h
           ))
@@ -12647,7 +11011,7 @@ function HourGrid({
               DayColumn,
               {
                 day,
-                isToday: isSameDay(day, today),
+                isToday: dateFns.isSameDay(day, today),
                 events: events.filter((ev) => eventOverlapsDay(ev, day)),
                 onEventClick,
                 onEventCreate,
@@ -12679,8 +11043,8 @@ function DayColumn({
     if (!rect) return;
     const offsetY = e.clientY - rect.top;
     const hour = Math.max(0, Math.min(23, Math.floor(offsetY / HOUR_ROW_PX)));
-    const start = addHours(startOfDay(day), hour);
-    const end = addHours(start, 1);
+    const start = dateFns.addHours(dateFns.startOfDay(day), hour);
+    const end = dateFns.addHours(start, 1);
     onEventCreate({ start, end });
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col border-r border-border last:border-r-0", children: [
@@ -12692,7 +11056,7 @@ function DayColumn({
           isToday && "bg-primary/10"
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium uppercase tracking-wide text-muted-foreground", children: format(day, "EEE") }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium uppercase tracking-wide text-muted-foreground", children: dateFns.format(day, "EEE") }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
@@ -12700,7 +11064,7 @@ function DayColumn({
                 "tabular-nums",
                 isToday ? "font-semibold text-primary" : "text-foreground"
               ),
-              children: format(day, "d")
+              children: dateFns.format(day, "d")
             }
           )
         ]
@@ -12711,7 +11075,7 @@ function DayColumn({
       {
         ref: bodyRef,
         role: "row",
-        "aria-label": format(day, "EEEE, MMMM d"),
+        "aria-label": dateFns.format(day, "EEEE, MMMM d"),
         onClick: handleEmptyClick,
         className: cn(
           "relative",
@@ -12746,10 +11110,10 @@ function EventBlock({ event, day, onClick, onResize }) {
   const color = event.color ?? DEFAULT_COLOR3;
   const visibleStart = clampToDay(event.start, day);
   const visibleEnd = clampToDay(event.end, day);
-  const startMinutes = differenceInMinutes(visibleStart, startOfDay(day));
+  const startMinutes = dateFns.differenceInMinutes(visibleStart, dateFns.startOfDay(day));
   const durationMinutes = Math.max(
     20,
-    differenceInMinutes(visibleEnd, visibleStart)
+    dateFns.differenceInMinutes(visibleEnd, visibleStart)
   );
   const top = startMinutes / 60 * HOUR_ROW_PX;
   const [resizingDelta, setResizingDelta] = React131__namespace.default.useState(0);
@@ -12814,9 +11178,9 @@ function EventBlock({ event, day, onClick, onResize }) {
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate font-medium", children: event.title }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "truncate text-[10px] text-muted-foreground", children: [
-          format(event.start, "h:mm a"),
+          dateFns.format(event.start, "h:mm a"),
           " \u2013 ",
-          format(event.end, "h:mm a")
+          dateFns.format(event.end, "h:mm a")
         ] }),
         onResize && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -12942,7 +11306,7 @@ function buildDefaultCrop(defaultCrop, aspect, imgWidth, imgHeight) {
   }
   return { unit: "%", x: 10, y: 10, width: 80, height: 80 };
 }
-async function extractCroppedDataUrl(image, crop, format2, quality) {
+async function extractCroppedDataUrl(image, crop, format3, quality) {
   const scaleX = image.naturalWidth / image.width;
   const scaleY = image.naturalHeight / image.height;
   const canvas = document.createElement("canvas");
@@ -12962,7 +11326,7 @@ async function extractCroppedDataUrl(image, crop, format2, quality) {
     canvas.width,
     canvas.height
   );
-  const mime = format2 === "jpeg" ? "image/jpeg" : format2 === "webp" ? "image/webp" : "image/png";
+  const mime = format3 === "jpeg" ? "image/jpeg" : format3 === "webp" ? "image/webp" : "image/png";
   return canvas.toDataURL(mime, quality);
 }
 var ImageCrop = React131__namespace.default.forwardRef(
@@ -14438,6 +12802,10 @@ function SortableNav({ items, onReorder, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(core.DndContext, { sensors, collisionDetection: core.closestCenter, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: items.map((i) => i.id), strategy: sortable.verticalListSortingStrategy, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "data-slot": "sortable-nav", className: cn("space-y-0.5 px-2 py-1", className), children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(SortableNavItemWrapper, { item }, item.id)) }) }) });
 }
 
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function () { return reactHookForm.FormProvider; }
+});
 Object.defineProperty(exports, "AnimatePresence", {
   enumerable: true,
   get: function () { return react.AnimatePresence; }
@@ -14554,7 +12922,9 @@ exports.CommandDialog = CommandDialog;
 exports.CommandEmpty = CommandEmpty;
 exports.CommandGroup = CommandGroup;
 exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
 exports.CommandList = CommandList;
+exports.CommandListItem = CommandItem2;
 exports.CommandPalette = CommandPalette;
 exports.CommandPaletteProvider = CommandPaletteProvider;
 exports.CommandSeparator = CommandSeparator;
@@ -14639,7 +13009,14 @@ exports.FilterBadge = FilterBadge;
 exports.FilterItem = FilterItem;
 exports.Filters = Filters;
 exports.FloatingActionButton = FloatingActionButton;
+exports.FloatingLabelInput = FloatingLabelInput;
 exports.FloatingThemePicker = FloatingThemePicker;
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormItem = FormItem;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
 exports.Gantt = Gantt;
 exports.GradientBackground = GradientBackground;
 exports.GradientHeading = GradientHeading;
@@ -14877,7 +13254,6 @@ exports.toggleVariants = toggleVariants;
 exports.useAppShell = useAppShell;
 exports.useCommandBar = useCommandBar;
 exports.useCommandPalette = useCommandPalette;
-exports.useFormField = useFormField;
 exports.useHotkeys = useHotkeys;
 exports.useLayoutId = useLayoutId;
 exports.useSidebar = useSidebar;