@keboola/design 4.4.0 → 5.1.0

package/dist/rjsf.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React27 = require('react');
+var React26 = require('react');
 var Form = require('@rjsf/core');
 var validator = require('@rjsf/validator-ajv8');
 var autocomplete = require('@codemirror/autocomplete');
@@ -58,7 +58,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React27__default = /*#__PURE__*/_interopDefault(React27);
+var React26__default = /*#__PURE__*/_interopDefault(React26);
 var Form__default = /*#__PURE__*/_interopDefault(Form);
 var validator__default = /*#__PURE__*/_interopDefault(validator);
 var CodeMirror__default = /*#__PURE__*/_interopDefault(CodeMirror);
@@ -100,9 +100,9 @@ var debounce = (fn, delay) => {
   debounced.cancel = () => clearTimeout(timeoutId);
   return debounced;
 };
-var RenderMarkdownContext = React27.createContext((source) => source);
+var RenderMarkdownContext = React26.createContext((source) => source);
 var RenderMarkdownProvider = RenderMarkdownContext;
-var useRenderMarkdown = () => React27.use(RenderMarkdownContext);
+var useRenderMarkdown = () => React26.use(RenderMarkdownContext);
 
 // src/constants/keyCodes.ts
 var keyCodes = {
@@ -151,13 +151,39 @@ var createChangeInputEvent = (input) => {
   });
   return changeEvent;
 };
-var ThemeContext = React27.createContext(null);
 
