@orangecheck/design 0.30.0 → 0.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -4,7 +4,7 @@ import * as React2 from 'react';
4
4
  import { createContext, useRef, useEffect, useState, useCallback, useMemo, useContext, useId, Fragment as Fragment$1 } from 'react';
5
5
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
6
6
  import { useTheme } from 'next-themes';
7
- 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';
7
+ 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';
8
8
  import { Slot } from '@radix-ui/react-slot';
9
9
  import { cva } from 'class-variance-authority';
10
10
  import * as LabelPrimitive from '@radix-ui/react-label';
@@ -960,7 +960,6 @@ var OC_GLYPHS = {
960
960
  docs: `<g transform="scale(42.666667 42.666667)"><rect x="3" y="3" width="18" height="18" fill="none"/><rect x="6" y="6" width="12" height="12" fill="none" stroke="__INK__" stroke-width="1.5"/><rect x="8" y="9" width="8" height="1.25" fill="__INK__"/><rect x="8" y="11.5" width="8" height="1.25" fill="__INK__"/><rect x="8" y="14" width="5" height="1.25" fill="__INK__"/></g>`,
961
961
  me: `<g transform="scale(42.666667 42.666667)"><rect x="3" y="3" width="18" height="18" fill="none"/><rect x="6" y="6" width="12" height="12" fill="none" stroke="__INK__" stroke-width="1.5"/><circle cx="12" cy="11" r="2" fill="__INK__"/><path d="M8 16.5 C 8 14.5, 9.5 13.5, 12 13.5 C 14.5 13.5, 16 14.5, 16 16.5" fill="none" stroke="__INK__" stroke-width="1.5" stroke-linecap="square"/></g>`,
962
962
  vault: `<g transform="scale(42.666667 42.666667)"><path d="M8 9 L8 6.5 Q8 3.5 12 3.5 Q16 3.5 16 6.5 L16 9" fill="none" stroke="__INK__" stroke-width="2" stroke-linecap="square"/><rect x="4" y="9" width="16" height="12" fill="none" stroke="__INK__" stroke-width="0.75"/><circle cx="12" cy="14.5" r="2.75" fill="none" stroke="__INK__" stroke-width="1.5"/><rect x="11.4" y="14.5" width="1.2" height="3.25" fill="__INK__"/><rect x="5.5" y="19" width="2.25" height="1.5" fill="__INK__"/><rect x="16.25" y="19" width="2.25" height="1.5" fill="__INK__"/></g>`,
963
- fleet: `<g transform="scale(42.666667 42.666667)"><rect x="3" y="3" width="18" height="18" fill="none"/><rect x="6" y="6" width="12" height="12" fill="none" stroke="__INK__" stroke-width="1.5"/><path d="M8.5 9.5 L11 12 L8.5 14.5" fill="none" stroke="__INK__" stroke-width="1.6" stroke-linejoin="miter" stroke-linecap="square"/><rect x="12" y="14" width="4" height="1.4" fill="__INK__"/></g>`,
964
963
  chat: `<g transform="scale(42.666667 42.666667)"><path d="M5 4 H19 A2 2 0 0 1 21 6 V13 A2 2 0 0 1 19 15 H11 L7 19 V15 H5 A2 2 0 0 1 3 13 V6 A2 2 0 0 1 5 4 Z" fill="none" stroke="__INK__" stroke-width="1.6" stroke-linejoin="round"/><circle cx="8" cy="9.5" r="1.15" fill="__INK__"/><circle cx="12" cy="9.5" r="1.15" fill="__INK__"/><circle cx="16" cy="9.5" r="1.15" fill="__INK__"/></g>`,
965
964
  cosign: `<g transform="scale(42.666667 42.666667)"><rect x="3" y="3" width="18" height="18" fill="none"/><rect x="6" y="6" width="12" height="12" fill="none" stroke="__INK__" stroke-width="1.5"/><circle cx="9.2" cy="10.4" r="1.65" fill="__INK__"/><circle cx="14.8" cy="10.4" r="1.65" fill="__INK__"/><path d="M6.5 16.6 C 6.5 14.9, 7.6 14.1, 9.2 14.1 C 10.8 14.1, 11.9 14.9, 11.9 16.6" fill="none" stroke="__INK__" stroke-width="1.5" stroke-linecap="square"/><path d="M12.1 16.6 C 12.1 14.9, 13.2 14.1, 14.8 14.1 C 16.4 14.1, 17.5 14.9, 17.5 16.6" fill="none" stroke="__INK__" stroke-width="1.5" stroke-linecap="square"/></g>`,
966
965
  lock: `<g transform="scale(42.666667 42.666667)"><path d="M7 11V7.5a5 5 0 0 1 10 0V11" fill="none" stroke="__INK__" stroke-width="2" stroke-linecap="square"/><rect x="4" y="11" width="16" height="10" fill="none" stroke="__INK__" stroke-width="0.75"/><rect x="11" y="14" width="2" height="4" fill="__INK__"/><rect x="10.25" y="14" width="3.5" height="1.5" fill="__INK__"/></g>`,
@@ -992,7 +991,7 @@ function layerStyle(i, relief) {
992
991
  }
993
992
  return { transform: `translateZ(${(-Math.pow(t, 1.4) * relief).toFixed(1)}px)`, color };
994
993
  }
