@keboola/design 4.4.0 → 5.1.0

package/dist/rjsf.js

@@ -1,4 +1,4 @@
-import React27, { createContext, forwardRef, useCallback, use, useMemo, useRef, useState, useEffect, useContext, isValidElement, useId, useLayoutEffect, Children, Fragment as Fragment$1 } from 'react';
+import React26, { createContext, forwardRef, useCallback, use, useMemo, useRef, useState, useEffect, useContext, isValidElement, useId, useSyncExternalStore, useLayoutEffect, Children, Fragment as Fragment$1 } from 'react';
 import Form from '@rjsf/core';
 import validator from '@rjsf/validator-ajv8';
 import { completeAnyWord, autocompletion } from '@codemirror/autocomplete';
@@ -11,7 +11,7 @@ import { clsx } from 'clsx';
 import { extendTailwindMerge } from 'tailwind-merge';
 import { Root as Root$4, Trigger, Portal, Content } from '@radix-ui/react-tooltip';
 import { cva } from 'class-variance-authority';
-import { keboolaLegacy } from '@keboola/brand-registry';
+import { keboolaLegacySidebar, keboolaLegacyTopnav } from '@keboola/brand-registry';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Slot, Root as Root$1, Slottable } from '@radix-ui/react-slot';
 import * as lucide_react_star from 'lucide-react';
@@ -116,13 +116,39 @@ var createChangeInputEvent = (input) => {
   });
   return changeEvent;
 };
-var ThemeContext = createContext(null);
 
