@clarify-labs/renderer 0.1.0 → 0.2.0

package/output/renderer.css

@@ -81,21 +81,32 @@
     --color-red-500: oklch(63.7% .237 25.331);
     --color-red-700: oklch(50.5% .213 27.518);
     --color-amber-50: oklch(98.7% .022 95.277);
+    --color-amber-100: oklch(96.2% .059 95.617);
     --color-amber-200: oklch(92.4% .12 95.746);
     --color-amber-300: oklch(87.9% .169 91.605);
     --color-amber-400: oklch(82.8% .189 84.429);
     --color-amber-500: oklch(76.9% .188 70.08);
+    --color-amber-600: oklch(66.6% .179 58.318);
     --color-amber-700: oklch(55.5% .163 48.998);
+    --color-amber-900: oklch(41.4% .112 45.904);
+    --color-amber-950: oklch(27.9% .077 45.635);
     --color-emerald-50: oklch(97.9% .021 166.113);
+    --color-emerald-100: oklch(95% .052 163.051);
     --color-emerald-200: oklch(90.5% .093 164.15);
     --color-emerald-300: oklch(84.5% .143 164.978);
     --color-emerald-400: oklch(76.5% .177 163.223);
     --color-emerald-500: oklch(69.6% .17 162.48);
     --color-emerald-600: oklch(59.6% .145 163.225);
     --color-emerald-900: oklch(37.8% .077 168.94);
+    --color-emerald-950: oklch(26.2% .051 172.552);
+    --color-sky-50: oklch(97.7% .013 236.62);
+    --color-sky-100: oklch(95.1% .026 236.824);
     --color-sky-300: oklch(82.8% .111 230.318);
     --color-sky-400: oklch(74.6% .16 232.661);
     --color-sky-500: oklch(68.5% .169 237.323);
+    --color-sky-600: oklch(58.8% .158 241.966);
+    --color-sky-900: oklch(39.1% .09 240.876);
+    --color-sky-950: oklch(29.3% .066 243.157);
     --color-violet-300: oklch(81.1% .111 293.571);
     --color-violet-400: oklch(70.2% .183 293.541);
     --color-violet-500: oklch(60.6% .25 292.717);
@@ -103,9 +114,13 @@
     --color-fuchsia-500: oklch(66.7% .295 322.15);
     --color-pink-300: oklch(82.3% .12 346.018);
     --color-rose-50: oklch(96.9% .015 12.422);
+    --color-rose-100: oklch(94.1% .03 12.58);
     --color-rose-200: oklch(89.2% .058 10.001);
     --color-rose-400: oklch(71.2% .194 13.428);
     --color-rose-500: oklch(64.5% .246 16.439);
+    --color-rose-600: oklch(58.6% .253 17.585);
+    --color-rose-900: oklch(41% .159 10.272);
+    --color-rose-950: oklch(27.1% .105 12.094);
     --color-zinc-50: oklch(98.5% 0 0);
     --color-zinc-100: oklch(96.7% .001 286.375);
     --color-zinc-200: oklch(92% .004 286.32);
@@ -132,6 +147,8 @@
     --text-xs--line-height: 1.5rem;
     --text-sm: .875rem;
     --text-sm--line-height: 1.5rem;
+    --text-base: 1rem;
+    --text-base--line-height: 1.75rem;
     --text-3xl: 1.875rem;
     --text-3xl--line-height: 2.25rem;
     --text-5xl: 3rem;
@@ -674,6 +691,10 @@
     margin-block: calc(var(--spacing) * 6);
   }
 
+  .my-10 {
+    margin-block: calc(var(--spacing) * 10);
+  }
+
   .prose {
     --tw-prose-body: oklch(37% .013 285.805);
     --tw-prose-headings: oklch(21% .006 285.885);
@@ -941,6 +962,10 @@
     margin-bottom: -1px;
   }
 
+  .mb-1 {
+    margin-bottom: var(--spacing);
+  }
+
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }
@@ -1001,11 +1026,26 @@
     display: table;
   }
 
+  .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+
+  .size-5 {
+    width: calc(var(--spacing) * 5);
+    height: calc(var(--spacing) * 5);
+  }
+
   .size-6 {
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
   }
 
