@orangecheck/app-design 0.5.7 → 0.5.9

package/dist/index.mjs

@@ -378,16 +378,25 @@ function Field({ label, hint, optional, error, children, className, hideLabel, a
     "aria-describedby": describedBy,
     "aria-invalid": error ? true : void 0
   }) : children;
+  const hintNode = hint ? /* @__PURE__ */ jsx("p", { id: hintId, className: "text-[0.8125rem] leading-snug text-muted-foreground", children: hint }) : null;
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs(Label, { htmlFor: id, className: hideLabel ? "sr-only" : "flex items-baseline gap-2", children: [
       label,
       optional ? /* @__PURE__ */ jsx("span", { className: "text-[0.8125rem] font-normal text-muted-foreground", children: "Optional" }) : null
     ] }),
-    action ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start", children: [
-      /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 [&>*]:w-full", children: control }),
-      /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action })
-    ] }) : control,
-    hint ? /* @__PURE__ */ jsx("p", { id: hintId, className: "text-[0.8125rem] leading-snug text-muted-foreground", children: hint }) : null,
+    action ? (
+      // The hint belongs to the input, so it sits under the input, not under the button.
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-2 [&>input]:w-full", children: [
+          control,
+          hintNode
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action })
+      ] })
+    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      control,
+      hintNode
+    ] }),
     error ? /* @__PURE__ */ jsx("p", { id: errorId, role: "alert", className: "text-[0.8125rem] leading-snug text-destructive", children: error }) : null
   ] });
 }
@@ -2053,11 +2062,7 @@ function SplitBar({
         children: /* @__PURE__ */ jsxs(
           "span",
           {
-            className: cn(
-              "oca-tabular leading-none tracking-[-0.02em]",
-              // A small share gets a smaller figure, so it fits its segment at any width.
-              s.pct < 30 ? "text-[1.125rem] md:text-[1.375rem]" : "text-[1.25rem] md:text-[1.875rem]"
-            ),
+            className: "oca-tabular text-[1.125rem] leading-none tracking-[-0.02em] md:text-[1.5rem]",
             children: [
               s.pct,
               "%"
@@ -2531,6 +2536,7 @@ function AppShell({
   nav,
   sections,
   activeSection,
+  page: pageOverride,
   persistent = [],
   home = "/",
   account,
@@ -2545,8 +2551,11 @@ function AppShell({
   warnDuplicateLabels(groups);
   const page = activeItem(groups);
   const place = useMemo(
-    () => ({ section: current ? current.title ?? current.label : void 0, page: page?.label }),
-    [current, page?.label]
+    () => ({
+      section: current ? current.title ?? current.label : void 0,
+      page: pageOverride ?? page?.label
+    }),
+    [current, page?.label, pageOverride]
   );
   const switcher = sections && current && sections.length > 1 ? /* @__PURE__ */ jsx(SectionSwitch, { sections, current, onNavigate: () => setOpen(false) }) : null;
   return /* @__PURE__ */ jsx(ShellContext.Provider, { value: place, children: /* @__PURE__ */ jsxs("div", { className: cn("min-h-dvh bg-background", className), children: [