-// src/components/internal/useIsLegacyBrand.ts
-var useIsLegacyBrand = () => {
-  const context = use(ThemeContext);
-  return context === null || context.brand.id === keboolaLegacy.id;
-};
+// src/components/ThemeProvider/utils.ts
+var createTheme = (brand) => ({
+  id: brand.id,
+  name: brand.name,
+  shell: brand.shell,
+  logo: brand.logo
+});
+
+// src/components/ThemeProvider/defaults.ts
+[keboolaLegacySidebar.id, keboolaLegacyTopnav.id];
+var DEFAULT_COLOR_SCHEME = "light";
+var DEFAULT_BRAND_ID = "design-system";
+var defaultBrand = {
+  id: DEFAULT_BRAND_ID,
+  name: "Design System",
+  shell: "sidebar"};
+var defaultTheme = createTheme(defaultBrand);
+
+// src/components/ThemeProvider/context.tsx
+var noop = () => void 0;
+var defaultContext = {
+  scheme: DEFAULT_COLOR_SCHEME,
+  resolvedScheme: DEFAULT_COLOR_SCHEME,
+  setScheme: noop,
+  brandId: defaultTheme.id,
+  setBrand: noop,
+  themes: [defaultTheme],
+  currentTheme: defaultTheme
+};
+createContext(defaultContext);
+var ArgoDesignContext = createContext(true);
+var useArgoDesign = () => use(ArgoDesignContext);
 var tooltipVariants = cva(
   [
     "tailwindcss-preflight",
@@ -200,8 +226,7 @@ var TooltipContent = ({
   placement = "right",
   ...rest
 }) => {
-  const isLegacy = useIsLegacyBrand();
-  const renderArgo = !isLegacy;
+  const renderArgo = useArgoDesign();
   const handlePointerDownOutside = (event) => {
     if (keepOpenOnPointerDownOutside) event.preventDefault();
     onPointerDownOutside?.(event);
@@ -343,7 +368,7 @@ var helpVariants = cva(["tw-m-0", "tw-text-xs"], {
     state: {
       default: ["tw-text-muted-foreground"],
       error: ["tw-text-destructive"],
-      warning: ["tw-text-warning-500"]
+      warning: ["tw-text-warning"]
     }
   }
 });
@@ -395,8 +420,8 @@ var variants = cva(
     "tw-font-medium",
     "tw-tracking-[1px]",
     "tw-uppercase",
-    // border
-    "tw-rounded-[var(--radius-lg,0.25rem)]",
+    // border — legacy (non-argo) chrome uses a fixed radius, not the brand token.
+    "tw-rounded",
     "tw-border",
     "tw-border-transparent",
     // styling
@@ -591,14 +616,14 @@ var argoVariants = cva(
           "hover:tw-text-primary-foreground",
           "focus:tw-text-primary-foreground",
           "focus-visible:tw-border-primary",
-          "focus-visible:tw-ring-primary/50"
+          "focus-visible:tw-ring-ring/50"
         ],
         secondary: [
           "tw-bg-primary/10",
           "tw-text-primary",
           "hover:not-disabled:tw-bg-primary/20",
           "focus-visible:tw-border-primary",
-          "focus-visible:tw-ring-primary/50"
+          "focus-visible:tw-ring-ring/50"
         ],
         // should be called "destructive" by Figma
         danger: [
@@ -615,20 +640,22 @@ var argoVariants = cva(
           // Semantic base text color so the label/icon flips in dark mode
           // (matches `invisible`); previously unset → inherited a fixed dark color.
           "tw-text-foreground",
-          "hover:not-disabled:tw-bg-accent",
-          "hover:not-disabled:tw-text-accent-foreground",
+          // Hover follows the brand primary (translucent tint), matching the
+          // `secondary` variant — not the fixed `accent` blue.
+          "hover:not-disabled:tw-bg-primary/10",
+          "hover:not-disabled:tw-text-primary",
           "hover:active:tw-bg-background",
           "focus-visible:!tw-border-primary",
-          "focus-visible:tw-ring-primary/50"
+          "focus-visible:tw-ring-ring/50"
         ],
         // should be called "ghost" by Figma
         invisible: [
           "tw-bg-transparent",
           "tw-text-foreground",
-          "hover:not-disabled:tw-bg-accent",
-          "hover:not-disabled:tw-text-accent-foreground",
-          "hover:not-disabled:tw-border-accent",
-          "focus-visible:tw-ring-primary/50"
+          "hover:not-disabled:tw-bg-primary/10",
+          "hover:not-disabled:tw-text-primary",
+          "hover:not-disabled:tw-border-primary/10",
+          "focus-visible:tw-ring-ring/50"
         ],
         // should be called "link" by Figma
         inline: [
@@ -636,7 +663,7 @@ var argoVariants = cva(
           "tw-text-primary",
           "hover:tw-underline",
           "hover:active:tw-bg-transparent",
-          "focus-visible:tw-ring-primary/50"
+          "focus-visible:tw-ring-ring/50"
         ]
       },
       size: {
@@ -671,8 +698,7 @@ var Button = ({
   block = false,
   ...buttonProps
 }) => {
-  const isLegacy = useIsLegacyBrand();
-  const renderArgo = !isLegacy;
+  const renderArgo = useArgoDesign();
   const Comp = asChild ? Root$1 : "button";
   const isIconOnly = String(size).startsWith("icon");
   const classNames = renderArgo ? argoVariants({ variant, size, block, className }) : variants({ size, variant, block, className });
@@ -799,15 +825,44 @@ var ButtonToolbar = ({ value, children }) => {
     children
   ] });
 };
-var baseThemeStyles = {
+var resolveToken = (token, fallbackChannels, alpha) => {
+  const channels = typeof document === "undefined" ? fallbackChannels : getComputedStyle(document.documentElement).getPropertyValue(`--color-${token}`).trim() || fallbackChannels;
+  return alpha === void 0 ? `rgb(${channels})` : `rgb(${channels} / ${alpha})`;
+};
+var SSR_SIGNAL = "ssr";
+var readThemeSignal = () => {
+  if (typeof document === "undefined") return SSR_SIGNAL;
+  const root = document.documentElement;
+  return `${root.getAttribute("data-theme") ?? ""}:${root.getAttribute("data-brand") ?? ""}`;
+};
+var subscribeThemeSignal = (onChange) => {
+  if (typeof document === "undefined") return () => {
+  };
+  const observer = new MutationObserver(onChange);
+  observer.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ["data-theme", "data-brand"]
+  });
+  return () => observer.disconnect();
+};
+var useThemeSignal = () => useSyncExternalStore(subscribeThemeSignal, readThemeSignal, () => SSR_SIGNAL);
+var useThemedExtension = (build, deps = []) => {
+  const themeSignal = useThemeSignal();
+  return useMemo(build, [themeSignal, ...deps]);
+};
+
+// src/components/CodeEditor/helpers.ts
+var buildBaseThemeStyles = () => ({
   "*": { lineHeight: "20px" },
   "*::selection": {
-    backgroundColor: colors.secondary[500],
-    color: `${colors.white} !important`
+    backgroundColor: resolveToken("primary", "31 143 255"),
+    color: `${resolveToken("primary-foreground", "255 255 255")} !important`
+  },
+  '&.cm-editor:has(.cm-content[contenteditable="false"])': {
+    backgroundColor: resolveToken("secondary", "226 232 240")
   },
-  '&.cm-editor:has(.cm-content[contenteditable="false"])': { backgroundColor: colors.neutral[150] },
   '&.cm-editor:has(.cm-content[contenteditable="false"]) .cm-gutters': {
-    backgroundColor: colors.neutral[200]
+    backgroundColor: resolveToken("border", "229 231 235")
   },
   "&.cm-editor .cm-scroller": { overflowAnchor: "none" },
   "&.cm-editor, &.cm-editor .cm-scroller": {
@@ -823,11 +878,11 @@ var baseThemeStyles = {
   ".cm-line .tok-string": { color: colors.warning[700] },
   // merge (diff) view
   '&[class*="cm-merge-"] .cm-deletedLine': { backgroundColor: colors.error[100] },
-  '&[class*="cm-merge-"] .cm-changedLine': { backgroundColor: colors.primary[100] },
+  '&[class*="cm-merge-"] .cm-changedLine': { backgroundColor: colors.green[100] },
   '&[class*="cm-merge-"] .cm-deletedLineGutter': { backgroundColor: colors.error[200] },
-  '&[class*="cm-merge-"] .cm-changedLineGutter': { backgroundColor: colors.primary[200] },
+  '&[class*="cm-merge-"] .cm-changedLineGutter': { backgroundColor: colors.green[200] },
   '&[class*="cm-merge-"] .cm-deletedText': { background: colors.error[200] },
-  '&[class*="cm-merge-"] .cm-changedText': { background: colors.primary[200] },
+  '&[class*="cm-merge-"] .cm-changedText': { background: colors.green[200] },
   '&[class*="cm-merge-"]': {
     backgroundColor: `${colors.white} !important`
   },
@@ -836,16 +891,18 @@ var baseThemeStyles = {
   },
   ".cm-changeGutter": { position: "absolute", zIndex: -1, width: "100%", paddingLeft: 0 },
   '&[class*="cm-merge-"] .cm-changedLine,&[class*="cm-merge-"] .cm-line, &[class*="cm-merge-"] .cm-deletedChunk': { paddingLeft: 0 }
-};
+});
 var BASIS_SETUP = { drawSelection: false };
-var customTheme = githubLightInit({
+var buildCustomTheme = () => githubLightInit({
   settings: {
     fontFamily: `'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New'`,
-    background: colors.neutral[50],
-    gutterBackground: colors.neutral[100],
+    background: resolveToken("background", "249 250 251"),
+    foreground: resolveToken("foreground", "30 41 59"),
+    gutterBackground: resolveToken("muted", "241 245 249"),
+    gutterForeground: resolveToken("muted-foreground", "100 116 139"),
     gutterBorder: "transparent",
     lineHighlight: "transparent",
-    selection: colors.secondary[500]
+    selection: resolveToken("primary", "31 143 255")
   }
 });
 var getLanguageMode = (mode) => {
@@ -963,6 +1020,8 @@ var CodeEditor = ({
   renderAdditionalButtons,
   className
 }) => {
+  const customTheme = useThemedExtension(buildCustomTheme);
+  const baseTheme = useThemedExtension(() => EditorView.theme(buildBaseThemeStyles()));
   const commonExtensions = useMemo(() => {
     return [
       getLanguageMode(mode),
@@ -982,9 +1041,9 @@ var CodeEditor = ({
         }))
       ),
       autocompletion({ activateOnTyping: completeAny }),
-      EditorView.theme(baseThemeStyles)
+      baseTheme
     ].filter(Boolean);
-  }, [autocompletions, completeAny, extraKeys, mode, withLineWrapping]);
+  }, [autocompletions, completeAny, extraKeys, mode, withLineWrapping, baseTheme]);
   const extensions = useMemo(() => {
     return [
       ...commonExtensions,
@@ -1293,13 +1352,13 @@ var CollapsiblePanel = ({
 };
 
 // src/blocks/RjsfSchemaEditor/fieldHelpers.ts
-var noop = () => {
+var noop2 = () => {
 };
 var NullField = () => null;
 var getSchemaField = (registry) => registry.fields.SchemaField ?? NullField;
 var SCHEMA_FIELD_STUBS = {
-  onBlur: noop,
-  onFocus: noop,
+  onBlur: noop2,
+  onFocus: noop2,
   errorSchema: {}
 };
 var resolveByPath = (path, data) => {
@@ -1509,10 +1568,15 @@ var AlertCollapsibleIcon = ({ open }) => /* @__PURE__ */ jsx(Tooltip, { placemen
       "tw-size-5",
       "tw-text-neutral-400",
       "group-data-[state=open]/alert:tw-rotate-180",
+      // Legacy uses the fixed categorical hover scales; argo uses the themeable status tokens.
       "group-data-[variant=info]/alert:group-hover:tw-text-blue-600",
+      "group-data-[variant=info]/alert:group-data-[argo=true]/alert:group-hover:tw-text-info",
       "group-data-[variant=warning]/alert:group-hover:tw-text-warning-600",
+      "group-data-[variant=warning]/alert:group-data-[argo=true]/alert:group-hover:tw-text-warning",
       "group-data-[variant=error]/alert:group-hover:tw-text-error-600",
-      "group-data-[variant=success]/alert:group-hover:tw-text-green-600"
+      "group-data-[variant=error]/alert:group-data-[argo=true]/alert:group-hover:tw-text-destructive",
+      "group-data-[variant=success]/alert:group-hover:tw-text-green-600",
+      "group-data-[variant=success]/alert:group-data-[argo=true]/alert:group-hover:tw-text-success"
     )
   }
 ) });
@@ -1560,10 +1624,15 @@ var AlertIcon = ({ variant, icon, className, ...rest }) => /* @__PURE__ */ jsx(
       "tw-self-start",
       "tw-p-0.5",
       '[&_svg:not([class*="tw-size-"])]:tw-size-4',
+      // Legacy uses the fixed categorical icon scales; argo uses the themeable status tokens.
       "group-data-[variant=info]/alert:tw-text-blue-500",
+      "group-data-[variant=info]/alert:group-data-[argo=true]/alert:tw-text-info",
       "group-data-[variant=warning]/alert:tw-text-warning-500",
+      "group-data-[variant=warning]/alert:group-data-[argo=true]/alert:tw-text-warning",
       "group-data-[variant=error]/alert:tw-text-error-500",
+      "group-data-[variant=error]/alert:group-data-[argo=true]/alert:tw-text-destructive",
       "group-data-[variant=success]/alert:tw-text-green-500",
+      "group-data-[variant=success]/alert:group-data-[argo=true]/alert:tw-text-success",
       className
     ),
     children: icon ?? VARIANT_ICONS[variant]
@@ -1576,8 +1645,7 @@ var AlertRoot = ({
   variant,
   ...rest
 }) => {
-  const isLegacy = useIsLegacyBrand();
-  const renderArgo = !isLegacy;
+  const renderArgo = useArgoDesign();
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -1601,19 +1669,32 @@ var AlertRoot = ({
         "data-[argo=true]:tw-text-foreground",
         "tw-text-left",
         "tw-p-4",
-        // border
-        "tw-rounded-[var(--radius-lg,0.25rem)]",
+        // border — legacy keeps a fixed radius; argo follows the brand radius token.
+        "tw-rounded",
+        "data-[argo=true]:tw-rounded-[var(--radius-lg,0.25rem)]",
         "tw-border",
         "tw-border-solid",
-        // border variants
+        // Variant tint + border. Legacy keeps the fixed categorical scales (solid
+        // pastel tint); argo uses the brand-overridable status tokens (bg at 10%,
+        // border at 25%) so status re-skins with the brand. The argo tokens carry
+        // AA-legible defaults, so the variant icon (AlertIcon, full-strength
+        // `tw-text-<role>`) clears ≥4.5:1 on the tint in both light and dark.
         "data-[variant=info]:tw-bg-blue-100",
         "data-[variant=info]:tw-border-blue-200",
+        "data-[variant=info]:data-[argo=true]:tw-bg-info/10",
+        "data-[variant=info]:data-[argo=true]:tw-border-info/25",
         "data-[variant=warning]:tw-bg-warning-100",
         "data-[variant=warning]:tw-border-warning-300",
+        "data-[variant=warning]:data-[argo=true]:tw-bg-warning/10",
+        "data-[variant=warning]:data-[argo=true]:tw-border-warning/25",
         "data-[variant=error]:tw-bg-error-100",
         "data-[variant=error]:tw-border-error-200",
+        "data-[variant=error]:data-[argo=true]:tw-bg-destructive/10",
+        "data-[variant=error]:data-[argo=true]:tw-border-destructive/25",
         "data-[variant=success]:tw-bg-green-100",
         "data-[variant=success]:tw-border-green-200",
+        "data-[variant=success]:data-[argo=true]:tw-bg-success/10",
+        "data-[variant=success]:data-[argo=true]:tw-border-success/25",
         className
       ),
       children
@@ -2321,8 +2402,9 @@ var inputGroupVariants = cva(
     // positioning
     "tw-flex",
     "tw-items-center",
-    // base
-    "tw-rounded-[var(--radius-lg,0.25rem)]",
+    // base — legacy (non-argo) chrome uses a fixed radius; argo overrides it with
+    // the brand radius token in the `argo` variant below.
+    "tw-rounded",
     "tw-border",
     "tw-border-solid",
     "tw-border-neutral-200",
@@ -2396,7 +2478,7 @@ var inputGroupVariants = cva(
         state: "default",
         className: [
           "has-[:is(input,textarea):focus]:tw-border-primary",
-          "has-[:is(input,textarea):focus]:tw-ring-primary/50"
+          "has-[:is(input,textarea):focus]:tw-ring-ring/50"
         ]
       },
       {
@@ -2411,7 +2493,7 @@ var inputGroupVariants = cva(
       {
         variant: "argo",
         focusVariant: "on",
-        className: ["!tw-border-primary", "!tw-ring-primary/50"]
+        className: ["!tw-border-primary", "!tw-ring-ring/50"]
       },
       {
         variant: "argo",
@@ -2440,6 +2522,8 @@ var inputGroupVariants = cva(
           "has-[:is(input,textarea):disabled]:tw-opacity-40"
         ],
         argo: [
+          // argo follows the brand radius token (overrides the static base)
+          "tw-rounded-[var(--radius-lg,0.25rem)]",
           // muted filled input surface — gray, distinct from white containers; not the app-background token
           "tw-bg-muted",
           "tw-border-input",
@@ -2495,8 +2579,8 @@ var InputGroupRoot = ({
   className,
   ...props
 }) => {
-  const isLegacy = useIsLegacyBrand();
-  const effectiveVariant = !isLegacy ? "argo" : variant;
+  const isArgo = useArgoDesign();
+  const effectiveVariant = isArgo ? "argo" : variant;
   const effectiveSizing = effectiveVariant === "argo" ? "medium" : sizing;
   return /* @__PURE__ */ jsx(
     "div",
@@ -4844,7 +4928,7 @@ function setYear(date, year, options) {
   return date_;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getBroadcastWeeksInMonth.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getBroadcastWeeksInMonth.js
 var FIVE_WEEKS = 5;
 var FOUR_WEEKS = 4;
 function getBroadcastWeeksInMonth(month, dateLib) {
@@ -4856,7 +4940,7 @@ function getBroadcastWeeksInMonth(month, dateLib) {
   return numberOfWeeks;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/startOfBroadcastWeek.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/startOfBroadcastWeek.js
 function startOfBroadcastWeek(date, dateLib) {
   const firstOfMonth = dateLib.startOfMonth(date);
   const dayOfWeek = firstOfMonth.getDay();
@@ -4869,7 +4953,7 @@ function startOfBroadcastWeek(date, dateLib) {
   }
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/endOfBroadcastWeek.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/endOfBroadcastWeek.js
 function endOfBroadcastWeek(date, dateLib) {
   const startDate = startOfBroadcastWeek(date, dateLib);
   const numberOfWeeks = getBroadcastWeeksInMonth(date, dateLib);
@@ -4877,7 +4961,7 @@ function endOfBroadcastWeek(date, dateLib) {
   return endDate;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/locale/en-US.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/locale/en-US.js
 var enUS2 = {
   ...enUS,
   labels: {
@@ -4936,7 +5020,7 @@ var enUS2 = {
   }
 };
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/classes/DateLib.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/classes/DateLib.js
 var DateLib = class _DateLib {
   /**
    * Creates an instance of `DateLib`.
@@ -4945,7 +5029,6 @@ var DateLib = class _DateLib {
    * @param overrides Custom overrides for the date library functions.
    */
   constructor(options, overrides) {
-    this.Date = Date;
     this.today = () => {
       if (this.overrides?.today) {
         return this.overrides.today();
@@ -4953,7 +5036,8 @@ var DateLib = class _DateLib {
       if (this.options.timeZone) {
         return TZDate.tz(this.options.timeZone);
       }
-      return new this.Date();
+      const DateCtor = this.options.Date ?? Date;
+      return new DateCtor();
     };
     this.newDate = (year, monthIndex, date) => {
       if (this.overrides?.newDate) {
@@ -5178,7 +5262,7 @@ DateLib.yearFirstLocales = /* @__PURE__ */ new Set([
 ]);
 var defaultDateLib = new DateLib();
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/classes/CalendarDay.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/classes/CalendarDay.js
 var CalendarDay = class {
   constructor(date, displayMonth, dateLib = defaultDateLib) {
     this.date = date;
@@ -5201,7 +5285,7 @@ var CalendarDay = class {
   }
 };
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/classes/CalendarMonth.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/classes/CalendarMonth.js
 var CalendarMonth = class {
   constructor(month, weeks) {
     this.date = month;
@@ -5209,7 +5293,7 @@ var CalendarMonth = class {
   }
 };
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/classes/CalendarWeek.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/classes/CalendarWeek.js
 var CalendarWeek = class {
   constructor(weekNumber, days) {
     this.days = days;
@@ -5217,10 +5301,9 @@ var CalendarWeek = class {
   }
 };
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/components/custom-components.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/components/custom-components.js
 var custom_components_exports = {};
 __export(custom_components_exports, {
-  Button: () => Button2,
   CaptionLabel: () => CaptionLabel,
   Chevron: () => Chevron,
   Day: () => Day,
@@ -5247,41 +5330,35 @@ __export(custom_components_exports, {
   Weeks: () => Weeks,
   YearsDropdown: () => YearsDropdown
 });
-function Button2(props) {
-  return React27.createElement("button", { ...props });
-}
 function CaptionLabel(props) {
-  return React27.createElement("span", { ...props });
+  return React26.createElement("span", { ...props });
 }
 function Chevron(props) {
-  const { size = 24, orientation = "left", className } = props;
-  return (
-    // biome-ignore lint/a11y/noSvgWithoutTitle: handled by the parent component
-    React27.createElement(
-      "svg",
-      { className, width: size, height: size, viewBox: "0 0 24 24" },
-      orientation === "up" && React27.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
-      orientation === "down" && React27.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
-      orientation === "left" && React27.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
-      orientation === "right" && React27.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
-    )
+  const { size = 24, orientation = "left", className, style } = props;
+  return React26.createElement(
+    "svg",
+    { className, style, width: size, height: size, viewBox: "0 0 24 24" },
+    orientation === "up" && React26.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
+    orientation === "down" && React26.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
+    orientation === "left" && React26.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
+    orientation === "right" && React26.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
   );
 }
 function Day(props) {
   const { day, modifiers, ...tdProps } = props;
-  return React27.createElement("td", { ...tdProps });
+  return React26.createElement("td", { ...tdProps });
 }
 function DayButton(props) {
   const { day, modifiers, ...buttonProps } = props;
-  const ref = React27.useRef(null);
-  React27.useEffect(() => {
+  const ref = React26.useRef(null);
+  React26.useEffect(() => {
     if (modifiers.focused)
       ref.current?.focus();
   }, [modifiers.focused]);
-  return React27.createElement("button", { ref, ...buttonProps });
+  return React26.createElement("button", { ref, ...buttonProps });
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/UI.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/UI.js
 var UI;
 (function(UI2) {
   UI2["Root"] = "root";
@@ -5335,61 +5412,60 @@ var Animation;
   Animation2["caption_before_enter"] = "caption_before_enter";
   Animation2["caption_before_exit"] = "caption_before_exit";
 })(Animation || (Animation = {}));
+var dayPickerContext = createContext(void 0);
+function useDayPicker() {
+  const context = useContext(dayPickerContext);
+  if (context === void 0) {
+    throw new Error("useDayPicker() must be used within a custom component.");
+  }
+  return context;
+}
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/components/Dropdown.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/components/Dropdown.js
 function Dropdown(props) {
-  const { options, className, components, classNames, ...selectProps } = props;
+  const { options, className, ...selectProps } = props;
+  const { classNames, components, styles } = useDayPicker();
   const cssClassSelect = [classNames[UI.Dropdown], className].join(" ");
   const selectedOption = options?.find(({ value }) => value === selectProps.value);
-  return React27.createElement(
+  return React26.createElement(
     "span",
-    { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
-    React27.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => React27.createElement(components.Option, { key: value, value, disabled }, label))),
-    React27.createElement(
+    { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot], style: styles?.[UI.DropdownRoot] },
+    React26.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => React26.createElement(components.Option, { key: value, value, disabled }, label))),
+    React26.createElement(
       "span",
-      { className: classNames[UI.CaptionLabel], "aria-hidden": true },
+      { className: classNames[UI.CaptionLabel], style: styles?.[UI.CaptionLabel], "aria-hidden": true },
       selectedOption?.label,
-      React27.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
+      React26.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron], style: styles?.[UI.Chevron] })
     )
   );
 }
 function DropdownNav(props) {
-  return React27.createElement("div", { ...props });
+  return React26.createElement("div", { ...props });
 }
 function Footer(props) {
-  return React27.createElement("div", { ...props });
+  return React26.createElement("div", { ...props });
 }
 function Month(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React27.createElement("div", { ...divProps }, props.children);
+  return React26.createElement("div", { ...divProps }, props.children);
 }
 function MonthCaption(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React27.createElement("div", { ...divProps });
+  return React26.createElement("div", { ...divProps });
 }
 function MonthGrid(props) {
-  return React27.createElement("table", { ...props });
+  return React26.createElement("table", { ...props });
 }
 function Months(props) {
-  return React27.createElement("div", { ...props });
-}
-var dayPickerContext = createContext(void 0);
-function useDayPicker() {
-  const context = useContext(dayPickerContext);
-  if (context === void 0) {
-    throw new Error("useDayPicker() must be used within a custom component.");
-  }
-  return context;
+  return React26.createElement("div", { ...props });
 }
-
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js
 function MonthsDropdown(props) {
   const { components } = useDayPicker();
-  return React27.createElement(components.Dropdown, { ...props });
+  return React26.createElement(components.Dropdown, { ...props });
 }
 function Nav(props) {
   const { onPreviousClick, onNextClick, previousMonth, nextMonth, ...navProps } = props;
-  const { components, classNames, labels: { labelPrevious: labelPrevious2, labelNext: labelNext2 } } = useDayPicker();
+  const { components, classNames, styles, labels: { labelPrevious: labelPrevious2, labelNext: labelNext2 } } = useDayPicker();
   const handleNextClick = useCallback((e) => {
     if (nextMonth) {
       onNextClick?.(e);
@@ -5400,69 +5476,67 @@ function Nav(props) {
       onPreviousClick?.(e);
     }
   }, [previousMonth, onPreviousClick]);
-  return React27.createElement(
+  return React26.createElement(
     "nav",
     { ...navProps },
-    React27.createElement(
+    React26.createElement(
       components.PreviousMonthButton,
-      { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick },
-      React27.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
+      { type: "button", className: classNames[UI.PreviousMonthButton], style: styles?.[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick },
+      React26.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], style: styles?.[UI.Chevron], orientation: "left" })
     ),
-    React27.createElement(
+    React26.createElement(
       components.NextMonthButton,
-      { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick },
-      React27.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
+      { type: "button", className: classNames[UI.NextMonthButton], style: styles?.[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick },
+      React26.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron], style: styles?.[UI.Chevron] })
     )
   );
 }
 function NextMonthButton(props) {
-  const { components } = useDayPicker();
-  return React27.createElement(components.Button, { ...props });
+  return React26.createElement("button", { ...props });
 }
 function Option(props) {
-  return React27.createElement("option", { ...props });
+  return React26.createElement("option", { ...props });
 }
 function PreviousMonthButton(props) {
-  const { components } = useDayPicker();
-  return React27.createElement(components.Button, { ...props });
+  return React26.createElement("button", { ...props });
 }
 function Root6(props) {
   const { rootRef, ...rest } = props;
-  return React27.createElement("div", { ...rest, ref: rootRef });
+  return React26.createElement("div", { ...rest, ref: rootRef });
 }
 function Select(props) {
-  return React27.createElement("select", { ...props });
+  return React26.createElement("select", { ...props });
 }
 function Week(props) {
   const { week, ...trProps } = props;
-  return React27.createElement("tr", { ...trProps });
+  return React26.createElement("tr", { ...trProps });
 }
 function Weekday(props) {
-  return React27.createElement("th", { ...props });
+  return React26.createElement("th", { ...props });
 }
 function Weekdays(props) {
-  return React27.createElement(
+  return React26.createElement(
     "thead",
     { "aria-hidden": true },
-    React27.createElement("tr", { ...props })
+    React26.createElement("tr", { ...props })
   );
 }
 function WeekNumber(props) {
   const { week, ...thProps } = props;
-  return React27.createElement("th", { ...thProps });
+  return React26.createElement("th", { ...thProps });
 }
 function WeekNumberHeader(props) {
-  return React27.createElement("th", { ...props });
+  return React26.createElement("th", { ...props });
 }
 function Weeks(props) {
-  return React27.createElement("tbody", { ...props });
+  return React26.createElement("tbody", { ...props });
 }
 function YearsDropdown(props) {
   const { components } = useDayPicker();
-  return React27.createElement(components.Dropdown, { ...props });
+  return React26.createElement(components.Dropdown, { ...props });
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js
 function rangeIncludesDate(range, date, excludeEnds = false, dateLib = defaultDateLib) {
   let { from, to } = range;
   const { differenceInCalendarDays: differenceInCalendarDays2, isSameDay: isSameDay2 } = dateLib;
@@ -5483,7 +5557,7 @@ function rangeIncludesDate(range, date, excludeEnds = false, dateLib = defaultDa
   return false;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/typeguards.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/typeguards.js
 function isDateInterval(matcher) {
   return Boolean(matcher && typeof matcher === "object" && "before" in matcher && "after" in matcher);
 }
@@ -5503,7 +5577,7 @@ function isDatesArray(value, dateLib) {
   return Array.isArray(value) && value.every(dateLib.isDate);
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/dateMatchModifiers.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/dateMatchModifiers.js
 function dateMatchModifiers(date, matchers, dateLib = defaultDateLib) {
   const matchersArr = !Array.isArray(matchers) ? [matchers] : matchers;
   const { isSameDay: isSameDay2, differenceInCalendarDays: differenceInCalendarDays2, isAfter: isAfter2 } = dateLib;
@@ -5551,7 +5625,7 @@ function dateMatchModifiers(date, matchers, dateLib = defaultDateLib) {
   });
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/createGetModifiers.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/createGetModifiers.js
 function createGetModifiers(days, props, navStart, navEnd, dateLib) {
   const { disabled, hidden, modifiers, showOutsideDays, broadcastCalendar, today = dateLib.today() } = props;
   const { isSameDay: isSameDay2, isSameMonth: isSameMonth2, startOfMonth: startOfMonth2, isBefore: isBefore2, endOfMonth: endOfMonth2, isAfter: isAfter2 } = dateLib;
@@ -5620,7 +5694,7 @@ function createGetModifiers(days, props, navStart, navEnd, dateLib) {
   };
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getClassNamesForModifiers.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getClassNamesForModifiers.js
 function getClassNamesForModifiers(modifiers, classNames, modifiersClassNames = {}) {
   const modifierClassNames = Object.entries(modifiers).filter(([, active]) => active === true).reduce((previousValue, [key]) => {
     if (modifiersClassNames[key]) {
@@ -5635,7 +5709,7 @@ function getClassNamesForModifiers(modifiers, classNames, modifiersClassNames =
   return modifierClassNames;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getComponents.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getComponents.js
 function getComponents(customComponents) {
   return {
     ...custom_components_exports,
@@ -5643,7 +5717,7 @@ function getComponents(customComponents) {
   };
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getDataAttributes.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getDataAttributes.js
 function getDataAttributes(props) {
   const dataAttributes = {
     "data-mode": props.mode ?? void 0,
@@ -5661,7 +5735,7 @@ function getDataAttributes(props) {
   return dataAttributes;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js
 function getDefaultClassNames() {
   const classNames = {};
   for (const key in UI) {
@@ -5679,43 +5753,40 @@ function getDefaultClassNames() {
   return classNames;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/index.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/index.js
 var formatters_exports = {};
 __export(formatters_exports, {
   formatCaption: () => formatCaption,
   formatDay: () => formatDay,
-  formatMonthCaption: () => formatMonthCaption,
   formatMonthDropdown: () => formatMonthDropdown,
   formatWeekNumber: () => formatWeekNumber,
   formatWeekNumberHeader: () => formatWeekNumberHeader,
   formatWeekdayName: () => formatWeekdayName,
-  formatYearCaption: () => formatYearCaption,
   formatYearDropdown: () => formatYearDropdown
 });
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/formatCaption.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/formatCaption.js
 function formatCaption(month, options, dateLib) {
   const lib = dateLib ?? new DateLib(options);
   return lib.formatMonthYear(month);
 }
-var formatMonthCaption = formatCaption;
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/formatDay.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/formatDay.js
 function formatDay(date, options, dateLib) {
   return (dateLib ?? new DateLib(options)).format(date, "d");
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/formatMonthDropdown.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/formatMonthDropdown.js
 function formatMonthDropdown(month, dateLib = defaultDateLib) {
   return dateLib.format(month, "LLLL");
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/formatWeekdayName.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/formatWeekdayName.js
 function formatWeekdayName(weekday, options, dateLib) {
   return (dateLib ?? new DateLib(options)).format(weekday, "cccccc");
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/formatWeekNumber.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/formatWeekNumber.js
 function formatWeekNumber(weekNumber, dateLib = defaultDateLib) {
   if (weekNumber < 10) {
     return dateLib.formatNumber(`0${weekNumber.toLocaleString()}`);
@@ -5723,36 +5794,27 @@ function formatWeekNumber(weekNumber, dateLib = defaultDateLib) {
   return dateLib.formatNumber(`${weekNumber.toLocaleString()}`);
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/formatWeekNumberHeader.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/formatWeekNumberHeader.js
 function formatWeekNumberHeader() {
   return ``;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/formatYearDropdown.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/formatters/formatYearDropdown.js
 function formatYearDropdown(year, dateLib = defaultDateLib) {
   return dateLib.format(year, "yyyy");
 }
-var formatYearCaption = formatYearDropdown;
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getFormatters.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getFormatters.js
 function getFormatters(customFormatters) {
-  if (customFormatters?.formatMonthCaption && !customFormatters.formatCaption) {
-    customFormatters.formatCaption = customFormatters.formatMonthCaption;
-  }
-  if (customFormatters?.formatYearCaption && !customFormatters.formatYearDropdown) {
-    customFormatters.formatYearDropdown = customFormatters.formatYearCaption;
-  }
   return {
     ...formatters_exports,
     ...customFormatters
   };
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/index.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/index.js
 var labels_exports = {};
 __export(labels_exports, {
-  labelCaption: () => labelCaption,
-  labelDay: () => labelDay,
   labelDayButton: () => labelDayButton,
   labelGrid: () => labelGrid,
   labelGridcell: () => labelGridcell,
@@ -5766,7 +5828,7 @@ __export(labels_exports, {
   labelYearDropdown: () => labelYearDropdown
 });
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelDayButton.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelDayButton.js
 function labelDayButton(date, modifiers, options, dateLib) {
   let label = (dateLib ?? new DateLib(options)).format(date, "PPPP");
   if (modifiers.today)
@@ -5775,16 +5837,14 @@ function labelDayButton(date, modifiers, options, dateLib) {
     label = `${label}, selected`;
   return label;
 }
-var labelDay = labelDayButton;
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelGrid.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelGrid.js
 function labelGrid(date, options, dateLib) {
   const lib = dateLib ?? new DateLib(options);
   return lib.formatMonthYear(date);
 }
-var labelCaption = labelGrid;
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelGridcell.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelGridcell.js
 function labelGridcell(date, modifiers, options, dateLib) {
   let label = (dateLib ?? new DateLib(options)).format(date, "PPPP");
   if (modifiers?.today) {
@@ -5793,48 +5853,48 @@ function labelGridcell(date, modifiers, options, dateLib) {
   return label;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelMonthDropdown.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelMonthDropdown.js
 function labelMonthDropdown(_options) {
   return "Choose the Month";
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelNav.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelNav.js
 function labelNav() {
   return "";
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelNext.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelNext.js
 var defaultLabel = "Go to the Next Month";
 function labelNext(_month, _options) {
   return defaultLabel;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelPrevious.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelPrevious.js
 function labelPrevious(_month) {
   return "Go to the Previous Month";
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelWeekday.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelWeekday.js
 function labelWeekday(date, options, dateLib) {
   return (dateLib ?? new DateLib(options)).format(date, "cccc");
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelWeekNumber.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelWeekNumber.js
 function labelWeekNumber(weekNumber, _options) {
   return `Week ${weekNumber}`;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelWeekNumberHeader.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelWeekNumberHeader.js
 function labelWeekNumberHeader(_options) {
   return "Week Number";
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelYearDropdown.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/labels/labelYearDropdown.js
 function labelYearDropdown(_options) {
   return "Choose the Year";
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getLabels.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getLabels.js
 var resolveLabel = (defaultLabel2, customLabel, localeLabel) => {
   if (customLabel)
     return customLabel;
@@ -5862,7 +5922,7 @@ function getLabels(customLabels, options) {
   };
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getMonthOptions.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getMonthOptions.js
 function getMonthOptions(displayMonth, navStart, navEnd, formatters2, dateLib) {
   const { startOfMonth: startOfMonth2, startOfYear: startOfYear2, endOfYear: endOfYear2, eachMonthOfInterval: eachMonthOfInterval2, getMonth: getMonth2 } = dateLib;
   const months = eachMonthOfInterval2({
@@ -5878,7 +5938,7 @@ function getMonthOptions(displayMonth, navStart, navEnd, formatters2, dateLib) {
   return options;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getStyleForModifiers.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getStyleForModifiers.js
 function getStyleForModifiers(dayModifiers, styles = {}, modifiersStyles = {}) {
   let style = { ...styles?.[UI.Day] };
   Object.entries(dayModifiers).filter(([, active]) => active === true).forEach(([modifier]) => {
@@ -5890,7 +5950,7 @@ function getStyleForModifiers(dayModifiers, styles = {}, modifiersStyles = {}) {
   return style;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getWeekdays.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getWeekdays.js
 function getWeekdays(dateLib, ISOWeek, broadcastCalendar, today) {
   const referenceToday = today ?? dateLib.today();
   const start = broadcastCalendar ? dateLib.startOfBroadcastWeek(referenceToday, dateLib) : ISOWeek ? dateLib.startOfISOWeek(referenceToday) : dateLib.startOfWeek(referenceToday);
@@ -5902,7 +5962,7 @@ function getWeekdays(dateLib, ISOWeek, broadcastCalendar, today) {
   return days;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getYearOptions.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getYearOptions.js
 function getYearOptions(navStart, navEnd, formatters2, dateLib, reverse = false) {
   if (!navStart)
     return void 0;
@@ -5924,7 +5984,7 @@ function getYearOptions(navStart, navEnd, formatters2, dateLib, reverse = false)
   });
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/noonDateLib.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/noonDateLib.js
 function createNoonOverrides(timeZone, options = {}) {
   const { weekStartsOn, locale } = options;
   const fallbackWeekStartsOn = weekStartsOn ?? locale?.options?.weekStartsOn ?? 0;
@@ -6120,7 +6180,7 @@ function useAnimation(rootElRef, enabled, { classNames, months, focused, dateLib
     }
     const previousMonthEls = previousRootElSnapshot instanceof HTMLElement ? queryMonthEls(previousRootElSnapshot) : [];
     const currentMonthEls = queryMonthEls(rootElRef.current);
-    if (currentMonthEls?.every((el) => el instanceof HTMLElement) && previousMonthEls && previousMonthEls.every((el) => el instanceof HTMLElement)) {
+    if (currentMonthEls?.every((el) => el instanceof HTMLElement) && previousMonthEls?.every((el) => el instanceof HTMLElement)) {
       animatingRef.current = true;
       rootElRef.current.style.isolation = "isolate";
       const navEl = queryNavEl(rootElRef.current);
@@ -6185,7 +6245,7 @@ function useAnimation(rootElRef, enabled, { classNames, months, focused, dateLib
   });
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getDates.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getDates.js
 function getDates(displayMonths, maxDate, props, dateLib) {
   const firstMonth = displayMonths[0];
   const lastMonth = displayMonths[displayMonths.length - 1];
@@ -6214,7 +6274,7 @@ function getDates(displayMonths, maxDate, props, dateLib) {
   return dates;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getDays.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getDays.js
 function getDays(calendarMonths) {
   const initialDays = [];
   return calendarMonths.reduce((days, month) => {
@@ -6225,7 +6285,7 @@ function getDays(calendarMonths) {
   }, initialDays.slice());
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getDisplayMonths.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getDisplayMonths.js
 function getDisplayMonths(firstDisplayedMonth, calendarEndMonth, props, dateLib) {
   const { numberOfMonths = 1 } = props;
   const months = [];
@@ -6239,7 +6299,7 @@ function getDisplayMonths(firstDisplayedMonth, calendarEndMonth, props, dateLib)
   return months;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getInitialMonth.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getInitialMonth.js
 function getInitialMonth(props, navStart, navEnd, dateLib) {
   const { month, defaultMonth, today = dateLib.today(), numberOfMonths = 1 } = props;
   let initialMonth = month || defaultMonth || today;
@@ -6254,7 +6314,7 @@ function getInitialMonth(props, navStart, navEnd, dateLib) {
   return startOfMonth2(initialMonth);
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getMonths.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getMonths.js
 function getMonths(displayMonths, dates, props, dateLib) {
   const { addDays: addDays2, endOfBroadcastWeek: endOfBroadcastWeek2, endOfISOWeek: endOfISOWeek2, endOfMonth: endOfMonth2, endOfWeek: endOfWeek2, getISOWeek: getISOWeek2, getWeek: getWeek2, startOfBroadcastWeek: startOfBroadcastWeek2, startOfISOWeek: startOfISOWeek2, startOfWeek: startOfWeek2 } = dateLib;
   const dayPickerMonths = displayMonths.reduce((months, month) => {
@@ -6293,35 +6353,18 @@ function getMonths(displayMonths, dates, props, dateLib) {
   }
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getNavMonth.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getNavMonth.js
 function getNavMonths(props, dateLib) {
   let { startMonth, endMonth } = props;
-  const { startOfYear: startOfYear2, startOfDay: startOfDay2, startOfMonth: startOfMonth2, endOfMonth: endOfMonth2, addYears: addYears2, endOfYear: endOfYear2, newDate, today } = dateLib;
-  const { fromYear, toYear, fromMonth, toMonth } = props;
-  if (!startMonth && fromMonth) {
-    startMonth = fromMonth;
-  }
-  if (!startMonth && fromYear) {
-    startMonth = dateLib.newDate(fromYear, 0, 1);
-  }
-  if (!endMonth && toMonth) {
-    endMonth = toMonth;
-  }
-  if (!endMonth && toYear) {
-    endMonth = newDate(toYear, 11, 31);
-  }
+  const { startOfYear: startOfYear2, startOfDay: startOfDay2, startOfMonth: startOfMonth2, endOfMonth: endOfMonth2, addYears: addYears2, endOfYear: endOfYear2, today } = dateLib;
   const hasYearDropdown = props.captionLayout === "dropdown" || props.captionLayout === "dropdown-years";
   if (startMonth) {
     startMonth = startOfMonth2(startMonth);
-  } else if (fromYear) {
-    startMonth = newDate(fromYear, 0, 1);
   } else if (!startMonth && hasYearDropdown) {
     startMonth = startOfYear2(addYears2(props.today ?? today(), -100));
   }
   if (endMonth) {
     endMonth = endOfMonth2(endMonth);
-  } else if (toYear) {
-    endMonth = newDate(toYear, 11, 31);
   } else if (!endMonth && hasYearDropdown) {
     endMonth = endOfYear2(props.today ?? today());
   }
@@ -6331,7 +6374,7 @@ function getNavMonths(props, dateLib) {
   ];
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getNextMonth.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getNextMonth.js
 function getNextMonth(firstDisplayedMonth, calendarEndMonth, options, dateLib) {
   if (options.disableNavigation) {
     return void 0;
@@ -6350,7 +6393,7 @@ function getNextMonth(firstDisplayedMonth, calendarEndMonth, options, dateLib) {
   return addMonths2(month, offset);
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getPreviousMonth.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getPreviousMonth.js
 function getPreviousMonth(firstDisplayedMonth, calendarStartMonth, options, dateLib) {
   if (options.disableNavigation) {
     return void 0;
@@ -6369,7 +6412,7 @@ function getPreviousMonth(firstDisplayedMonth, calendarStartMonth, options, date
   return addMonths2(month, -offset);
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getWeeks.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getWeeks.js
 function getWeeks(months) {
   const initialWeeks = [];
   return months.reduce((weeks, month) => {
@@ -6382,7 +6425,7 @@ function useControlledValue(defaultValue, controlledValue) {
   return [value, setValue];
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/useCalendar.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/useCalendar.js
 function useCalendar(props, dateLib) {
   const [navStart, navEnd] = getNavMonths(props, dateLib);
   const { startOfMonth: startOfMonth2, endOfMonth: endOfMonth2 } = dateLib;
@@ -6470,7 +6513,7 @@ function useCalendar(props, dateLib) {
   return calendar;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/calculateFocusTarget.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/calculateFocusTarget.js
 var FocusTargetPriority;
 (function(FocusTargetPriority2) {
   FocusTargetPriority2[FocusTargetPriority2["Today"] = 0] = "Today";
@@ -6508,7 +6551,7 @@ function calculateFocusTarget(days, getModifiers, isSelected, lastFocused) {
   return focusTarget;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getFocusableDate.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getFocusableDate.js
 function getFocusableDate(moveBy, moveDir, refDate, navStart, navEnd, props, dateLib) {
   const { ISOWeek, broadcastCalendar } = props;
   const { addDays: addDays2, addMonths: addMonths2, addWeeks: addWeeks2, addYears: addYears2, endOfBroadcastWeek: endOfBroadcastWeek2, endOfISOWeek: endOfISOWeek2, endOfWeek: endOfWeek2, max: max2, min: min2, startOfBroadcastWeek: startOfBroadcastWeek2, startOfISOWeek: startOfISOWeek2, startOfWeek: startOfWeek2 } = dateLib;
@@ -6529,7 +6572,7 @@ function getFocusableDate(moveBy, moveDir, refDate, navStart, navEnd, props, dat
   return focusableDate;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getNextFocus.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getNextFocus.js
 function getNextFocus(moveBy, moveDir, refDay, calendarStartMonth, calendarEndMonth, props, dateLib, attempt = 0) {
   if (attempt > 365) {
     return void 0;
@@ -6545,7 +6588,7 @@ function getNextFocus(moveBy, moveDir, refDay, calendarStartMonth, calendarEndMo
   return getNextFocus(moveBy, moveDir, focusDay, calendarStartMonth, calendarEndMonth, props, dateLib, attempt + 1);
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/useFocus.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/useFocus.js
 function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
   const { autoFocus } = props;
   const [lastFocused, setLastFocused] = useState();
@@ -6583,7 +6626,7 @@ function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
   return useFocus2;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/selection/useMulti.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/selection/useMulti.js
 function useMulti(props, dateLib) {
   const { selected: initiallySelected, required, onSelect } = props;
   const [internallySelected, setSelected] = useControlledValue(initiallySelected, onSelect ? initiallySelected : void 0);
@@ -6623,7 +6666,7 @@ function useMulti(props, dateLib) {
   };
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/addToRange.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/addToRange.js
 function addToRange(date, initialRange, min2 = 0, max2 = 0, required = false, dateLib = defaultDateLib) {
   const { from, to } = initialRange || {};
   const { isSameDay: isSameDay2, isAfter: isAfter2, isBefore: isBefore2 } = dateLib;
@@ -6676,7 +6719,7 @@ function addToRange(date, initialRange, min2 = 0, max2 = 0, required = false, da
   return range;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/rangeContainsDayOfWeek.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/rangeContainsDayOfWeek.js
 function rangeContainsDayOfWeek(range, dayOfWeek, dateLib = defaultDateLib) {
   const dayOfWeekArr = !Array.isArray(dayOfWeek) ? [dayOfWeek] : dayOfWeek;
   let date = range.from;
@@ -6691,12 +6734,12 @@ function rangeContainsDayOfWeek(range, dayOfWeek, dateLib = defaultDateLib) {
   return false;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/rangeOverlaps.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/rangeOverlaps.js
 function rangeOverlaps(rangeLeft, rangeRight, dateLib = defaultDateLib) {
   return rangeIncludesDate(rangeLeft, rangeRight.from, false, dateLib) || rangeIncludesDate(rangeLeft, rangeRight.to, false, dateLib) || rangeIncludesDate(rangeRight, rangeLeft.from, false, dateLib) || rangeIncludesDate(rangeRight, rangeLeft.to, false, dateLib);
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/rangeContainsModifiers.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/rangeContainsModifiers.js
 function rangeContainsModifiers(range, modifiers, dateLib = defaultDateLib) {
   const matchers = Array.isArray(modifiers) ? modifiers : [modifiers];
   const nonFunctionMatchers = matchers.filter((matcher) => typeof matcher !== "function");
@@ -6750,15 +6793,30 @@ function rangeContainsModifiers(range, modifiers, dateLib = defaultDateLib) {
   return false;
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/selection/useRange.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/selection/useRange.js
 function useRange(props, dateLib) {
-  const { disabled, excludeDisabled, selected: initiallySelected, required, onSelect } = props;
+  const { disabled, excludeDisabled, resetOnSelect, selected: initiallySelected, required, onSelect } = props;
   const [internallySelected, setSelected] = useControlledValue(initiallySelected, onSelect ? initiallySelected : void 0);
   const selected = !onSelect ? internallySelected : initiallySelected;
   const isSelected = (date) => selected && rangeIncludesDate(selected, date, false, dateLib);
   const select = (triggerDate, modifiers, e) => {
     const { min: min2, max: max2 } = props;
-    const newRange = triggerDate ? addToRange(triggerDate, selected, min2, max2, required, dateLib) : void 0;
+    let newRange;
+    if (triggerDate) {
+      const selectedFrom = selected?.from;
+      const selectedTo = selected?.to;
+      const hasFullRange = !!selectedFrom && !!selectedTo;
+      const isClickingSingleDayRange = !!selectedFrom && !!selectedTo && dateLib.isSameDay(selectedFrom, selectedTo) && dateLib.isSameDay(triggerDate, selectedFrom);
+      if (resetOnSelect && (hasFullRange || !selected?.from)) {
+        if (!required && isClickingSingleDayRange) {
+          newRange = void 0;
+        } else {
+          newRange = { from: triggerDate, to: void 0 };
+        }
+      } else {
+        newRange = addToRange(triggerDate, selected, min2, max2, required, dateLib);
+      }
+    }
     if (excludeDisabled && disabled && newRange?.from && newRange.to) {
       if (rangeContainsModifiers({ from: newRange.from, to: newRange.to }, disabled, dateLib)) {
         newRange.from = triggerDate;
@@ -6778,7 +6836,7 @@ function useRange(props, dateLib) {
   };
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/selection/useSingle.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/selection/useSingle.js
 function useSingle(props, dateLib) {
   const { selected: initiallySelected, required, onSelect } = props;
   const [internallySelected, setSelected] = useControlledValue(initiallySelected, onSelect ? initiallySelected : void 0);
@@ -6809,7 +6867,7 @@ function useSingle(props, dateLib) {
   };
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/useSelection.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/useSelection.js
 function useSelection(props, dateLib) {
   const single = useSingle(props, dateLib);
   const multi = useMulti(props, dateLib);
@@ -6826,7 +6884,7 @@ function useSelection(props, dateLib) {
   }
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/toTimeZone.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/toTimeZone.js
 function toTimeZone(date, timeZone) {
   if (date instanceof TZDate && date.timeZone === timeZone) {
     return date;
@@ -6834,7 +6892,7 @@ function toTimeZone(date, timeZone) {
   return new TZDate(date, timeZone);
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/convertMatchersToTimeZone.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/utils/convertMatchersToTimeZone.js
 function toZoneNoon(date, timeZone, noonSafe) {
   return toTimeZone(date, timeZone);
 }
@@ -6883,7 +6941,7 @@ function convertMatchersToTimeZone(matchers, timeZone, noonSafe) {
   return convertMatcher(matchers, timeZone);
 }
 
-// ../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.7/node_modules/react-day-picker/dist/esm/DayPicker.js
+// ../../node_modules/.pnpm/react-day-picker@10.0.1_@types+react@19.2.15_react@19.2.7/node_modules/react-day-picker/dist/esm/DayPicker.js
 function DayPicker(initialProps) {
   let props = initialProps;
   const timeZone = props.timeZone;
@@ -7046,21 +7104,32 @@ function DayPicker(initialProps) {
   const handleDayMouseLeave = useCallback((day, modifiers) => (e) => {
     onDayMouseLeave?.(day.date, modifiers, e);
   }, [onDayMouseLeave]);
-  const handleMonthChange = useCallback((date) => (e) => {
+  const handleMonthChange = useCallback((date, monthOffset) => (e) => {
     const selectedMonth = Number(e.target.value);
     const month = dateLib.setMonth(dateLib.startOfMonth(date), selectedMonth);
-    goToMonth(month);
+    goToMonth(dateLib.addMonths(month, -monthOffset));
   }, [dateLib, goToMonth]);
-  const handleYearChange = useCallback((date) => (e) => {
+  const handleYearChange = useCallback((date, monthOffset) => (e) => {
     const selectedYear = Number(e.target.value);
     const month = dateLib.setYear(dateLib.startOfMonth(date), selectedYear);
-    goToMonth(month);
+    goToMonth(dateLib.addMonths(month, -monthOffset));
   }, [dateLib, goToMonth]);
   const { className, style } = useMemo(() => ({
     className: [classNames[UI.Root], props.className].filter(Boolean).join(" "),
     style: { ...styles?.[UI.Root], ...props.style }
   }), [classNames, props.className, props.style, styles]);
   const dataAttributes = getDataAttributes(props);
+  const getDropdownStyle = (dropdown) => {
+    const dropdownStyle = styles?.[UI.Dropdown];
+    const specificDropdownStyle = styles?.[dropdown];
+    if (!dropdownStyle && !specificDropdownStyle) {
+      return void 0;
+    }
+    return {
+      ...dropdownStyle,
+      ...specificDropdownStyle
+    };
+  };
   const rootElRef = useRef(null);
   useAnimation(rootElRef, Boolean(props.animate), {
     classNames,
@@ -7084,18 +7153,19 @@ function DayPicker(initialProps) {
     labels,
     formatters: formatters2
   };
-  return React27.createElement(
+  return React26.createElement(
     dayPickerContext.Provider,
     { value: contextValue },
-    React27.createElement(
+    React26.createElement(
       components.Root,
-      { rootRef: props.animate ? rootElRef : void 0, className, style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"], ...dataAttributes },
-      React27.createElement(
+      { rootRef: props.animate ? rootElRef : void 0, className, style, dir: props.dir, id: props.id, lang: props.lang ?? locale.code, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"], ...dataAttributes },
+      React26.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles?.[UI.Months] },
-        !props.hideNavigation && !navLayout && React27.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
+        !props.hideNavigation && !navLayout && React26.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
         months.map((calendarMonth, displayIndex) => {
-          return React27.createElement(
+          const monthOffset = props.reverseMonths ? months.length - 1 - displayIndex : displayIndex;
+          return React26.createElement(
             components.Month,
             {
               "data-animated-month": props.animate ? "true" : void 0,
@@ -7106,21 +7176,21 @@ function DayPicker(initialProps) {
               displayIndex,
               calendarMonth
             },
-            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React27.createElement(
+            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React26.createElement(
               components.PreviousMonthButton,
-              { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : void 0 },
-              React27.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
+              { type: "button", className: classNames[UI.PreviousMonthButton], style: styles?.[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : void 0 },
+              React26.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], style: styles?.[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
             ),
-            React27.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : void 0, className: classNames[UI.MonthCaption], style: styles?.[UI.MonthCaption], calendarMonth, displayIndex }, captionLayout?.startsWith("dropdown") ? React27.createElement(
+            React26.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : void 0, className: classNames[UI.MonthCaption], style: styles?.[UI.MonthCaption], calendarMonth, displayIndex }, captionLayout?.startsWith("dropdown") ? React26.createElement(
               components.DropdownNav,
               { className: classNames[UI.Dropdowns], style: styles?.[UI.Dropdowns] },
               (() => {
-                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React27.createElement(components.MonthsDropdown, { key: "month", className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib), style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : React27.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
-                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React27.createElement(components.YearsDropdown, { key: "year", className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters2, dateLib, Boolean(props.reverseYears)), style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : React27.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
+                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React26.createElement(components.MonthsDropdown, { key: "month", className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date, monthOffset), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib), style: getDropdownStyle(UI.MonthsDropdown), value: dateLib.getMonth(calendarMonth.date) }) : React26.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
+                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React26.createElement(components.YearsDropdown, { key: "year", className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date, monthOffset), options: getYearOptions(navStart, navEnd, formatters2, dateLib, Boolean(props.reverseYears)), style: getDropdownStyle(UI.YearsDropdown), value: dateLib.getYear(calendarMonth.date) }) : React26.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
                 const controls = dateLib.getMonthYearOrder() === "year-first" ? [yearControl, monthControl] : [monthControl, yearControl];
                 return controls;
               })(),
-              React27.createElement("span", { role: "status", "aria-live": "polite", style: {
+              React26.createElement("span", { role: "status", "aria-live": "polite", style: {
                 border: 0,
                 clip: "rect(0 0 0 0)",
                 height: "1px",
@@ -7132,27 +7202,27 @@ function DayPicker(initialProps) {
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
               } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            ) : React27.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
-            navLayout === "around" && !props.hideNavigation && displayIndex === numberOfMonths - 1 && React27.createElement(
+            ) : React26.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], style: styles?.[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
+            navLayout === "around" && !props.hideNavigation && displayIndex === numberOfMonths - 1 && React26.createElement(
               components.NextMonthButton,
-              { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : void 0 },
-              React27.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
+              { type: "button", className: classNames[UI.NextMonthButton], style: styles?.[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : void 0 },
+              React26.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], style: styles?.[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
             ),
-            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && React27.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
-            React27.createElement(
+            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && React26.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
+            React26.createElement(
               components.MonthGrid,
               { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid2(calendarMonth.date, dateLib.options, dateLib) || void 0, className: classNames[UI.MonthGrid], style: styles?.[UI.MonthGrid] },
-              !props.hideWeekdays && React27.createElement(
+              !props.hideWeekdays && React26.createElement(
                 components.Weekdays,
                 { "data-animated-weekdays": props.animate ? "true" : void 0, className: classNames[UI.Weekdays], style: styles?.[UI.Weekdays] },
-                showWeekNumber && React27.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
-                weekdays.map((weekday) => React27.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: String(weekday), style: styles?.[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
+                showWeekNumber && React26.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
+                weekdays.map((weekday) => React26.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: String(weekday), style: styles?.[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
               ),
-              React27.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week) => {
-                return React27.createElement(
+              React26.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week) => {
+                return React26.createElement(
                   components.Week,
                   { className: classNames[UI.Week], key: week.weekNumber, style: styles?.[UI.Week], week },
-                  showWeekNumber && React27.createElement(components.WeekNumber, { week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
+                  showWeekNumber && React26.createElement(components.WeekNumber, { week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
                     locale
                   }), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber2(week.weekNumber, dateLib)),
                   week.days.map((day) => {
@@ -7169,7 +7239,7 @@ function DayPicker(initialProps) {
                     const style2 = getStyleForModifiers(modifiers, styles, props.modifiersStyles);
                     const className2 = getClassNamesForModifiers(modifiers, classNames, props.modifiersClassNames);
                     const ariaLabel = !isInteractive && !modifiers.hidden ? labelGridcell2(date, modifiers, dateLib.options, dateLib) : void 0;
-                    return React27.createElement(components.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React27.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles?.[UI.DayButton], type: "button", day, modifiers, disabled: !modifiers.focused && modifiers.disabled || void 0, "aria-disabled": modifiers.focused && modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib));
+                    return React26.createElement(components.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React26.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles?.[UI.DayButton], type: "button", day, modifiers, disabled: !modifiers.focused && modifiers.disabled || void 0, "aria-disabled": modifiers.focused && modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib));
                   })
                 );
               }))
@@ -7177,7 +7247,7 @@ function DayPicker(initialProps) {
           );
         })
       ),
-      props.footer && React27.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
+      props.footer && React26.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
     )
   );
 }
@@ -7278,8 +7348,7 @@ var PopoverContent = ({
   onEscapeKeyDown,
   ...props
 }) => {
-  const isLegacy = useIsLegacyBrand();
-  const effectiveVariant = !isLegacy ? "argo" : "default";
+  const effectiveVariant = useArgoDesign() ? "argo" : "default";
   return /* @__PURE__ */ jsx(Portal$1, { children: /* @__PURE__ */ jsx(
     Content$2,
     {
@@ -7759,17 +7828,21 @@ var FieldTemplateBody = ({
   const hasErrors = rawErrors && rawErrors.length > 0;
   const isCheckbox = schema.type === "boolean" && uiSchema?.["ui:widget"] !== "select";
   const showLabel = displayLabel && label && !isCheckbox;
+  const hasHelpIcons = Boolean(rawHelp || documentation);
+  const helpIcons = /* @__PURE__ */ jsxs(Fragment, { children: [
+    rawHelp && /* @__PURE__ */ jsx(TooltipIcon, { rawHelp }),
+    documentation && /* @__PURE__ */ jsx(DocumentationLinkIcon, { documentation })
+  ] });
   return /* @__PURE__ */ jsxs(FormGroup, { state: hasErrors ? "error" : "default", children: [
     showLabel && /* @__PURE__ */ jsx(Label, { htmlFor: id, children: /* @__PURE__ */ jsxs("span", { className: "tw-inline-flex tw-items-center tw-gap-1", children: [
       label,
-      rawHelp && /* @__PURE__ */ jsx(TooltipIcon, { rawHelp }),
-      documentation && /* @__PURE__ */ jsx(DocumentationLinkIcon, { documentation })
+      helpIcons
     ] }) }),
-    !showLabel && (rawHelp || documentation) && /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-items-center tw-gap-1", children: [
-      rawHelp && /* @__PURE__ */ jsx(TooltipIcon, { rawHelp }),
-      documentation && /* @__PURE__ */ jsx(DocumentationLinkIcon, { documentation })
-    ] }),
-    children,
+    !showLabel && !isCheckbox && hasHelpIcons && /* @__PURE__ */ jsx("div", { className: "tw-flex tw-items-center tw-gap-1", children: helpIcons }),
+    isCheckbox && hasHelpIcons ? /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-items-center tw-gap-1", children: [
+      children,
+      helpIcons
+    ] }) : children,
     rawDescription && /* @__PURE__ */ jsx(FormGroup.Help, { children: /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(rawDescription) } }) }),
     hasErrors && /* @__PURE__ */ jsx(FormGroup.Help, { children: rawErrors.join(". ") })
   ] });
@@ -7982,8 +8055,8 @@ var rootVariants = cva(
         default: [
           "tw-rounded",
           "tw-border-neutral-200",
-          "data-[state=checked]:tw-bg-secondary-500",
-          "data-[state=checked]:tw-border-secondary-500",
+          "data-[state=checked]:tw-bg-primary",
+          "data-[state=checked]:tw-border-primary",
           "data-[state=indeterminate]:tw-bg-white",
           "data-[state=indeterminate]:tw-border-neutral-200"
         ],
@@ -7999,7 +8072,7 @@ var rootVariants = cva(
           "focus-visible:tw-outline-none",
           "focus-visible:tw-border-primary",
           "focus-visible:tw-ring-2",
-          "focus-visible:tw-ring-primary/50"
+          "focus-visible:tw-ring-ring/50"
         ]
       }
     }
@@ -8012,7 +8085,7 @@ var indicatorVariants = cva(["tw-group", "tw-flex", "tw-items-center"], {
   variants: {
     variant: {
       default: [
-        "data-[state=checked]:tw-text-white",
+        "data-[state=checked]:tw-text-primary-foreground",
         "data-[state=indeterminate]:tw-text-neutral-200"
       ],
       argo: ["tw-text-primary-foreground"]
@@ -8032,8 +8105,7 @@ function Checkbox({
 }) {
   const fallbackId = useId();
   const id = idProp?.toString() ?? fallbackId;
-  const isLegacy = useIsLegacyBrand();
-  const styleVariant = !isLegacy ? "argo" : "default";
+  const styleVariant = useArgoDesign() ? "argo" : "default";
   const checkboxElement = /* @__PURE__ */ jsx(Root, { id, ...rest, className: cn(rootVariants({ variant: styleVariant, className })), children: /* @__PURE__ */ jsxs(Indicator, { className: cn(indicatorVariants({ variant: styleVariant })), children: [
     /* @__PURE__ */ jsx(icons_exports.Check, { className: "tw-hidden tw-size-3 tw-stroke-[4px] group-data-[state=checked]:tw-block" }),
     /* @__PURE__ */ jsx(icons_exports.Minus, { className: "tw-hidden tw-size-3 tw-stroke-[4px] group-data-[state=indeterminate]:tw-block" })
@@ -8219,14 +8291,16 @@ var badgeColors = {
   gray: "tw-bg-neutral-400 tw-text-white tw-decoration-neutral-400",
   "gray-darker": "tw-bg-neutral-500 tw-text-white tw-decoration-neutral-500",
   "gray-inverse": "tw-bg-neutral-100 tw-text-neutral-400 tw-decoration-neutral-100",
-  green: "tw-bg-primary-500 tw-text-white tw-decoration-primary-500",
-  "green-darker": "tw-bg-primary-600 tw-text-white tw-decoration-primary-600",
-  "green-inverse": "tw-bg-primary-100 tw-text-primary-900 tw-decoration-primary-100",
-  blue: "tw-bg-secondary-500 tw-text-white tw-decoration-secondary-500",
-  "blue-inverse": "tw-bg-secondary-100 tw-text-secondary-600 tw-decoration-secondary-100",
+  green: "tw-bg-green-500 tw-text-white tw-decoration-green-500",
+  "green-darker": "tw-bg-green-600 tw-text-white tw-decoration-green-600",
+  "green-inverse": "tw-bg-green-100 tw-text-green-900 tw-decoration-green-100",
+  blue: "tw-bg-blue-500 tw-text-white tw-decoration-blue-500",
+  "blue-inverse": "tw-bg-blue-100 tw-text-blue-600 tw-decoration-blue-100",
   red: "tw-bg-error-500 tw-text-white tw-decoration-error-500",
   orange: "tw-bg-warning-500 tw-text-white tw-decoration-warning-500",
   "orange-inverse": "tw-bg-warning-100 tw-text-warning-500 tw-decoration-warning-100",
+  amber: "tw-bg-warning-300 tw-text-warning-800 tw-decoration-warning-300",
+  "amber-inverse": "tw-bg-warning-100 tw-text-warning-700 tw-decoration-warning-100",
   teal: "tw-bg-teal-500 tw-text-white tw-decoration-teal-500",
   "teal-inverse": "tw-bg-teal-100 tw-text-teal-800 tw-decoration-teal-100",
   purple: "tw-bg-purple-500 tw-text-white tw-decoration-purple-500",
@@ -8432,8 +8506,7 @@ var ComboboxContent = ({
   children,
   ...popupProps
 }) => {
-  const isLegacy = useIsLegacyBrand();
-  const effectiveVariant = !isLegacy ? "argo" : "default";
+  const effectiveVariant = useArgoDesign() ? "argo" : "default";
   return /* @__PURE__ */ jsx(Combobox$1.Portal, { container, children: /* @__PURE__ */ jsx(
     Combobox$1.Positioner,
     {
@@ -8563,7 +8636,7 @@ var ComboboxItemIndicator = ({
           "tw-rounded",
           "tw-border",
           "tw-border-input",
-          "tw-bg-white",
+          "tw-bg-background",
           "data-[selected]:tw-bg-primary",
           "data-[selected]:tw-border-primary",
           className
@@ -8576,7 +8649,7 @@ var ComboboxItemIndicator = ({
               "tw-hidden",
               "tw-size-3",
               "tw-stroke-[4px]",
-              "!tw-text-white",
+              "!tw-text-primary-foreground",
               "group-data-[selected]/combobox-item-indicator:tw-block"
             )
           }
@@ -8945,6 +9018,7 @@ var DynamicSelectWidget = ({
   return /* @__PURE__ */ jsx(
     Combobox,
     {
+      variant: "secondary",
       items,
       value: selectedItem ?? null,
       disabled: disabled || readonly,
@@ -9184,7 +9258,7 @@ var radioVariants = cva(
           "focus-visible:tw-outline-none",
           "focus-visible:tw-border-primary",
           "focus-visible:tw-ring-2",
-          "focus-visible:tw-ring-primary/50"
+          "focus-visible:tw-ring-ring/50"
         ]
       }
     }
@@ -9271,7 +9345,7 @@ var radioItemButtonVariants = cva(
           "focus-visible:tw-outline-none",
           "focus-visible:tw-border-primary",
           "focus-visible:tw-ring-2",
-          "focus-visible:tw-ring-primary/50"
+          "focus-visible:tw-ring-ring/50"
         ]
       }
     }
@@ -9302,8 +9376,7 @@ var RadioGroupItem = ({
   ...props
 }) => {
   const { variant } = useRadioGroupContext();
-  const isLegacy = useIsLegacyBrand();
-  const styleVariant = !isLegacy ? "argo" : "default";
+  const styleVariant = useArgoDesign() ? "argo" : "default";
   const id = useId();
   const item = (() => {
     if (variant === "button")
@@ -9502,6 +9575,7 @@ var SelectWidget = ({
   return /* @__PURE__ */ jsx(
     Combobox,
     {
+      variant: "secondary",
       items,
       value: selectedItem ?? null,
       allowClear: !required,