@orangecheck/app-design 1.2.2 → 1.3.0

package/dist/components.mjs

@@ -4,11 +4,11 @@ import { extendTailwindMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { ChevronDown, Check, Search, Copy, ArrowUpRight, ArrowRight, ChevronRight, CornerDownLeft, Download, FileText, Upload, ArrowLeft, Lock, CircleDashed, CircleMinus, Clock, CircleX, CircleCheck } from 'lucide-react';
+import { ChevronDown, Check, Search, Copy, ArrowUpRight, ArrowRight, ChevronRight, CornerDownLeft, Download, FileText, Upload, ArrowLeft, Lock, CircleDashed, CircleMinus, CircleSlash, Clock, CircleX, CircleCheck } from 'lucide-react';
 import { Slot } from '@radix-ui/react-slot';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import 'sonner';
-import Link from 'next/link.js';
+import Link from 'next/link';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
@@ -2941,16 +2941,17 @@ var Label = forwardRef(function Label2({ className, ...props }, ref) {
     }
   );
 });
-function Field({ label, hint, optional, error, children, className, hideLabel, action }) {
-  const id = useId();
+function Field({ label, hint, optional, error, children, id: fixedId, className, hideLabel, action }) {
+  const generated = 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 = isValidElement(children) ? 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) : isValidElement(children) ? cloneElement(children, { ...wiring }) : 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: [
@@ -3323,6 +3324,7 @@ var CHECK = {
   ok: { word: "Passed", icon: /* @__PURE__ */ jsx(CircleCheck, {}), tone: "text-success" },
   fail: { word: "Failed", icon: /* @__PURE__ */ jsx(CircleX, {}), tone: "text-destructive" },
   pending: { word: "Pending", icon: /* @__PURE__ */ jsx(Clock, {}), tone: "text-oca-accent-ink" },
+  none: { word: "None", icon: /* @__PURE__ */ jsx(CircleSlash, {}), tone: "text-muted-foreground" },
   skipped: { word: "Skipped", icon: /* @__PURE__ */ jsx(CircleMinus, {}), tone: "text-muted-foreground" },
   unchecked: { word: "Not checked", icon: /* @__PURE__ */ jsx(CircleDashed, {}), tone: "text-oca-subtle" }
 };
@@ -3345,8 +3347,8 @@ function VerifyReport({
       children: [
         /* @__PURE__ */ jsxs("header", { className: "flex flex-col items-start gap-3 p-6 md:p-8", children: [
           /* @__PURE__ */ jsx(StatusBadge, { status: verdict }),
-          /* @__PURE__ */ jsx(Heading, { className: "oca-display-3", children: title }),
-          summary ? /* @__PURE__ */ jsx("p", { className: "oca-body max-w-[40rem]", children: summary }) : null
+          /* @__PURE__ */ jsx(Heading, { className: "oca-display-3 [overflow-wrap:anywhere]", children: title }),
+          summary ? /* @__PURE__ */ jsx("p", { className: "oca-body max-w-[40rem] [overflow-wrap:anywhere]", children: summary }) : null
         ] }),
         /* @__PURE__ */ jsx("ul", { "aria-label": "Checks", className: "divide-y divide-border border-t border-border", children: checks.map((c, i) => {
           const k = CHECK[c.state];