+  .size-9 {
+    width: calc(var(--spacing) * 9);
+    height: calc(var(--spacing) * 9);
+  }
+
   .size-12 {
     width: calc(var(--spacing) * 12);
     height: calc(var(--spacing) * 12);
@@ -1467,6 +1507,16 @@
     border-color: var(--color-amber-200);
   }
 
+  .border-amber-500\/20 {
+    border-color: #f99c0033;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-amber-500\/20 {
+      border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
+    }
+  }
+
   .border-emerald-500 {
     border-color: var(--color-emerald-500);
   }
@@ -1485,6 +1535,26 @@
     border-color: var(--color-red-200);
   }
 
+  .border-rose-500\/20 {
+    border-color: #ff235733;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-rose-500\/20 {
+      border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
+    }
+  }
+
+  .border-sky-500\/20 {
+    border-color: #00a5ef33;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-sky-500\/20 {
+      border-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
+    }
+  }
+
   .border-transparent {
     border-color: #0000;
   }
@@ -1503,6 +1573,16 @@
     border-color: var(--color-zinc-200);
   }
 
+  .border-zinc-500\/20 {
+    border-color: #71717b33;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-zinc-500\/20 {
+      border-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent);
+    }
+  }
+
   .border-zinc-700 {
     border-color: var(--color-zinc-700);
   }
@@ -1535,6 +1615,16 @@
     background-color: var(--color-amber-50);
   }
 
+  .bg-amber-50\/70 {
+    background-color: #fffbebb3;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-amber-50\/70 {
+      background-color: color-mix(in oklab, var(--color-amber-50) 70%, transparent);
+    }
+  }
+
   .bg-amber-400\/10 {
     background-color: #fcbb001a;
   }
@@ -1545,6 +1635,10 @@
     }
   }
 
+  .bg-emerald-50 {
+    background-color: var(--color-emerald-50);
+  }
+
   .bg-emerald-50\/50 {
     background-color: #ecfdf580;
   }
@@ -1577,6 +1671,26 @@
     background-color: var(--color-rose-50);
   }
 
+  .bg-rose-50\/70 {
+    background-color: #fff1f2b3;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-rose-50\/70 {
+      background-color: color-mix(in oklab, var(--color-rose-50) 70%, transparent);
+    }
+  }
+
+  .bg-sky-50\/50 {
+    background-color: #f0f9ff80;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-sky-50\/50 {
+      background-color: color-mix(in oklab, var(--color-sky-50) 50%, transparent);
+    }
+  }
+
   .bg-sky-400\/10 {
     background-color: #00bcfe1a;
   }
@@ -1977,6 +2091,11 @@
     line-height: calc(var(--spacing) * 6);
   }
 
+  .text-base {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+
   .text-sm {
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
@@ -2049,10 +2168,22 @@
     color: var(--color-amber-500);
   }
 
+  .text-amber-600 {
+    color: var(--color-amber-600);
+  }
+
   .text-amber-700 {
     color: var(--color-amber-700);
   }
 
+  .text-amber-900 {
+    color: var(--color-amber-900);
+  }
+
+  .text-amber-950 {
+    color: var(--color-amber-950);
+  }
+
   .text-emerald-400 {
     color: var(--color-emerald-400);
   }
@@ -2061,10 +2192,18 @@
     color: var(--color-emerald-500);
   }
 
+  .text-emerald-600 {
+    color: var(--color-emerald-600);
+  }
+
   .text-emerald-900 {
     color: var(--color-emerald-900);
   }
 
+  .text-emerald-950 {
+    color: var(--color-emerald-950);
+  }
+
   .text-fuchsia-500 {
     color: var(--color-fuchsia-500);
   }
@@ -2081,10 +2220,34 @@
     color: var(--color-red-700);
   }
 
+  .text-rose-600 {
+    color: var(--color-rose-600);
+  }
+
+  .text-rose-900 {
+    color: var(--color-rose-900);
+  }
+
+  .text-rose-950 {
+    color: var(--color-rose-950);
+  }
+
   .text-sky-500 {
     color: var(--color-sky-500);
   }
 
+  .text-sky-600 {
+    color: var(--color-sky-600);
+  }
+
+  .text-sky-900 {
+    color: var(--color-sky-900);
+  }
+
+  .text-sky-950 {
+    color: var(--color-sky-950);
+  }
+
   .text-violet-500 {
     color: var(--color-violet-500);
   }
