@orangecheck/design 0.30.0 → 0.30.1

package/dist/index.mjs

@@ -4,7 +4,7 @@ import * as React2 from 'react';
 import { createContext, useRef, useEffect, useState, useCallback, useMemo, useContext, useId, Fragment as Fragment$1 } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTheme } from 'next-themes';
-import { ChevronDown, Plus, Palette, Check, Sun, Moon, Monitor, Waves, Pause, CheckIcon, CircleIcon, X, XIcon, AlertTriangle, Pencil, ChevronLeft, ChevronRight, ChevronDownIcon, ChevronUpIcon, Maximize2, Copy, HelpCircle, Boxes, CornerDownLeft, Loader2, Menu } from 'lucide-react';
+import { ChevronDown, Plus, Palette, Check, Sun, Moon, Monitor, Waves, Pause, CheckIcon, CircleIcon, X, XIcon, AlertTriangle, Pencil, ChevronLeft, ChevronRight, ChevronDownIcon, ChevronUpIcon, Maximize2, Copy, HelpCircle, Home, RefreshCw, ArrowLeft, Boxes, CornerDownLeft, Loader2, Menu } from 'lucide-react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -3234,14 +3234,22 @@ function OcErrorPage({
         ] }),
         shownActions.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-8 border", children: [
           /* @__PURE__ */ jsx("div", { className: "border-b px-4 py-2 font-mono text-[11px] tracking-widest uppercase", children: "what can you do" }),
-          /* @__PURE__ */ jsx("ul", { className: "divide-y font-mono text-xs", children: shownActions.map((a) => /* @__PURE__ */ jsxs("li", { className: "px-4 py-2", children: [
-            ">> ",
-            a
-          ] }, a)) })
+          /* @__PURE__ */ jsx("ul", { className: "divide-y font-mono text-xs", children: shownActions.map((a, i) => (
+            // Index keys: items are nodes and the list is
+            // static per variant, so there is nothing
+            // better to key on and nothing reorders.
+            /* @__PURE__ */ jsxs("li", { className: "px-4 py-2", children: [
+              ">> ",
+              a
+            ] }, i)
+          )) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "mt-8 flex flex-wrap gap-3", children: [
-          /* @__PURE__ */ jsx(Button, { asChild: true, className: "font-mono", children: /* @__PURE__ */ jsx(Link7, { href: homeHref, children: /* @__PURE__ */ jsx("span", { className: "text-[11px] tracking-widest uppercase", children: "go home" }) }) }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(Button, { asChild: true, className: "font-mono", children: /* @__PURE__ */ jsxs(Link7, { href: homeHref, children: [
+            /* @__PURE__ */ jsx(Home, { className: "mr-2 h-3 w-3" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] tracking-widest uppercase", children: "go home" })
+          ] }) }),
+          /* @__PURE__ */ jsxs(
             Button,
             {
               variant: "outline",
@@ -3251,7 +3259,10 @@ function OcErrorPage({
                 else window.history.back();
               },
               className: "font-mono",
-              children: /* @__PURE__ */ jsx("span", { className: "text-[11px] tracking-widest uppercase", children: isServerError ? "retry" : "go back" })
+              children: [
+                isServerError ? /* @__PURE__ */ jsx(RefreshCw, { className: "mr-2 h-3 w-3" }) : /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2 h-3 w-3" }),
+                /* @__PURE__ */ jsx("span", { className: "text-[11px] tracking-widest uppercase", children: isServerError ? "retry" : "go back" })
+              ]
             }
           )
         ] }),