@orangecheck/app-design 1.2.2 → 1.3.0

package/dist/components.d.mts

@@ -717,7 +717,7 @@ declare function LegalDocument({ doc, className }: {
     className?: string;
 }): react.JSX.Element;
 
-type CheckState = 'ok' | 'fail' | 'pending' | 'skipped' | 'unchecked';
+type CheckState = 'ok' | 'fail' | 'pending' | 'none' | 'skipped' | 'unchecked';
 interface VerifyCheck {
     label: ReactNode;
     state: CheckState;

package/dist/components.d.ts

@@ -717,7 +717,7 @@ declare function LegalDocument({ doc, className }: {
     className?: string;
 }): react.JSX.Element;
 
-type CheckState = 'ok' | 'fail' | 'pending' | 'skipped' | 'unchecked';
+type CheckState = 'ok' | 'fail' | 'pending' | 'none' | 'skipped' | 'unchecked';
 interface VerifyCheck {
     label: ReactNode;
     state: CheckState;

package/dist/components.js

@@ -10,7 +10,7 @@ var lucideReact = require('lucide-react');
 var reactSlot = require('@radix-ui/react-slot');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 require('sonner');
-var Link = require('next/link.js');
+var Link = require('next/link');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var LabelPrimitive = require('@radix-ui/react-label');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
@@ -2973,16 +2973,17 @@ var Label = react.forwardRef(function Label2({ className, ...props }, ref) {
     }
   );
 });
-function Field({ label, hint, optional, error, children, className, hideLabel, action }) {
-  const id = react.useId();
+function Field({ label, hint, optional, error, children, id: fixedId, className, hideLabel, action }) {
+  const generated = react.useId();
+  const id = fixedId ?? generated;
   const hintId = hint ? `${id}-hint` : void 0;
   const errorId = error ? `${id}-error` : void 0;
-  const describedBy = [hintId, errorId].filter(Boolean).join(" ") || void 0;
-  const control = react.isValidElement(children) ? react.cloneElement(children, {
+  const wiring = {
     id,
-    "aria-describedby": describedBy,
+    "aria-describedby": [hintId, errorId].filter(Boolean).join(" ") || void 0,
     "aria-invalid": error ? true : void 0
-  }) : children;
+  };
+  const control = typeof children === "function" ? children(wiring) : react.isValidElement(children) ? react.cloneElement(children, { ...wiring }) : children;
   const hintNode = hint ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: hintId, className: "text-[0.8125rem] leading-snug text-muted-foreground", children: hint }) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Label, { htmlFor: id, className: hideLabel ? "sr-only" : "flex items-baseline gap-2", children: [
@@ -3355,6 +3356,7 @@ var CHECK = {
   ok: { word: "Passed", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheck, {}), tone: "text-success" },
   fail: { word: "Failed", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleX, {}), tone: "text-destructive" },
   pending: { word: "Pending", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, {}), tone: "text-oca-accent-ink" },
+  none: { word: "None", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleSlash, {}), tone: "text-muted-foreground" },
   skipped: { word: "Skipped", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleMinus, {}), tone: "text-muted-foreground" },
   unchecked: { word: "Not checked", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleDashed, {}), tone: "text-oca-subtle" }
 };
@@ -3377,8 +3379,8 @@ function VerifyReport({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col items-start gap-3 p-6 md:p-8", children: [
           /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: verdict }),
-          /* @__PURE__ */ jsxRuntime.jsx(Heading, { className: "oca-display-3", children: title }),
-          summary ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "oca-body max-w-[40rem]", children: summary }) : null
+          /* @__PURE__ */ jsxRuntime.jsx(Heading, { className: "oca-display-3 [overflow-wrap:anywhere]", children: title }),
+          summary ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "oca-body max-w-[40rem] [overflow-wrap:anywhere]", children: summary }) : null
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": "Checks", className: "divide-y divide-border border-t border-border", children: checks.map((c, i) => {
           const k = CHECK[c.state];