@caqophony/ui 0.0.0-stage → 0.2.0

package/dist/markdown.d.mts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * MarkdownRenderer Component
+ *
+ * Centralized markdown rendering with Gossamer design system tokens.
+ * Uses @tailwindcss/typography prose classes for base styling,
+ * with semantic token overrides for dark mode compatibility.
+ *
+ * Usage:
+ *   import { MarkdownRenderer } from '@caqophony/ui';
+ *   // or: import { MarkdownRenderer } from '@caqophony/ui/markdown';
+ *   <MarkdownRenderer size="sm">{markdownString}</MarkdownRenderer>
+ *
+ * Authored by Caqophony
+ */
+interface MarkdownRendererProps {
+    children: string;
+    className?: string;
+    /** Typography size — 'sm' for compact (chat, sidebars), 'base' for standard */
+    size?: 'sm' | 'base';
+}
+declare function NonMemoizedMarkdownRenderer({ children, className, size, }: MarkdownRendererProps): react_jsx_runtime.JSX.Element;
+declare const MarkdownRenderer: React.MemoExoticComponent<typeof NonMemoizedMarkdownRenderer>;
+
+export { MarkdownRenderer };

package/dist/markdown.js

@@ -0,0 +1,8 @@
+'use client';
+"use client";
+import {
+  MarkdownRenderer
+} from "./chunk-4YA6BZDJ.js";
+export {
+  MarkdownRenderer
+};

package/package.json

@@ -1,6 +1,76 @@
 {
   "name": "@caqophony/ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.2.0",
+  "description": "Generic, optional React UI reuse library (Gossamer tokens). Centrally maintained by Caqophony.",
+  "license": "MIT",
+  "author": "Caqophony",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/caqophony/caqophony.git",
+    "directory": "packages/ui"
+  },
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "tailwind",
+    "design-system"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "./dist/charts.js"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.js"
+    },
+    "./charts": {
+      "types": "./dist/charts.d.mts",
+      "import": "./dist/charts.js"
+    },
+    "./markdown": {
+      "types": "./dist/markdown.d.mts",
+      "import": "./dist/markdown.js"
+    },
+    "./styles.css": "./styles.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "styles.css",
+    "README.md",
+    "LICENSE"
+  ],
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.1.1",
+    "@radix-ui/react-tooltip": "^1.1.3",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.446.0",
+    "react-markdown": "^9.0.1",
+    "remark-gfm": "^4.0.0",
+    "tailwind-merge": "^2.5.2"
+  },
+  "peerDependencies": {
+    "chart.js": "^4.5.1",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-chartjs-2": "^5.3.1",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "chart.js": {
+      "optional": true
+    },
+    "react-chartjs-2": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/styles.css

