@orangecheck/app-design 0.5.5 → 0.5.7

package/dist/index.js

@@ -402,7 +402,7 @@ var Label = react.forwardRef(function Label2({ className, ...props }, ref) {
     }
   );
 });
-function Field({ label, hint, optional, error, children, className, hideLabel }) {
+function Field({ label, hint, optional, error, children, className, hideLabel, action }) {
   const id = react.useId();
   const hintId = hint ? `${id}-hint` : void 0;
   const errorId = error ? `${id}-error` : void 0;
@@ -417,7 +417,10 @@ function Field({ label, hint, optional, error, children, className, hideLabel })
       label,
       optional ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[0.8125rem] font-normal text-muted-foreground", children: "Optional" }) : null
     ] }),
-    control,
+    action ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 [&>*]:w-full", children: control }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: action })
+    ] }) : control,
     hint ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: hintId, className: "text-[0.8125rem] leading-snug text-muted-foreground", children: hint }) : null,
     error ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, role: "alert", className: "text-[0.8125rem] leading-snug text-destructive", children: error }) : null
   ] });
@@ -2207,10 +2210,11 @@ function UsdApprox({
 }) {
   if (sats == null || usdPerBtc == null || !Number.isFinite(sats) || !Number.isFinite(usdPerBtc)) return null;
   const usd = sats / 1e8 * usdPerBtc;
-  const text = new Intl.NumberFormat("en-US", {
+  const text = usd > 0 && usd < 5e-3 ? "< $0.01" : new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD",
-    maximumFractionDigits: usd < 1 ? 4 : 2
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
   }).format(usd);
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("oca-tabular text-muted-foreground", className), children: [
     "\u2248 ",