-// src/components/internal/useIsLegacyBrand.ts
-var useIsLegacyBrand = () => {
-  const context = React27.use(ThemeContext);
-  return context === null || context.brand.id === brandRegistry.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
+[brandRegistry.keboolaLegacySidebar.id, brandRegistry.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
+};
+React26.createContext(defaultContext);
+var ArgoDesignContext = React26.createContext(true);
+var useArgoDesign = () => React26.use(ArgoDesignContext);
 var tooltipVariants = classVarianceAuthority.cva(
   [
     "tailwindcss-preflight",
@@ -235,8 +261,7 @@ var TooltipContent = ({
   placement = "right",
   ...rest
 }) => {
-  const isLegacy = useIsLegacyBrand();
-  const renderArgo = !isLegacy;
+  const renderArgo = useArgoDesign();
   const handlePointerDownOutside = (event) => {
     if (keepOpenOnPointerDownOutside) event.preventDefault();
     onPointerDownOutside?.(event);
@@ -311,7 +336,7 @@ var Tooltip = ({
   // trigger props
   triggerAsChild = false
 }) => {
-  const [open, setOpen] = React27.useState(false);
+  const [open, setOpen] = React26.useState(false);
   const resolvedVariant = (() => {
     if (!!variant) return variant;
     if (typeof tooltip === "string" && tooltip.length > ACTION_TOOLTIP_LIMIT) return "explanatory";
@@ -378,7 +403,7 @@ var helpVariants = classVarianceAuthority.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"]
     }
   }
 });
@@ -393,7 +418,7 @@ __export(icons_exports, {
   Keboola: () => Keboola
 });
 __reExport(icons_exports, lucide_react_star__namespace);
-var Keboola = React27.forwardRef(
+var Keboola = React26.forwardRef(
   ({ size = 24, color = "currentColor", className, children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -430,8 +455,8 @@ var variants = classVarianceAuthority.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
@@ -626,14 +651,14 @@ var argoVariants = classVarianceAuthority.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: [
@@ -650,20 +675,22 @@ var argoVariants = classVarianceAuthority.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: [
@@ -671,7 +698,7 @@ var argoVariants = classVarianceAuthority.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: {
@@ -706,8 +733,7 @@ var Button = ({
   block = false,
   ...buttonProps
 }) => {
-  const isLegacy = useIsLegacyBrand();
-  const renderArgo = !isLegacy;
+  const renderArgo = useArgoDesign();
   const Comp = asChild ? reactSlot.Root : "button";
   const isIconOnly = String(size).startsWith("icon");
   const classNames = renderArgo ? argoVariants({ variant, size, block, className }) : variants({ size, variant, block, className });
@@ -750,8 +776,8 @@ var Clipboard = ({
   className,
   ...restButtonProps
 }) => {
-  const [isTooltipOpen, setIsTooltipOpen] = React27.useState(false);
-  const [state, setState] = React27.useState("ready");
+  const [isTooltipOpen, setIsTooltipOpen] = React26.useState(false);
+  const [state, setState] = React26.useState("ready");
   const text = typeof textProp === "function" ? textProp() : textProp;
   const copy = async (text2) => {
     try {
@@ -834,15 +860,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 = () => React26.useSyncExternalStore(subscribeThemeSignal, readThemeSignal, () => SSR_SIGNAL);
+var useThemedExtension = (build, deps = []) => {
+  const themeSignal = useThemeSignal();
+  return React26.useMemo(build, [themeSignal, ...deps]);
+};
+
+// src/components/CodeEditor/helpers.ts
+var buildBaseThemeStyles = () => ({
   "*": { lineHeight: "20px" },
   "*::selection": {
-    backgroundColor: colors__default.default.secondary[500],
-    color: `${colors__default.default.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__default.default.neutral[150] },
   '&.cm-editor:has(.cm-content[contenteditable="false"]) .cm-gutters': {
-    backgroundColor: colors__default.default.neutral[200]
+    backgroundColor: resolveToken("border", "229 231 235")
   },
   "&.cm-editor .cm-scroller": { overflowAnchor: "none" },
   "&.cm-editor, &.cm-editor .cm-scroller": {
@@ -858,11 +913,11 @@ var baseThemeStyles = {
   ".cm-line .tok-string": { color: colors__default.default.warning[700] },
   // merge (diff) view
   '&[class*="cm-merge-"] .cm-deletedLine': { backgroundColor: colors__default.default.error[100] },
-  '&[class*="cm-merge-"] .cm-changedLine': { backgroundColor: colors__default.default.primary[100] },
+  '&[class*="cm-merge-"] .cm-changedLine': { backgroundColor: colors__default.default.green[100] },
   '&[class*="cm-merge-"] .cm-deletedLineGutter': { backgroundColor: colors__default.default.error[200] },
-  '&[class*="cm-merge-"] .cm-changedLineGutter': { backgroundColor: colors__default.default.primary[200] },
+  '&[class*="cm-merge-"] .cm-changedLineGutter': { backgroundColor: colors__default.default.green[200] },
   '&[class*="cm-merge-"] .cm-deletedText': { background: colors__default.default.error[200] },
-  '&[class*="cm-merge-"] .cm-changedText': { background: colors__default.default.primary[200] },
+  '&[class*="cm-merge-"] .cm-changedText': { background: colors__default.default.green[200] },
   '&[class*="cm-merge-"]': {
     backgroundColor: `${colors__default.default.white} !important`
   },
@@ -871,16 +926,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 = codemirrorThemeGithub.githubLightInit({
+var buildCustomTheme = () => codemirrorThemeGithub.githubLightInit({
   settings: {
     fontFamily: `'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New'`,
-    background: colors__default.default.neutral[50],
-    gutterBackground: colors__default.default.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__default.default.secondary[500]
+    selection: resolveToken("primary", "31 143 255")
   }
 });
 var getLanguageMode = (mode) => {
@@ -921,9 +978,9 @@ var KbdGroup = ({
       className: cn("tw-inline-flex", "tw-items-center", "tw-gap-1", className),
       children: separator ? (
         // oxlint-disable-next-line react-x/no-children-to-array
-        React27.Children.toArray(children).map((child, index) => (
+        React26.Children.toArray(children).map((child, index) => (
           // oxlint-disable-next-line
-          /* @__PURE__ */ jsxRuntime.jsxs(React27.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(React26.Fragment, { children: [
             index > 0 && /* @__PURE__ */ jsxRuntime.jsx(KbdSeparator, { children: separator }),
             child
           ] }, index)
@@ -998,7 +1055,9 @@ var CodeEditor = ({
   renderAdditionalButtons,
   className
 }) => {
-  const commonExtensions = React27.useMemo(() => {
+  const customTheme = useThemedExtension(buildCustomTheme);
+  const baseTheme = useThemedExtension(() => view.EditorView.theme(buildBaseThemeStyles()));
+  const commonExtensions = React26.useMemo(() => {
     return [
       getLanguageMode(mode),
       mode === "application/json" && lint.linter(langJson.jsonParseLinter()),
@@ -1017,10 +1076,10 @@ var CodeEditor = ({
         }))
       ),
       autocomplete.autocompletion({ activateOnTyping: completeAny }),
-      view.EditorView.theme(baseThemeStyles)
+      baseTheme
     ].filter(Boolean);
-  }, [autocompletions, completeAny, extraKeys, mode, withLineWrapping]);
-  const extensions = React27.useMemo(() => {
+  }, [autocompletions, completeAny, extraKeys, mode, withLineWrapping, baseTheme]);
+  const extensions = React26.useMemo(() => {
     return [
       ...commonExtensions,
       view.placeholder(placeholder),
@@ -1034,7 +1093,7 @@ var CodeEditor = ({
       }) : []
     ];
   }, [commonExtensions, placeholder, readOnly, previousValue, withCollapseUnchanged]);
-  const config = React27.useMemo(() => {
+  const config = React26.useMemo(() => {
     return {
       ...BASIS_SETUP,
       lineNumbers: withLineNumbers
@@ -1115,8 +1174,8 @@ var CodeEditorWidget = ({
   const mode = isLanguageMode(rawMode) ? rawMode : "application/json";
   const isJsonMode = mode === "application/json";
   const isReadOnly = disabled || readonly || !!editorOptions.readOnly;
-  const [text, setText] = React27.useState(() => sanitize(value));
-  React27.useEffect(() => {
+  const [text, setText] = React26.useState(() => sanitize(value));
+  React26.useEffect(() => {
     setText((currentText) => {
       const sanitized = sanitize(value);
       if (currentText === sanitized) return currentText;
@@ -1275,7 +1334,7 @@ var CollapsiblePanel = ({
   onToggle,
   variant = "default"
 }) => {
-  const [isUncontrolledOpen, setIsUncontrolledOpen] = React27.useState(defaultExpanded);
+  const [isUncontrolledOpen, setIsUncontrolledOpen] = React26.useState(defaultExpanded);
   const open = isOpen ?? isUncontrolledOpen;
   const hasEnforcedState = isOpen !== void 0 && onToggle === void 0;
   const handleCollapse = (event) => {
@@ -1328,13 +1387,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) => {
@@ -1416,10 +1475,10 @@ var GridObjectField = ({
   const properties = schema.properties ?? {};
   const data = formData ?? {};
   const SchemaField = getSchemaField(registry);
-  const dataRef = React27.useRef(data);
+  const dataRef = React26.useRef(data);
   dataRef.current = data;
   const fieldPath = fieldPathId?.path;
-  const onPropertyChange = React27.useCallback(
+  const onPropertyChange = React26.useCallback(
     // oxlint-disable-next-line @typescript-eslint/no-explicit-any
     (key) => (value, _childPath, errorSchema, id) => {
       onChange({ ...dataRef.current, [key]: value }, fieldPath, errorSchema, id);
@@ -1544,10 +1603,15 @@ var AlertCollapsibleIcon = ({ open }) => /* @__PURE__ */ jsxRuntime.jsx(Tooltip,
       "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"
     )
   }
 ) });
@@ -1595,10 +1659,15 @@ var AlertIcon = ({ variant, icon, className, ...rest }) => /* @__PURE__ */ jsxRu
       "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]
@@ -1611,8 +1680,7 @@ var AlertRoot = ({
   variant,
   ...rest
 }) => {
-  const isLegacy = useIsLegacyBrand();
-  const renderArgo = !isLegacy;
+  const renderArgo = useArgoDesign();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1636,19 +1704,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
@@ -1691,7 +1772,7 @@ var Alert = ({
   ...rest
 }) => {
   const isControlled = openProp !== void 0;
-  const [innerOpen, setInnerOpen] = React27.useState(defaultOpen);
+  const [innerOpen, setInnerOpen] = React26.useState(defaultOpen);
   const open = isControlled ? openProp : innerOpen;
   const handleOpenChange = (nextOpen) => {
     if (!isControlled) {
@@ -1769,7 +1850,7 @@ var TableArrayField = ({
   const isPrimitiveItems = sortedKeys.length === 0 && itemSchema != null;
   const isReadOnly = disabled || readonly;
   const fieldPath = fieldPathId?.path ?? [];
-  const itemsRef = React27.useRef(items);
+  const itemsRef = React26.useRef(items);
   itemsRef.current = items;
   const handleCellChange = (rowIndex, key, value) => {
     const newItems = [...itemsRef.current];
@@ -2052,9 +2133,9 @@ var TabsObjectField = ({
   const properties = schema.properties ?? {};
   const data = formData ?? {};
   const SchemaField = getSchemaField(registry);
-  const dataRef = React27.useRef(data);
+  const dataRef = React26.useRef(data);
   dataRef.current = data;
-  const onPropertyChange = React27.useCallback(
+  const onPropertyChange = React26.useCallback(
     // oxlint-disable-next-line @typescript-eslint/no-explicit-any
     (key) => (value, path, errorSchema, id) => {
       onChange({ ...dataRef.current, [key]: value }, path, errorSchema, id);
@@ -2062,7 +2143,7 @@ var TabsObjectField = ({
     [onChange]
   );
   const sortedKeys = sortByPropertyOrder(properties);
-  const [activeTab, setActiveTab] = React27.useState(sortedKeys[0] ?? "");
+  const [activeTab, setActiveTab] = React26.useState(sortedKeys[0] ?? "");
   if (sortedKeys.length === 0) return null;
   const triggers = sortedKeys.map((key) => ({
     value: key,
@@ -2173,7 +2254,7 @@ var ArrayFieldTemplate = ({
 };
 var DescriptionFieldTemplate = ({ description, id }) => {
   if (!description) return null;
-  if (React27.isValidElement(description)) {
+  if (React26.isValidElement(description)) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { id, children: description });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2189,11 +2270,11 @@ var ErrorListTemplate = ({ errors }) => {
   if (!errors.length) return null;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-mb-4", children: errors.map((error) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tw-text-xs tw-text-error-500", children: error.message }, `${error.property}:${error.message}`)) });
 };
-var FormGroupContext = React27.createContext({
+var FormGroupContext = React26.createContext({
   state: "default"
 });
 var FormGroupProvider = FormGroupContext;
-var useFormGroupContext = () => React27.use(FormGroupContext);
+var useFormGroupContext = () => React26.use(FormGroupContext);
 var addonVariants = classVarianceAuthority.cva(
   [
     "tw-flex",
@@ -2356,8 +2437,9 @@ var inputGroupVariants = classVarianceAuthority.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",
@@ -2431,7 +2513,7 @@ var inputGroupVariants = classVarianceAuthority.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"
         ]
       },
       {
@@ -2446,7 +2528,7 @@ var inputGroupVariants = classVarianceAuthority.cva(
       {
         variant: "argo",
         focusVariant: "on",
-        className: ["!tw-border-primary", "!tw-ring-primary/50"]
+        className: ["!tw-border-primary", "!tw-ring-ring/50"]
       },
       {
         variant: "argo",
@@ -2475,6 +2557,8 @@ var inputGroupVariants = classVarianceAuthority.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",
@@ -2530,8 +2614,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__ */ jsxRuntime.jsx(
     "div",
@@ -2594,7 +2678,7 @@ var coerceColorPickerValue = (value) => {
   return PICKER_FALLBACK;
 };
 var ColorPicker = ({ value, disabled, readOnly, ...props }) => {
-  const pickerRef = React27.useRef(null);
+  const pickerRef = React26.useRef(null);
   const handleOpenPicker = () => {
     if (!pickerRef.current) return;
     showPicker(pickerRef.current);
@@ -2647,8 +2731,8 @@ var ColorInput = ({
   readOnly,
   ...restInputProps
 }) => {
-  const inputRef = React27.useRef(null);
-  const [internalValue, setInternalValue] = React27.useState(defaultValue ?? "");
+  const inputRef = React26.useRef(null);
+  const [internalValue, setInternalValue] = React26.useState(defaultValue ?? "");
   const isControlled = valueProp !== void 0;
   const value = isControlled ? valueProp ?? "" : internalValue;
   const setValue = (nextValue) => {
@@ -4879,7 +4963,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) {
@@ -4891,7 +4975,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();
@@ -4904,7 +4988,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);
@@ -4912,7 +4996,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: {
@@ -4971,7 +5055,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`.
@@ -4980,7 +5064,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();
@@ -4988,7 +5071,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) {
@@ -5213,7 +5297,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;
@@ -5236,7 +5320,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;
@@ -5244,7 +5328,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;
@@ -5252,10 +5336,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,
@@ -5282,41 +5365,35 @@ __export(custom_components_exports, {
   Weeks: () => Weeks,
   YearsDropdown: () => YearsDropdown
 });
-function Button2(props) {
-  return React27__default.default.createElement("button", { ...props });
-}
 function CaptionLabel(props) {
-  return React27__default.default.createElement("span", { ...props });
+  return React26__default.default.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__default.default.createElement(
-      "svg",
-      { className, width: size, height: size, viewBox: "0 0 24 24" },
-      orientation === "up" && React27__default.default.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__default.default.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__default.default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
-      orientation === "right" && React27__default.default.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__default.default.createElement(
+    "svg",
+    { className, style, width: size, height: size, viewBox: "0 0 24 24" },
+    orientation === "up" && React26__default.default.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__default.default.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__default.default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
+    orientation === "right" && React26__default.default.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__default.default.createElement("td", { ...tdProps });
+  return React26__default.default.createElement("td", { ...tdProps });
 }
 function DayButton(props) {
   const { day, modifiers, ...buttonProps } = props;
-  const ref = React27__default.default.useRef(null);
-  React27__default.default.useEffect(() => {
+  const ref = React26__default.default.useRef(null);
+  React26__default.default.useEffect(() => {
     if (modifiers.focused)
       ref.current?.focus();
   }, [modifiers.focused]);
-  return React27__default.default.createElement("button", { ref, ...buttonProps });
+  return React26__default.default.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";
@@ -5370,134 +5447,131 @@ var Animation;
   Animation2["caption_before_enter"] = "caption_before_enter";
   Animation2["caption_before_exit"] = "caption_before_exit";
 })(Animation || (Animation = {}));
+var dayPickerContext = React26.createContext(void 0);
+function useDayPicker() {
+  const context = React26.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__default.default.createElement(
+  return React26__default.default.createElement(
     "span",
-    { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
-    React27__default.default.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => React27__default.default.createElement(components.Option, { key: value, value, disabled }, label))),
-    React27__default.default.createElement(
+    { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot], style: styles?.[UI.DropdownRoot] },
+    React26__default.default.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => React26__default.default.createElement(components.Option, { key: value, value, disabled }, label))),
+    React26__default.default.createElement(
       "span",
-      { className: classNames[UI.CaptionLabel], "aria-hidden": true },
+      { className: classNames[UI.CaptionLabel], style: styles?.[UI.CaptionLabel], "aria-hidden": true },
       selectedOption?.label,
-      React27__default.default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
+      React26__default.default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron], style: styles?.[UI.Chevron] })
     )
   );
 }
 function DropdownNav(props) {
-  return React27__default.default.createElement("div", { ...props });
+  return React26__default.default.createElement("div", { ...props });
 }
 function Footer(props) {
-  return React27__default.default.createElement("div", { ...props });
+  return React26__default.default.createElement("div", { ...props });
 }
 function Month(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React27__default.default.createElement("div", { ...divProps }, props.children);
+  return React26__default.default.createElement("div", { ...divProps }, props.children);
 }
 function MonthCaption(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React27__default.default.createElement("div", { ...divProps });
+  return React26__default.default.createElement("div", { ...divProps });
 }
 function MonthGrid(props) {
-  return React27__default.default.createElement("table", { ...props });
+  return React26__default.default.createElement("table", { ...props });
 }
 function Months(props) {
-  return React27__default.default.createElement("div", { ...props });
-}
-var dayPickerContext = React27.createContext(void 0);
-function useDayPicker() {
-  const context = React27.useContext(dayPickerContext);
-  if (context === void 0) {
-    throw new Error("useDayPicker() must be used within a custom component.");
-  }
-  return context;
+  return React26__default.default.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__default.default.createElement(components.Dropdown, { ...props });
+  return React26__default.default.createElement(components.Dropdown, { ...props });
 }
 function Nav(props) {
   const { onPreviousClick, onNextClick, previousMonth, nextMonth, ...navProps } = props;
-  const { components, classNames, labels: { labelPrevious: labelPrevious2, labelNext: labelNext2 } } = useDayPicker();
-  const handleNextClick = React27.useCallback((e) => {
+  const { components, classNames, styles, labels: { labelPrevious: labelPrevious2, labelNext: labelNext2 } } = useDayPicker();
+  const handleNextClick = React26.useCallback((e) => {
     if (nextMonth) {
       onNextClick?.(e);
     }
   }, [nextMonth, onNextClick]);
-  const handlePreviousClick = React27.useCallback((e) => {
+  const handlePreviousClick = React26.useCallback((e) => {
     if (previousMonth) {
       onPreviousClick?.(e);
     }
   }, [previousMonth, onPreviousClick]);
-  return React27__default.default.createElement(
+  return React26__default.default.createElement(
     "nav",
     { ...navProps },
-    React27__default.default.createElement(
+    React26__default.default.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__default.default.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__default.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], style: styles?.[UI.Chevron], orientation: "left" })
     ),
-    React27__default.default.createElement(
+    React26__default.default.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__default.default.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__default.default.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__default.default.createElement(components.Button, { ...props });
+  return React26__default.default.createElement("button", { ...props });
 }
 function Option(props) {
-  return React27__default.default.createElement("option", { ...props });
+  return React26__default.default.createElement("option", { ...props });
 }
 function PreviousMonthButton(props) {
-  const { components } = useDayPicker();
-  return React27__default.default.createElement(components.Button, { ...props });
+  return React26__default.default.createElement("button", { ...props });
 }
 function Root6(props) {
   const { rootRef, ...rest } = props;
-  return React27__default.default.createElement("div", { ...rest, ref: rootRef });
+  return React26__default.default.createElement("div", { ...rest, ref: rootRef });
 }
 function Select(props) {
-  return React27__default.default.createElement("select", { ...props });
+  return React26__default.default.createElement("select", { ...props });
 }
 function Week(props) {
   const { week, ...trProps } = props;
-  return React27__default.default.createElement("tr", { ...trProps });
+  return React26__default.default.createElement("tr", { ...trProps });
 }
 function Weekday(props) {
-  return React27__default.default.createElement("th", { ...props });
+  return React26__default.default.createElement("th", { ...props });
 }
 function Weekdays(props) {
-  return React27__default.default.createElement(
+  return React26__default.default.createElement(
     "thead",
     { "aria-hidden": true },
-    React27__default.default.createElement("tr", { ...props })
+    React26__default.default.createElement("tr", { ...props })
   );
 }
 function WeekNumber(props) {
   const { week, ...thProps } = props;
-  return React27__default.default.createElement("th", { ...thProps });
+  return React26__default.default.createElement("th", { ...thProps });
 }
 function WeekNumberHeader(props) {
-  return React27__default.default.createElement("th", { ...props });
+  return React26__default.default.createElement("th", { ...props });
 }
 function Weeks(props) {
-  return React27__default.default.createElement("tbody", { ...props });
+  return React26__default.default.createElement("tbody", { ...props });
 }
 function YearsDropdown(props) {
   const { components } = useDayPicker();
-  return React27__default.default.createElement(components.Dropdown, { ...props });
+  return React26__default.default.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;
@@ -5518,7 +5592,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);
 }
@@ -5538,7 +5612,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;
@@ -5586,7 +5660,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;
@@ -5655,7 +5729,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]) {
@@ -5670,7 +5744,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,
@@ -5678,7 +5752,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,
@@ -5696,7 +5770,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) {
@@ -5714,43 +5788,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()}`);
@@ -5758,36 +5829,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,
@@ -5801,7 +5863,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)
@@ -5810,16 +5872,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) {
@@ -5828,48 +5888,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;
@@ -5897,7 +5957,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({
@@ -5913,7 +5973,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]) => {
@@ -5925,7 +5985,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);
@@ -5937,7 +5997,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;
@@ -5959,7 +6019,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;
@@ -6110,10 +6170,10 @@ var queryWeeksEl = (element) => asHtmlElement(element.querySelector("[data-anima
 var queryNavEl = (element) => asHtmlElement(element.querySelector("[data-animated-nav]"));
 var queryWeekdaysEl = (element) => asHtmlElement(element.querySelector("[data-animated-weekdays]"));
 function useAnimation(rootElRef, enabled, { classNames, months, focused, dateLib }) {
-  const previousRootElSnapshotRef = React27.useRef(null);
-  const previousMonthsRef = React27.useRef(months);
-  const animatingRef = React27.useRef(false);
-  React27.useLayoutEffect(() => {
+  const previousRootElSnapshotRef = React26.useRef(null);
+  const previousMonthsRef = React26.useRef(months);
+  const animatingRef = React26.useRef(false);
+  React26.useLayoutEffect(() => {
     const previousMonths = previousMonthsRef.current;
     previousMonthsRef.current = months;
     if (!enabled || !rootElRef.current || // safety check because the ref can be set to anything by consumers
@@ -6155,7 +6215,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);
@@ -6220,7 +6280,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];
@@ -6249,7 +6309,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) => {
@@ -6260,7 +6320,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 = [];
@@ -6274,7 +6334,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;
@@ -6289,7 +6349,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) => {
@@ -6328,35 +6388,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());
   }
@@ -6366,7 +6409,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;
@@ -6385,7 +6428,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;
@@ -6404,7 +6447,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) => {
@@ -6412,12 +6455,12 @@ function getWeeks(months) {
   }, initialWeeks.slice());
 }
 function useControlledValue(defaultValue, controlledValue) {
-  const [uncontrolledValue, setValue] = React27.useState(defaultValue);
+  const [uncontrolledValue, setValue] = React26.useState(defaultValue);
   const value = controlledValue === void 0 ? uncontrolledValue : 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;
@@ -6427,11 +6470,11 @@ function useCalendar(props, dateLib) {
     // initialMonth is always computed from props.month if provided
     props.month ? initialMonth : void 0
   );
-  React27.useEffect(() => {
+  React26.useEffect(() => {
     const newInitialMonth = getInitialMonth(props, navStart, navEnd, dateLib);
     setFirstMonth(newInitialMonth);
   }, [props.timeZone]);
-  const { months, weeks, days, previousMonth, nextMonth } = React27.useMemo(() => {
+  const { months, weeks, days, previousMonth, nextMonth } = React26.useMemo(() => {
     const displayMonths = getDisplayMonths(firstMonth, navEnd, { numberOfMonths: props.numberOfMonths }, dateLib);
     const dates = getDates(displayMonths, props.endMonth ? endOfMonth2(props.endMonth) : void 0, {
       ISOWeek: props.ISOWeek,
@@ -6505,7 +6548,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";
@@ -6543,7 +6586,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;
@@ -6564,7 +6607,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;
@@ -6580,12 +6623,12 @@ 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] = React27.useState();
+  const [lastFocused, setLastFocused] = React26.useState();
   const focusTarget = calculateFocusTarget(calendar.days, getModifiers, isSelected || (() => false), lastFocused);
-  const [focusedDay, setFocused] = React27.useState(autoFocus ? focusTarget : void 0);
+  const [focusedDay, setFocused] = React26.useState(autoFocus ? focusTarget : void 0);
   const blur = () => {
     setLastFocused(focusedDay);
     setFocused(void 0);
@@ -6618,7 +6661,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);
@@ -6658,7 +6701,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;
@@ -6711,7 +6754,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;
@@ -6726,12 +6769,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");
@@ -6785,15 +6828,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;
@@ -6813,7 +6871,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);
@@ -6844,7 +6902,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);
@@ -6861,7 +6919,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;
@@ -6869,7 +6927,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);
 }
@@ -6918,7 +6976,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;
@@ -6966,7 +7024,7 @@ function DayPicker(initialProps) {
       props.modifiers = nextModifiers;
     }
   }
-  const { components, formatters: formatters2, labels, dateLib, locale, classNames } = React27.useMemo(() => {
+  const { components, formatters: formatters2, labels, dateLib, locale, classNames } = React26.useMemo(() => {
     const locale2 = { ...enUS2, ...props.locale };
     const weekStartsOn = props.broadcastCalendar ? 1 : props.weekStartsOn;
     const noonOverrides = props.noonSafe && props.timeZone ? createNoonOverrides(props.timeZone, {
@@ -7018,21 +7076,21 @@ function DayPicker(initialProps) {
   const { isSelected, select, selected: selectedValue } = useSelection(props, dateLib) ?? {};
   const { blur, focused, isFocusTarget, moveFocus, setFocused } = useFocus(props, calendar, getModifiers, isSelected ?? (() => false), dateLib);
   const { labelDayButton: labelDayButton2, labelGridcell: labelGridcell2, labelGrid: labelGrid2, labelMonthDropdown: labelMonthDropdown2, labelNav: labelNav2, labelPrevious: labelPrevious2, labelNext: labelNext2, labelWeekday: labelWeekday2, labelWeekNumber: labelWeekNumber2, labelWeekNumberHeader: labelWeekNumberHeader2, labelYearDropdown: labelYearDropdown2 } = labels;
-  const weekdays = React27.useMemo(() => getWeekdays(dateLib, props.ISOWeek, props.broadcastCalendar, props.today), [dateLib, props.ISOWeek, props.broadcastCalendar, props.today]);
+  const weekdays = React26.useMemo(() => getWeekdays(dateLib, props.ISOWeek, props.broadcastCalendar, props.today), [dateLib, props.ISOWeek, props.broadcastCalendar, props.today]);
   const isInteractive = mode !== void 0 || onDayClick !== void 0;
-  const handlePreviousClick = React27.useCallback(() => {
+  const handlePreviousClick = React26.useCallback(() => {
     if (!previousMonth)
       return;
     goToMonth(previousMonth);
     onPrevClick?.(previousMonth);
   }, [previousMonth, goToMonth, onPrevClick]);
-  const handleNextClick = React27.useCallback(() => {
+  const handleNextClick = React26.useCallback(() => {
     if (!nextMonth)
       return;
     goToMonth(nextMonth);
     onNextClick?.(nextMonth);
   }, [goToMonth, nextMonth, onNextClick]);
-  const handleDayClick = React27.useCallback((day, m) => (e) => {
+  const handleDayClick = React26.useCallback((day, m) => (e) => {
     e.preventDefault();
     e.stopPropagation();
     setFocused(day);
@@ -7042,15 +7100,15 @@ function DayPicker(initialProps) {
     select?.(day.date, m, e);
     onDayClick?.(day.date, m, e);
   }, [select, onDayClick, setFocused]);
-  const handleDayFocus = React27.useCallback((day, m) => (e) => {
+  const handleDayFocus = React26.useCallback((day, m) => (e) => {
     setFocused(day);
     onDayFocus?.(day.date, m, e);
   }, [onDayFocus, setFocused]);
-  const handleDayBlur = React27.useCallback((day, m) => (e) => {
+  const handleDayBlur = React26.useCallback((day, m) => (e) => {
     blur();
     onDayBlur?.(day.date, m, e);
   }, [blur, onDayBlur]);
-  const handleDayKeyDown = React27.useCallback((day, modifiers) => (e) => {
+  const handleDayKeyDown = React26.useCallback((day, modifiers) => (e) => {
     const keyMap = {
       ArrowLeft: [
         e.shiftKey ? "month" : "day",
@@ -7075,28 +7133,39 @@ function DayPicker(initialProps) {
     }
     onDayKeyDown?.(day.date, modifiers, e);
   }, [moveFocus, onDayKeyDown, props.dir]);
-  const handleDayMouseEnter = React27.useCallback((day, modifiers) => (e) => {
+  const handleDayMouseEnter = React26.useCallback((day, modifiers) => (e) => {
     onDayMouseEnter?.(day.date, modifiers, e);
   }, [onDayMouseEnter]);
-  const handleDayMouseLeave = React27.useCallback((day, modifiers) => (e) => {
+  const handleDayMouseLeave = React26.useCallback((day, modifiers) => (e) => {
     onDayMouseLeave?.(day.date, modifiers, e);
   }, [onDayMouseLeave]);
-  const handleMonthChange = React27.useCallback((date) => (e) => {
+  const handleMonthChange = React26.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 = React27.useCallback((date) => (e) => {
+  const handleYearChange = React26.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 } = React27.useMemo(() => ({
+  const { className, style } = React26.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 rootElRef = React27.useRef(null);
+  const getDropdownStyle = (dropdown) => {
+    const dropdownStyle = styles?.[UI.Dropdown];
+    const specificDropdownStyle = styles?.[dropdown];
+    if (!dropdownStyle && !specificDropdownStyle) {
+      return void 0;
+    }
+    return {
+      ...dropdownStyle,
+      ...specificDropdownStyle
+    };
+  };
+  const rootElRef = React26.useRef(null);
   useAnimation(rootElRef, Boolean(props.animate), {
     classNames,
     months,
@@ -7119,18 +7188,19 @@ function DayPicker(initialProps) {
     labels,
     formatters: formatters2
   };
-  return React27__default.default.createElement(
+  return React26__default.default.createElement(
     dayPickerContext.Provider,
     { value: contextValue },
-    React27__default.default.createElement(
+    React26__default.default.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__default.default.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__default.default.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles?.[UI.Months] },
-        !props.hideNavigation && !navLayout && React27__default.default.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__default.default.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__default.default.createElement(
+          const monthOffset = props.reverseMonths ? months.length - 1 - displayIndex : displayIndex;
+          return React26__default.default.createElement(
             components.Month,
             {
               "data-animated-month": props.animate ? "true" : void 0,
@@ -7141,21 +7211,21 @@ function DayPicker(initialProps) {
               displayIndex,
               calendarMonth
             },
-            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React27__default.default.createElement(
+            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React26__default.default.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__default.default.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__default.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], style: styles?.[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
             ),
-            React27__default.default.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__default.default.createElement(
+            React26__default.default.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__default.default.createElement(
               components.DropdownNav,
               { className: classNames[UI.Dropdowns], style: styles?.[UI.Dropdowns] },
               (() => {
-                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React27__default.default.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__default.default.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
-                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React27__default.default.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__default.default.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
+                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React26__default.default.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__default.default.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
+                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React26__default.default.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__default.default.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
                 const controls = dateLib.getMonthYearOrder() === "year-first" ? [yearControl, monthControl] : [monthControl, yearControl];
                 return controls;
               })(),
-              React27__default.default.createElement("span", { role: "status", "aria-live": "polite", style: {
+              React26__default.default.createElement("span", { role: "status", "aria-live": "polite", style: {
                 border: 0,
                 clip: "rect(0 0 0 0)",
                 height: "1px",
@@ -7167,27 +7237,27 @@ function DayPicker(initialProps) {
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
               } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            ) : React27__default.default.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__default.default.createElement(
+            ) : React26__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.createElement(
+            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && React26__default.default.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__default.default.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__default.default.createElement(
+              !props.hideWeekdays && React26__default.default.createElement(
                 components.Weekdays,
                 { "data-animated-weekdays": props.animate ? "true" : void 0, className: classNames[UI.Weekdays], style: styles?.[UI.Weekdays] },
-                showWeekNumber && React27__default.default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
-                weekdays.map((weekday) => React27__default.default.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__default.default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
+                weekdays.map((weekday) => React26__default.default.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__default.default.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__default.default.createElement(
+              React26__default.default.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__default.default.createElement(
                   components.Week,
                   { className: classNames[UI.Week], key: week.weekNumber, style: styles?.[UI.Week], week },
-                  showWeekNumber && React27__default.default.createElement(components.WeekNumber, { week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
+                  showWeekNumber && React26__default.default.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) => {
@@ -7204,7 +7274,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__default.default.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__default.default.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__default.default.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__default.default.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));
                   })
                 );
               }))
@@ -7212,7 +7282,7 @@ function DayPicker(initialProps) {
           );
         })
       ),
-      props.footer && React27__default.default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
+      props.footer && React26__default.default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
     )
   );
 }
@@ -7313,8 +7383,7 @@ var PopoverContent = ({
   onEscapeKeyDown,
   ...props
 }) => {
-  const isLegacy = useIsLegacyBrand();
-  const effectiveVariant = !isLegacy ? "argo" : "default";
+  const effectiveVariant = useArgoDesign() ? "argo" : "default";
   return /* @__PURE__ */ jsxRuntime.jsx(reactPopover.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     reactPopover.Content,
     {
@@ -7395,9 +7464,9 @@ var Input = ({
   defaultValue,
   ...inputProps
 }) => {
-  const [hasUncontrolledValue, setHasUncontrolledValue] = React27.useState(() => !!defaultValue);
+  const [hasUncontrolledValue, setHasUncontrolledValue] = React26.useState(() => !!defaultValue);
   const hasValue = !!value || hasUncontrolledValue;
-  const inputRef = React27.useRef(null);
+  const inputRef = React26.useRef(null);
   const testId = genInputTestId(prefixTestId);
   const isClearButtonVisible = hasValue && !disabled && !readOnly || !!onClear;
   const handleChange = (event) => {
@@ -7531,11 +7600,11 @@ var DateInput = ({
   variant,
   ...props
 }) => {
-  const [inputValue, setInputValue] = React27.useState("");
-  const [hasFocus, setHasFocus] = React27.useState(false);
-  const [isOpen, setIsOpen] = React27.useState(false);
-  const [internalValue, setInternalValue] = React27.useState(defaultValue ?? null);
-  const [month, setMonth2] = React27.useState(/* @__PURE__ */ new Date());
+  const [inputValue, setInputValue] = React26.useState("");
+  const [hasFocus, setHasFocus] = React26.useState(false);
+  const [isOpen, setIsOpen] = React26.useState(false);
+  const [internalValue, setInternalValue] = React26.useState(defaultValue ?? null);
+  const [month, setMonth2] = React26.useState(/* @__PURE__ */ new Date());
   const isControlled = value !== void 0;
   const currentValue = isControlled ? value : internalValue;
   const handleChange = (event) => {
@@ -7721,9 +7790,9 @@ var Link = ({
     )
   );
 };
-var RootFormDataContext = React27.createContext({});
+var RootFormDataContext = React26.createContext({});
 var RootFormDataProvider = RootFormDataContext;
-var useRootFormData = () => React27.use(RootFormDataContext);
+var useRootFormData = () => React26.use(RootFormDataContext);
 var resolveByPath2 = (parts, data) => {
   let current = data;
   for (const part of parts) {
@@ -7794,17 +7863,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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    rawHelp && /* @__PURE__ */ jsxRuntime.jsx(TooltipIcon, { rawHelp }),
+    documentation && /* @__PURE__ */ jsxRuntime.jsx(DocumentationLinkIcon, { documentation })
+  ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(FormGroup, { state: hasErrors ? "error" : "default", children: [
     showLabel && /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: id, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tw-inline-flex tw-items-center tw-gap-1", children: [
       label,
-      rawHelp && /* @__PURE__ */ jsxRuntime.jsx(TooltipIcon, { rawHelp }),
-      documentation && /* @__PURE__ */ jsxRuntime.jsx(DocumentationLinkIcon, { documentation })
+      helpIcons
     ] }) }),
-    !showLabel && (rawHelp || documentation) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center tw-gap-1", children: [
-      rawHelp && /* @__PURE__ */ jsxRuntime.jsx(TooltipIcon, { rawHelp }),
-      documentation && /* @__PURE__ */ jsxRuntime.jsx(DocumentationLinkIcon, { documentation })
-    ] }),
-    children,
+    !showLabel && !isCheckbox && hasHelpIcons && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tw-flex tw-items-center tw-gap-1", children: helpIcons }),
+    isCheckbox && hasHelpIcons ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center tw-gap-1", children: [
+      children,
+      helpIcons
+    ] }) : children,
     rawDescription && /* @__PURE__ */ jsxRuntime.jsx(FormGroup.Help, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { dangerouslySetInnerHTML: { __html: DOMPurify__default.default.sanitize(rawDescription) } }) }),
     hasErrors && /* @__PURE__ */ jsxRuntime.jsx(FormGroup.Help, { children: rawErrors.join(". ") })
   ] });
@@ -8017,8 +8090,8 @@ var rootVariants = classVarianceAuthority.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"
         ],
@@ -8034,7 +8107,7 @@ var rootVariants = classVarianceAuthority.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"
         ]
       }
     }
@@ -8047,7 +8120,7 @@ var indicatorVariants = classVarianceAuthority.cva(["tw-group", "tw-flex", "tw-i
   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"]
@@ -8065,10 +8138,9 @@ function Checkbox({
   tooltipPlacement = "top",
   ...rest
 }) {
-  const fallbackId = React27.useId();
+  const fallbackId = React26.useId();
   const id = idProp?.toString() ?? fallbackId;
-  const isLegacy = useIsLegacyBrand();
-  const styleVariant = !isLegacy ? "argo" : "default";
+  const styleVariant = useArgoDesign() ? "argo" : "default";
   const checkboxElement = /* @__PURE__ */ jsxRuntime.jsx(reactCheckbox.Root, { id, ...rest, className: cn(rootVariants({ variant: styleVariant, className })), children: /* @__PURE__ */ jsxRuntime.jsxs(reactCheckbox.Indicator, { className: cn(indicatorVariants({ variant: styleVariant })), children: [
     /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Check, { className: "tw-hidden tw-size-3 tw-stroke-[4px] group-data-[state=checked]:tw-block" }),
     /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Minus, { className: "tw-hidden tw-size-3 tw-stroke-[4px] group-data-[state=indeterminate]:tw-block" })
@@ -8254,14 +8326,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",
@@ -8467,8 +8541,7 @@ var ComboboxContent = ({
   children,
   ...popupProps
 }) => {
-  const isLegacy = useIsLegacyBrand();
-  const effectiveVariant = !isLegacy ? "argo" : "default";
+  const effectiveVariant = useArgoDesign() ? "argo" : "default";
   return /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
     combobox.Combobox.Positioner,
     {
@@ -8598,7 +8671,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
@@ -8611,7 +8684,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"
             )
           }
@@ -8809,15 +8882,15 @@ var Combobox = ({
   itemToIcon = defaultItemToIcon,
   groupToLabel = defaultGroupToLabel
 }) => {
-  const closeReasonRef = React27.useRef(
+  const closeReasonRef = React26.useRef(
     "none"
   );
-  const [inputValue, setInputValue] = React27.useState(() => {
+  const [inputValue, setInputValue] = React26.useState(() => {
     const initial = value !== void 0 ? value : defaultValue;
     if (initial == null) return "";
     return itemToStringLabelProp?.(initial) ?? toLabel(initial);
   });
-  React27.useEffect(() => {
+  React26.useEffect(() => {
     if (value === void 0) return;
     const label = value === null ? "" : itemToStringLabelProp?.(value) ?? toLabel(value);
     setInputValue((prev) => prev === label ? prev : label);
@@ -8826,7 +8899,7 @@ var Combobox = ({
   const queryLower = query.toLowerCase();
   const itemsProp = _itemsProp ?? [];
   const sampleItem = itemsProp.flatMap((item) => isGroupItem(item) ? item.items : [item])[0];
-  const [createdItems, setCreatedItems] = React27.useState([]);
+  const [createdItems, setCreatedItems] = React26.useState([]);
   const allItems = (() => {
     if (createdItems.length === 0) return itemsProp;
     if (isGroupItems(itemsProp))
@@ -8980,6 +9053,7 @@ var DynamicSelectWidget = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Combobox,
     {
+      variant: "secondary",
       items,
       value: selectedItem ?? null,
       disabled: disabled || readonly,
@@ -9044,16 +9118,16 @@ var PasswordInput = ({
   readOnly,
   ...restInputProps
 }) => {
-  const inputRef = React27.useRef(null);
-  const [internalValue, setInternalValue] = React27.useState(defaultValue ?? "");
+  const inputRef = React26.useRef(null);
+  const [internalValue, setInternalValue] = React26.useState(defaultValue ?? "");
   const isControlled = valueProp !== void 0;
   const value = isControlled ? valueProp ?? "" : internalValue;
   const setValue = (next) => {
     if (!isControlled) setInternalValue(next);
     onValueChange?.(next);
   };
-  const [capsLock, setCapsLock] = React27.useState(false);
-  const [isPasswordVisible, setIsPasswordVisible] = React27.useState(defaultPasswordVisibility);
+  const [capsLock, setCapsLock] = React26.useState(false);
+  const [isPasswordVisible, setIsPasswordVisible] = React26.useState(defaultPasswordVisibility);
   const canClear = allowClear && !!value && !disabled && !readOnly;
   const handleChange = (event) => {
     setValue(event.target.value);
@@ -9167,12 +9241,12 @@ var PasswordWidget = ({
     }
   );
 };
-var RadioGroupContext = React27.createContext({
+var RadioGroupContext = React26.createContext({
   variant: "radio",
   orientation: "horizontal"
 });
 var RadioGroupProvider = RadioGroupContext;
-var useRadioGroupContext = () => React27.use(RadioGroupContext);
+var useRadioGroupContext = () => React26.use(RadioGroupContext);
 var radioVariants = classVarianceAuthority.cva(
   [
     // reset
@@ -9219,7 +9293,7 @@ var radioVariants = classVarianceAuthority.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"
         ]
       }
     }
@@ -9306,7 +9380,7 @@ var radioItemButtonVariants = classVarianceAuthority.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"
         ]
       }
     }
@@ -9337,9 +9411,8 @@ var RadioGroupItem = ({
   ...props
 }) => {
   const { variant } = useRadioGroupContext();
-  const isLegacy = useIsLegacyBrand();
-  const styleVariant = !isLegacy ? "argo" : "default";
-  const id = React27.useId();
+  const styleVariant = useArgoDesign() ? "argo" : "default";
+  const id = React26.useId();
   const item = (() => {
     if (variant === "button")
       return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupItemButton, { styleVariant, ...props, children });
@@ -9537,6 +9610,7 @@ var SelectWidget = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Combobox,
     {
+      variant: "secondary",
       items,
       value: selectedItem ?? null,
       allowClear: !required,
@@ -9566,8 +9640,8 @@ var TemplateWatchWidget = ({ value, onChange, options: widgetOptions }) => {
   const watch = widgetOptions.watch;
   const template = widgetOptions.template;
   const computed = watch && template ? resolveTemplate(template, watch, data) : value ?? "";
-  const lastSetRef = React27.useRef(String(value ?? ""));
-  React27.useEffect(() => {
+  const lastSetRef = React26.useRef(String(value ?? ""));
+  React26.useEffect(() => {
     const computedStr = String(computed);
     if (computedStr !== lastSetRef.current) {
       lastSetRef.current = computedStr;
@@ -10089,8 +10163,8 @@ var RjsfSchemaEditor = ({
   renderMarkdown,
   hasProtectedDefaultBranch = false
 }) => {
-  const schemaJs = React27.useMemo(() => sanitizeSchema(schema), [schema]);
-  const uiSchema = React27.useMemo(
+  const schemaJs = React26.useMemo(() => sanitizeSchema(schema), [schema]);
+  const uiSchema = React26.useMemo(
     () => generateUiSchema(
       schema,
       readOnly,
@@ -10100,23 +10174,23 @@ var RjsfSchemaEditor = ({
     ),
     [schema, readOnly, globalConfig, hasProtectedDefaultBranch]
   );
-  const mergedWidgets = React27.useMemo(() => ({ ...defaultWidgets, ...widgets }), [widgets]);
-  const mergedFields = React27.useMemo(() => ({ ...defaultFields, ...fields }), [fields]);
-  const initialDataRef = React27.useRef(value);
-  const formDataRef = React27.useRef(initialDataRef.current);
-  const [formKey, setFormKey] = React27.useState(0);
-  const [rootFormData, setRootFormData] = React27.useState(initialDataRef.current);
-  const mountedFormDataJsonRef = React27.useRef(null);
-  const isInitialMountRef = React27.useRef(true);
-  React27.useEffect(() => {
+  const mergedWidgets = React26.useMemo(() => ({ ...defaultWidgets, ...widgets }), [widgets]);
+  const mergedFields = React26.useMemo(() => ({ ...defaultFields, ...fields }), [fields]);
+  const initialDataRef = React26.useRef(value);
+  const formDataRef = React26.useRef(initialDataRef.current);
+  const [formKey, setFormKey] = React26.useState(0);
+  const [rootFormData, setRootFormData] = React26.useState(initialDataRef.current);
+  const mountedFormDataJsonRef = React26.useRef(null);
+  const isInitialMountRef = React26.useRef(true);
+  React26.useEffect(() => {
     isInitialMountRef.current = false;
   }, [formKey]);
-  const onChangeRef = React27.useRef(onChange);
+  const onChangeRef = React26.useRef(onChange);
   onChangeRef.current = onChange;
-  const valueRef = React27.useRef(value);
+  const valueRef = React26.useRef(value);
   valueRef.current = value;
-  const lastSentJsonRef = React27.useRef(null);
-  const debouncedOnChange = React27.useMemo(
+  const lastSentJsonRef = React26.useRef(null);
+  const debouncedOnChange = React26.useMemo(
     () => debounce((data) => {
       const dataJson = stableStringify(data);
       const storeJson = stableStringify(valueRef.current);
@@ -10130,8 +10204,8 @@ var RjsfSchemaEditor = ({
     }, 100),
     []
   );
-  React27.useEffect(() => () => debouncedOnChange.cancel(), [debouncedOnChange]);
-  const [prevValue, setPrevValue] = React27.useState(value);
+  React26.useEffect(() => () => debouncedOnChange.cancel(), [debouncedOnChange]);
+  const [prevValue, setPrevValue] = React26.useState(value);
   if (value !== prevValue) {
     setPrevValue(value);
     const incomingJson = stableStringify(value);
@@ -10147,7 +10221,7 @@ var RjsfSchemaEditor = ({
       }
     }
   }
-  const handleChange = React27.useCallback(
+  const handleChange = React26.useCallback(
     (e) => {
       if (!e.formData) return;
       formDataRef.current = e.formData;
@@ -10160,11 +10234,11 @@ var RjsfSchemaEditor = ({
     },
     [debouncedOnChange]
   );
-  const debouncedOnChangeRef = React27.useRef(debouncedOnChange);
+  const debouncedOnChangeRef = React26.useRef(debouncedOnChange);
   debouncedOnChangeRef.current = debouncedOnChange;
-  const setRootFormDataRef = React27.useRef(setRootFormData);
+  const setRootFormDataRef = React26.useRef(setRootFormData);
   setRootFormDataRef.current = setRootFormData;
-  const formContext = React27.useMemo(
+  const formContext = React26.useMemo(
     () => ({
       setFormData: (data) => {
         const merged = { ...formDataRef.current, ...data };
@@ -10183,8 +10257,8 @@ var RjsfSchemaEditor = ({
     []
     // stable — uses refs for all external values
   );
-  const formRef = React27.useRef(null);
-  React27.useEffect(() => {
+  const formRef = React26.useRef(null);
+  React26.useEffect(() => {
     if (onRegisterValidate) {
       onRegisterValidate(() => formRef.current?.validateForm() ?? true);
     }