@@ -0,0 +1,256 @@
+/* GENERATED by scripts/generate-ui-library-styles.ts from the Gossamer tokens. Do not edit. */
+@source "./dist";
+
+:root {
+  --background: 0 0% 100%;
+  --foreground: 240 10% 4%;
+  --card: 0 0% 100%;
+  --card-foreground: 240 10% 4%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 240 10% 4%;
+  --border: 240 6% 90%;
+  --input: 240 6% 90%;
+  --ring: 240 6% 10%;
+  --muted: 240 5% 96%;
+  --muted-foreground: 240 4% 41%;
+  --secondary: 240 5% 96%;
+  --secondary-foreground: 240 6% 10%;
+  --accent: 240 5% 96%;
+  --accent-foreground: 240 6% 10%;
+  --destructive: 0 84% 60%;
+  --destructive-foreground: 0 0% 100%;
+  --primary: 161 66% 36%;
+  --primary-foreground: 0 0% 100%;
+  --intent-success: 142 71% 45%;
+  --intent-success-fg: 142 72% 25%;
+  --intent-success-border: 142 71% 35%;
+  --intent-warning: 38 92% 50%;
+  --intent-warning-fg: 38 92% 25%;
+  --intent-warning-border: 38 92% 40%;
+  --intent-error: 0 84% 60%;
+  --intent-error-fg: 0 84% 25%;
+  --intent-error-border: 0 84% 50%;
+  --intent-info: 217 91% 60%;
+  --intent-info-fg: 217 91% 25%;
+  --intent-info-border: 217 91% 50%;
+  --status-action: 262 83% 58%;
+  --status-action-fg: 262 83% 25%;
+  --status-waiting: 38 92% 50%;
+  --status-waiting-fg: 38 92% 25%;
+  --status-critical: 0 84% 58%;
+  --status-critical-fg: 0 84% 25%;
+  --status-info: 217 91% 60%;
+  --status-info-fg: 217 91% 25%;
+  --primary-text: 160 66% 27%;
+  --primary-solid: 161 66% 31%;
+  --intent-success-solid: 142 71% 31%;
+  --intent-success-solid-fg: 0 0% 100%;
+  --intent-warning-solid: 38 92% 33%;
+  --intent-warning-solid-fg: 0 0% 100%;
+  --intent-error-solid: 0 84% 50%;
+  --intent-error-solid-fg: 0 0% 100%;
+  --intent-info-solid: 217 91% 53%;
+  --intent-info-solid-fg: 0 0% 100%;
+  --radius: 0.5rem;
+  --opacity-hover: 0.9;
+  --opacity-active: 0.8;
+  --opacity-disabled: 0.5;
+  --opacity-subtle: 0.1;
+  --opacity-overlay: 0.6;
+  --z-sticky: 40;
+  --z-dropdown: 50;
+  --z-overlay: 60;
+  --z-modal: 70;
+  --z-popover: 80;
+  --z-toast: 90;
+  --z-tooltip: 100;
+  --duration-fast: 150ms;
+  --duration-default: 200ms;
+  --duration-slow: 300ms;
+  --duration-drawer: 500ms;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: 240 10% 4%;
+    --foreground: 0 0% 98%;
+    --card: 240 6% 10%;
+    --card-foreground: 0 0% 98%;
+    --popover: 240 6% 10%;
+    --popover-foreground: 0 0% 98%;
+    --border: 240 4% 16%;
+    --input: 240 4% 16%;
+    --ring: 240 5% 65%;
+    --muted: 240 4% 16%;
+    --muted-foreground: 240 5% 65%;
+    --secondary: 240 4% 16%;
+    --secondary-foreground: 0 0% 98%;
+    --accent: 240 4% 16%;
+    --accent-foreground: 0 0% 98%;
+    --destructive: 0 63% 31%;
+    --destructive-foreground: 0 0% 100%;
+    --primary: 161 66% 36%;
+    --primary-foreground: 0 0% 100%;
+    --intent-success: 142 76% 36%;
+    --intent-success-fg: 142 69% 58%;
+    --intent-success-border: 142 71% 45%;
+    --intent-warning: 32 95% 44%;
+    --intent-warning-fg: 43 96% 56%;
+    --intent-warning-border: 38 92% 50%;
+    --intent-error: 0 72% 51%;
+    --intent-error-fg: 0 91% 71%;
+    --intent-error-border: 0 84% 60%;
+    --intent-info: 199 89% 48%;
+    --intent-info-fg: 198 93% 60%;
+    --intent-info-border: 199 89% 48%;
+    --status-action: 262 83% 58%;
+    --status-action-fg: 255 92% 76%;
+    --status-waiting: 32 95% 44%;
+    --status-waiting-fg: 43 96% 56%;
+    --status-critical: 0 72% 51%;
+    --status-critical-fg: 0 91% 71%;
+    --status-info: 199 89% 48%;
+    --status-info-fg: 198 93% 60%;
+    --primary-text: 161 66% 38%;
+    --primary-solid: 161 66% 31%;
+    --intent-success-solid: 142 77% 30%;
+    --intent-success-solid-fg: 0 0% 100%;
+    --intent-warning-solid: 32 95% 36%;
+    --intent-warning-solid-fg: 0 0% 100%;
+    --intent-error-solid: 0 72% 51%;
+    --intent-error-solid-fg: 0 0% 100%;
+    --intent-info-solid: 199 88% 37%;
+    --intent-info-solid-fg: 0 0% 100%;
+  }
+}
+
+@theme inline {
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+  --color-intent-success: hsl(var(--intent-success));
+  --color-intent-success-fg: hsl(var(--intent-success-fg));
+  --color-intent-success-foreground: hsl(var(--intent-success-fg));
+  --color-intent-success-border: hsl(var(--intent-success-border));
+  --color-intent-warning: hsl(var(--intent-warning));
+  --color-intent-warning-fg: hsl(var(--intent-warning-fg));
+  --color-intent-warning-foreground: hsl(var(--intent-warning-fg));
+  --color-intent-warning-border: hsl(var(--intent-warning-border));
+  --color-intent-error: hsl(var(--intent-error));
+  --color-intent-error-fg: hsl(var(--intent-error-fg));
+  --color-intent-error-foreground: hsl(var(--intent-error-fg));
+  --color-intent-error-border: hsl(var(--intent-error-border));
+  --color-intent-info: hsl(var(--intent-info));
+  --color-intent-info-fg: hsl(var(--intent-info-fg));
+  --color-intent-info-foreground: hsl(var(--intent-info-fg));
+  --color-intent-info-border: hsl(var(--intent-info-border));
+  --color-status-action: hsl(var(--status-action));
+  --color-status-action-fg: hsl(var(--status-action-fg));
+  --color-status-action-foreground: hsl(var(--status-action-fg));
+  --color-status-waiting: hsl(var(--status-waiting));
+  --color-status-waiting-fg: hsl(var(--status-waiting-fg));
+  --color-status-waiting-foreground: hsl(var(--status-waiting-fg));
+  --color-status-critical: hsl(var(--status-critical));
+  --color-status-critical-fg: hsl(var(--status-critical-fg));
+  --color-status-critical-foreground: hsl(var(--status-critical-fg));
+  --color-status-info: hsl(var(--status-info));
+  --color-status-info-fg: hsl(var(--status-info-fg));
+  --color-status-info-foreground: hsl(var(--status-info-fg));
+  --color-primary-text: hsl(var(--primary-text));
+  --color-primary-solid: hsl(var(--primary-solid));
+  --color-intent-success-solid: hsl(var(--intent-success-solid));
+  --color-intent-success-solid-fg: hsl(var(--intent-success-solid-fg));
+  --color-intent-success-solid-foreground: hsl(var(--intent-success-solid-fg));
+  --color-intent-warning-solid: hsl(var(--intent-warning-solid));
+  --color-intent-warning-solid-fg: hsl(var(--intent-warning-solid-fg));
+  --color-intent-warning-solid-foreground: hsl(var(--intent-warning-solid-fg));
+  --color-intent-error-solid: hsl(var(--intent-error-solid));
+  --color-intent-error-solid-fg: hsl(var(--intent-error-solid-fg));
+  --color-intent-error-solid-foreground: hsl(var(--intent-error-solid-fg));
+  --color-intent-info-solid: hsl(var(--intent-info-solid));
+  --color-intent-info-solid-fg: hsl(var(--intent-info-solid-fg));
+  --color-intent-info-solid-foreground: hsl(var(--intent-info-solid-fg));
+  --radius-4xl: calc(var(--radius) * 4);
+  --radius-3xl: calc(var(--radius) * 3);
+  --radius-2xl: calc(var(--radius) * 2);
+  --radius-xl: calc(var(--radius) * 1.5);
+  --radius-lg: var(--radius);
+  --radius-md: calc(var(--radius) * 0.75);
+  --radius-sm: calc(var(--radius) * 0.5);
+  --radius-xs: calc(var(--radius) * 0.25);
+  --container-content-sm: 36rem;
+  --container-content-md: 48rem;
+  --container-content-lg: 64rem;
+  --container-content-xl: 75rem;
+}
+
+@theme inline reference {
+  --radius: calc(var(--radius) * 0.5);
+}
+
+@utility z-sticky {
+  z-index: var(--z-sticky);
+}
+@utility z-dropdown {
+  z-index: var(--z-dropdown);
+}
+@utility z-overlay {
+  z-index: var(--z-overlay);
+}
+@utility z-modal {
+  z-index: var(--z-modal);
+}
+@utility z-popover {
+  z-index: var(--z-popover);
+}
+@utility z-toast {
+  z-index: var(--z-toast);
+}
+@utility z-tooltip {
+  z-index: var(--z-tooltip);
+}
+
+@utility opacity-hover {
+  opacity: var(--opacity-hover);
+}
+@utility opacity-active {
+  opacity: var(--opacity-active);
+}
+@utility opacity-disabled {
+  opacity: var(--opacity-disabled);
+}
+@utility opacity-subtle {
+  opacity: var(--opacity-subtle);
+}
+@utility opacity-overlay {
+  opacity: var(--opacity-overlay);
+}
+
+@utility duration-fast {
+  transition-duration: var(--duration-fast);
+}
+@utility duration-default {
+  transition-duration: var(--duration-default);
+}
+@utility duration-slow {
+  transition-duration: var(--duration-slow);
+}
+@utility duration-drawer {
+  transition-duration: var(--duration-drawer);
+}