995
- var TILE = /* @__PURE__ */ new Set(["stamp", "pledge", "cosign", "me", "fleet", "docs"]);
994
+ var TILE = /* @__PURE__ */ new Set(["stamp", "pledge", "cosign", "me", "docs"]);
996
995
  var FOCUS = {
997
996
  stamp: "translate(512 512) scale(1.5) translate(-512 -512)",
998
997
  // anchor-cross
@@ -1002,8 +1001,6 @@ var FOCUS = {
1002
1001
  // two figures
1003
1002
  me: "translate(512 512) scale(1.45) translate(-512 -544)",
1004
1003
  // bust, recentered down
1005
- fleet: "translate(512 512) scale(1.5) translate(-512 -512)",
1006
- // play + bar
1007
1004
  docs: "translate(512 512) scale(1.4) translate(-512 -512)",
1008
1005
  // text lines
1009
1006
  vote: "translate(512 512) scale(0.92) translate(-512 -542)",
@@ -1034,7 +1031,6 @@ var SEED = {
1034
1031
  cosign: [1, -3],
1035
1032
  vault: [4, 1],
1036
1033
  me: [-3, 2],
1037
- fleet: [7, -2],
1038
1034
  docs: [0, 0],
1039
1035
  analytics: [-5, 1],
1040
1036
  btc: [4, 3],
@@ -3234,14 +3230,22 @@ function OcErrorPage({
3234
3230
  ] }),
3235
3231
  shownActions.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-8 border", children: [
3236
3232
  /* @__PURE__ */ jsx("div", { className: "border-b px-4 py-2 font-mono text-[11px] tracking-widest uppercase", children: "what can you do" }),
3237
- /* @__PURE__ */ jsx("ul", { className: "divide-y font-mono text-xs", children: shownActions.map((a) => /* @__PURE__ */ jsxs("li", { className: "px-4 py-2", children: [
3238
- ">> ",
3239
- a
3240
- ] }, a)) })
3233
+ /* @__PURE__ */ jsx("ul", { className: "divide-y font-mono text-xs", children: shownActions.map((a, i) => (
3234
+ // Index keys: items are nodes and the list is
3235
+ // static per variant, so there is nothing
3236
+ // better to key on and nothing reorders.
3237
+ /* @__PURE__ */ jsxs("li", { className: "px-4 py-2", children: [
3238
+ ">> ",
3239
+ a
3240
+ ] }, i)
3241
+ )) })
3241
3242
  ] }),
3242
3243
  /* @__PURE__ */ jsxs("div", { className: "mt-8 flex flex-wrap gap-3", children: [
3243
- /* @__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" }) }) }),
3244
- /* @__PURE__ */ jsx(
3244
+ /* @__PURE__ */ jsx(Button, { asChild: true, className: "font-mono", children: /* @__PURE__ */ jsxs(Link7, { href: homeHref, children: [
3245
+ /* @__PURE__ */ jsx(Home, { className: "mr-2 h-3 w-3" }),
3246
+ /* @__PURE__ */ jsx("span", { className: "text-[11px] tracking-widest uppercase", children: "go home" })
3247
+ ] }) }),
3248
+ /* @__PURE__ */ jsxs(
3245
3249
  Button,
3246
3250
  {
3247
3251
  variant: "outline",
@@ -3251,7 +3255,10 @@ function OcErrorPage({
3251
3255
  else window.history.back();
3252
3256
  },
3253
3257
  className: "font-mono",
3254
- children: /* @__PURE__ */ jsx("span", { className: "text-[11px] tracking-widest uppercase", children: isServerError ? "retry" : "go back" })
3258
+ children: [
3259
+ isServerError ? /* @__PURE__ */ jsx(RefreshCw, { className: "mr-2 h-3 w-3" }) : /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2 h-3 w-3" }),
3260
+ /* @__PURE__ */ jsx("span", { className: "text-[11px] tracking-widest uppercase", children: isServerError ? "retry" : "go back" })
3261
+ ]
3255
3262
  }
3256
3263
  )
3257
3264
  ] }),
@@ -3900,13 +3907,6 @@ var ENTRIES = [
3900
3907
  }
3901
3908
  ];
3902
3909
  var OWNER_ENTRIES = [
3903
- {
3904
- slug: "fleet",
3905
- href: "https://fleet.ochk.io",
3906
- label: "oc\xB7fleet",
3907
- sub: "managed \u2014 agent fleet",
3908
- docsHref: "https://fleet.ochk.io"
3909
- },
3910
3910
  {
3911
3911
  slug: "analytics",
3912
3912
  href: "https://analytics.ochk.io",
@@ -4148,15 +4148,6 @@ var FAMILY_PROPERTIES = [
4148
4148
  docsHref: "https://docs.ochk.io/pledge",
4149
4149
  category: "protocol"
4150
4150
  },
4151
- {
4152
- slug: "fleet",
4153
- origin: "https://fleet.ochk.io",
4154
- hostname: "fleet.ochk.io",
4155
- label: "oc\xB7fleet",
4156
- sub: "managed \u2014 agent fleet",
4157
- docsHref: "https://fleet.ochk.io",
4158
- category: "owner"
4159
- },
4160
4151
  {
4161
4152
  slug: "analytics",
4162
4153
  origin: "https://analytics.ochk.io",