@@ -2230,6 +2393,16 @@
     }
   }
 
+  .ring-emerald-500\/10 {
+    --tw-ring-color: #00bb7f1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-emerald-500\/10 {
+      --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
+    }
+  }
+
   .ring-emerald-500\/20 {
     --tw-ring-color: #00bb7f33;
   }
@@ -2377,6 +2550,10 @@
     --tw-ring-inset: inset;
   }
 
+  :is(.\*\:m-0 > *) {
+    margin: 0;
+  }
+
   @media (hover: hover) {
     .group-hover\:opacity-100:is(:where(.group):hover *) {
       opacity: 1;
@@ -2424,6 +2601,10 @@
   }
 
   @media (hover: hover) {
+    .hover\:border-emerald-300:hover {
+      border-color: var(--color-emerald-300);
+    }
+
     .hover\:border-white\/20:hover {
       border-color: #fff3;
     }
@@ -2520,6 +2701,11 @@
       color: var(--color-zinc-950);
     }
 
+    .hover\:shadow-md:hover {
+      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+
     .hover\:ring-zinc-500:hover {
       --tw-ring-color: var(--color-zinc-500);
     }
@@ -2697,6 +2883,10 @@
       max-width: var(--container-xl);
     }
 
+    .sm\:grid-cols-2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
     .sm\:flex-row {
       flex-direction: row;
     }
@@ -2849,6 +3039,14 @@
       flex: auto;
     }
 
+    .lg\:grid-cols-3 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+
+    .lg\:grid-cols-4 {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+
     .lg\:overflow-y-auto {
       overflow-y: auto;
     }
@@ -2955,6 +3153,16 @@
     }
   }
 
+  .dark\:border-amber-400\/30:where(.dark, .dark *) {
+    border-color: #fcbb004d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:border-amber-400\/30:where(.dark, .dark *) {
+      border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
+    }
+  }
+
   .dark\:border-amber-500\/30:where(.dark, .dark *) {
     border-color: #f99c004d;
   }
@@ -2965,6 +3173,16 @@
     }
   }
 
+  .dark\:border-emerald-400\/30:where(.dark, .dark *) {
+    border-color: #00d2944d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:border-emerald-400\/30:where(.dark, .dark *) {
+      border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
+    }
+  }
+
   .dark\:border-emerald-500\/30:where(.dark, .dark *) {
     border-color: #00bb7f4d;
   }
@@ -2985,6 +3203,26 @@
     }
   }
 
+  .dark\:border-rose-400\/30:where(.dark, .dark *) {
+    border-color: #ff667f4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:border-rose-400\/30:where(.dark, .dark *) {
+      border-color: color-mix(in oklab, var(--color-rose-400) 30%, transparent);
+    }
+  }
+
+  .dark\:border-sky-400\/30:where(.dark, .dark *) {
+    border-color: #00bcfe4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:border-sky-400\/30:where(.dark, .dark *) {
+      border-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent);
+    }
+  }
+
   .dark\:border-white\/10:where(.dark, .dark *) {
     border-color: #ffffff1a;
   }
@@ -3019,6 +3257,16 @@
     }
   }
 
+  .dark\:bg-amber-400\/5:where(.dark, .dark *) {
+    background-color: #fcbb000d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-amber-400\/5:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-amber-400) 5%, transparent);
+    }
+  }
+
   .dark\:bg-amber-500\/10:where(.dark, .dark *) {
     background-color: #f99c001a;
   }
@@ -3039,6 +3287,16 @@
     }
   }
 
+  .dark\:bg-emerald-400\/5:where(.dark, .dark *) {
+    background-color: #00d2940d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-emerald-400\/5:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-emerald-400) 5%, transparent);
+    }
+  }
+
   .dark\:bg-emerald-400\/10:where(.dark, .dark *) {
     background-color: #00d2941a;
   }
@@ -3073,6 +3331,16 @@
     }
   }
 
+  .dark\:bg-rose-400\/5:where(.dark, .dark *) {
+    background-color: #ff667f0d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-rose-400\/5:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-rose-400) 5%, transparent);
+    }
+  }
+
   .dark\:bg-rose-400\/10:where(.dark, .dark *) {
     background-color: #ff667f1a;
   }
