@invergent/ui-sdk 0.0.0-stage → 2.19.0

package/dist/toggle.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Toggle as Toggle$1 } from 'radix-ui';
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+/**
+ * The Work filter pill (a row of them filters a list: "All channels",
+ * "Slack 3"…). An empty filter stays clickable, just quieter.
+ */
+declare function FilterPill({ on, onClick, dim, className, ...props }: Omit<React.ComponentProps<typeof Toggle$1.Root>, "pressed" | "onPressedChange" | "onClick"> & {
+    on: boolean;
+    onClick: () => void;
+    /** Nothing behind it yet: still clickable, just quieter. */
+    dim?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { FilterPill, Toggle, toggleVariants };

package/dist/toggle.js

@@ -0,0 +1,4 @@
+export { FilterPill, Toggle, toggleVariants } from './chunk-CPAFEXKR.js';
+import './chunk-LZGII7SX.js';
+//# sourceMappingURL=toggle.js.map
+//# sourceMappingURL=toggle.js.map

package/dist/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"toggle.js"}

package/dist/tokens.css

@@ -0,0 +1,77 @@
+/* Surogate's design tokens: plain CSS custom properties, read by every app.
+   The Tailwind apps map them to utilities in theme.css; the desktop shell,
+   which has no Tailwind, reads them directly.
+
+   Colours are Claude Desktop's neutrals (its cds tokens), with our amber as
+   the brand where Claude has its orange. Surfaces climb from the sidebar to
+   the page to panels and raised fields; fills and borders are the text
+   colour at 5, 10 and 20%.
+
+   Each colour is defined once, as light-dark(<light>, <dark>), and the
+   root's color-scheme picks the half: the system's by default, so the first
+   frame already follows it; the `light`/`dark` class (next-themes) or
+   data-theme (the desktop shell) once the app has chosen. It also paints
+   browser UI — a native <select>'s list, scrollbars — to match. */
+
+:root {
+  color-scheme: light dark;
+
+  --serif: "Fraunces Variable", "Fraunces", "Times New Roman", serif;
+  --sans: "Inter Variable", "Inter", system-ui, sans-serif;
+  --mono: "JetBrains Mono Variable", "JetBrains Mono", "Courier New", monospace;
+  --radius: 0.625rem;
+
+  /* Sidebar #f9f9f7 / #0b0b0b, page #fcfcfb / #151515, panels #fff /
+     #1a1a19, raised fields and popovers #fff / #20201f. */
+  --background: light-dark(#fcfcfb, #151515);
+  --foreground: light-dark(#0b0b0b, #f0efec);
+  --card: light-dark(#ffffff, #1a1a19);
+  --card-foreground: light-dark(#0b0b0b, #f0efec);
+  /* App chrome: the navbar and page headers. */
+  --surface: light-dark(#f9f9f7, #0b0b0b);
+  --popover: light-dark(#ffffff, #20201f);
+  --popover-foreground: light-dark(#0b0b0b, #f0efec);
+  --primary: #f59e0b;
+  --primary-foreground: #0b0e14;
+  --secondary: light-dark(rgb(11 11 11 / 5%), rgb(255 255 255 / 5%));
+  --secondary-foreground: light-dark(#0b0b0b, #f0efec);
+  --muted: light-dark(rgb(11 11 11 / 5%), rgb(255 255 255 / 5%));
+  /* Claude's muted tone; its gray-500 in light, kept at AA contrast there. */
+  --muted-foreground: light-dark(#6d6b67, #898781);
+  --accent: light-dark(rgb(11 11 11 / 10%), rgb(255 255 255 / 10%));
+  --accent-foreground: light-dark(#0b0b0b, #f0efec);
+  --accent-amber: #f59e0b;
+  --destructive: #ef4444;
+  --border: light-dark(rgb(11 11 11 / 10%), rgb(255 255 255 / 10%));
+  --input: light-dark(rgb(11 11 11 / 20%), rgb(255 255 255 / 20%));
+  --ring: #898781;
+  --chart-1: #ffdf20;
+  --chart-2: #f0b100;
+  --chart-3: #d08700;
+  --chart-4: #a65f00;
+  --chart-5: #894b00;
+  --sidebar: light-dark(#f9f9f7, #0b0b0b);
+  --sidebar-foreground: light-dark(#0b0b0b, #f0efec);
+  --sidebar-primary: light-dark(#20201f, #f59e0b);
+  --sidebar-primary-foreground: light-dark(#fcfcfb, #0b0e14);
+  --sidebar-accent: light-dark(rgb(11 11 11 / 10%), rgb(255 255 255 / 10%));
+  --sidebar-accent-foreground: light-dark(#0b0b0b, #f0efec);
+  --sidebar-border: light-dark(rgb(11 11 11 / 10%), rgb(255 255 255 / 10%));
+  --sidebar-ring: #898781;
+  --line: light-dark(rgb(11 11 11 / 10%), rgb(255 255 255 / 10%));
+  --subtle: light-dark(#6d6b67, #898781);
+  --faint: light-dark(#898781, #6d6b67);
+  --success: #22c55e;
+}
+
+/* Not only on the root: light-dark() resolves on each element against its
+   own color-scheme, so a region marked dark inside a light page turns too. */
+.light,
+[data-theme="light"] {
+  color-scheme: light;
+}
+
+.dark,
+[data-theme="dark"] {
+  color-scheme: dark;
+}

package/dist/tooltip.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var chunkDSDDDYG3_cjs = require('./chunk-DSDDDYG3.cjs');
+require('./chunk-6YHDDRIM.cjs');
+
+
+
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunkDSDDDYG3_cjs.Tooltip; }
+});
+Object.defineProperty(exports, "TooltipContent", {
+  enumerable: true,
+  get: function () { return chunkDSDDDYG3_cjs.TooltipContent; }
+});
+Object.defineProperty(exports, "TooltipProvider", {
+  enumerable: true,
+  get: function () { return chunkDSDDDYG3_cjs.TooltipProvider; }
+});
+Object.defineProperty(exports, "TooltipTrigger", {
+  enumerable: true,
+  get: function () { return chunkDSDDDYG3_cjs.TooltipTrigger; }
+});
+//# sourceMappingURL=tooltip.cjs.map
+//# sourceMappingURL=tooltip.cjs.map

package/dist/tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"tooltip.cjs"}

package/dist/tooltip.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Tooltip as Tooltip$1 } from 'radix-ui';
+
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/tooltip.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Tooltip as Tooltip$1 } from 'radix-ui';
+
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/tooltip.js

@@ -0,0 +1,4 @@
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-IB7LTHEQ.js';
+import './chunk-LZGII7SX.js';
+//# sourceMappingURL=tooltip.js.map
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"tooltip.js"}

package/package.json

@@ -1,6 +1,62 @@
 {
   "name": "@invergent/ui-sdk",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "2.19.0",
+  "description": "Shared theme and UI components for Surogate's web client, chat SDK, desktop and ops console.",
+  "license": "AGPL-3.0-only",
+  "homepage": "https://github.com/invergent-ai/surogates/tree/master/sdk/ui-sdk#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/invergent-ai/surogates.git",
+    "directory": "sdk/ui-sdk"
+  },
+  "type": "module",
+  "exports": {
+    "./theme.css": "./dist/theme.css",
+    "./tokens.css": "./dist/tokens.css",
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.js",
+      "require": "./dist/*.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "scripts": {
+    "build": "tsup && cp src/*.css dist/",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@fontsource-variable/fraunces": "^5.2.9",
+    "@fontsource-variable/inter": "^5.2.8",
+    "@fontsource-variable/jetbrains-mono": "^5.2.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.8.0",
+    "next-themes": "^0.4.6",
+    "radix-ui": "^1.4.3",
+    "recharts": "^3.8.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.6.0"
+  }
+}