@@ -3083,6 +3351,16 @@
     }
   }
 
+  .dark\:bg-sky-400\/5:where(.dark, .dark *) {
+    background-color: #00bcfe0d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-sky-400\/5:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-sky-400) 5%, transparent);
+    }
+  }
+
   .dark\:bg-transparent:where(.dark, .dark *) {
     background-color: #0000;
   }
@@ -3179,6 +3457,16 @@
     background-color: var(--color-zinc-900);
   }
 
+  .dark\:bg-zinc-900\/50:where(.dark, .dark *) {
+    background-color: #18181b80;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-zinc-900\/50:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-zinc-900) 50%, transparent);
+    }
+  }
+
   .dark\:bg-zinc-950:where(.dark, .dark *) {
     background-color: var(--color-zinc-950);
   }
@@ -3258,6 +3546,10 @@
     stroke: var(--color-zinc-600);
   }
 
+  .dark\:text-amber-100:where(.dark, .dark *) {
+    color: var(--color-amber-100);
+  }
+
   .dark\:text-amber-200:where(.dark, .dark *) {
     color: var(--color-amber-200);
   }
@@ -3266,6 +3558,10 @@
     color: var(--color-amber-400);
   }
 
+  .dark\:text-emerald-100:where(.dark, .dark *) {
+    color: var(--color-emerald-100);
+  }
+
   .dark\:text-emerald-200:where(.dark, .dark *) {
     color: var(--color-emerald-200);
   }
@@ -3282,6 +3578,10 @@
     color: var(--color-red-200);
   }
 
+  .dark\:text-rose-100:where(.dark, .dark *) {
+    color: var(--color-rose-100);
+  }
+
   .dark\:text-rose-400:where(.dark, .dark *) {
     color: var(--color-rose-400);
   }
@@ -3290,6 +3590,10 @@
     color: var(--color-rose-500);
   }
 
+  .dark\:text-sky-100:where(.dark, .dark *) {
+    color: var(--color-sky-100);
+  }
+
   .dark\:text-sky-400:where(.dark, .dark *) {
     color: var(--color-sky-400);
   }
@@ -3462,6 +3766,16 @@
       stroke: var(--color-white);
     }
 
+    .dark\:hover\:border-emerald-400\/40:where(.dark, .dark *):hover {
+      border-color: #00d29466;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:hover\:border-emerald-400\/40:where(.dark, .dark *):hover {
+        border-color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent);
+      }
+    }
+
     .dark\:hover\:bg-emerald-400:where(.dark, .dark *):hover {
       background-color: var(--color-emerald-400);
     }

package/output/server.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_AppShell = require("./AppShell-DBgUlirU.cjs");
+const require_AppShell = require("./AppShell-4KB3lU-n.cjs");
 let react = require("react");
 let react_router_dom = require("react-router-dom");
 let react_jsx_runtime = require("react/jsx-runtime");

package/output/server.js

@@ -1,4 +1,4 @@
-import { m as OpenApisContext, p as ClarifyConfigContext, t as AppShell, u as ThemeProvider } from "./AppShell-C_bj6ZhV.js";
+import { m as OpenApisContext, p as ClarifyConfigContext, t as AppShell, u as ThemeProvider } from "./AppShell-Ci894P_0.js";
 import { StrictMode } from "react";
 import { StaticRouter } from "react-router-dom";
 import { jsx } from "react/jsx-runtime";

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "@clarify-labs/renderer",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "license": "AGPL-3.0-only",
   "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/taicode-labs/clarify",
+    "directory": "packages/renderer"
+  },
   "main": "output/index.cjs",
   "module": "output/index.js",
   "types": "output/index.d.ts",
@@ -32,13 +37,6 @@
     "LICENSE",
     "output"
   ],
-  "scripts": {
-    "dev": "vite build --watch",
-    "build": "vite build",
-    "lint": "eslint source/",
-    "lint:fix": "eslint source/ --fix",
-    "typecheck": "tsc -p tsconfig.json --noEmit"
-  },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -67,5 +65,12 @@
     "lucide-react": "^1.20.0",
     "openapi-types": "^12.1.3",
     "zustand": "^5.0.14"
+  },
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "lint": "eslint source/",
+    "lint:fix": "eslint source/ --fix",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
   }
-}
+}