@audere/ui 0.3.0

package/dist/workflow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/surface/Surface.tsx","../../src/workflow/TaskCard.tsx","../../src/workflow/Checklist.tsx","../../src/workflow/ProgressTracker.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"index.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../lib/utils\";\n\nconst surfaceVariants = cva(\n  \"rounded-xl border border-border bg-card text-card-foreground shadow-sm\",\n  {\n    variants: {\n      padding: {\n        none: \"p-0\",\n        sm: \"p-4\",\n        md: \"p-6\",\n      },\n    },\n    defaultVariants: {\n      padding: \"none\",\n    },\n  },\n);\n\nexport type SurfaceProps = React.ComponentProps<\"div\"> &\n  VariantProps<typeof surfaceVariants>;\n\n/**\n * Default elevated panel for tables, metrics, charts, and grouped content.\n * Uses theme CSS variables (`--card`, `--border`); host apps must define :root tokens.\n */\nexport function Surface({ className, padding, ...props }: SurfaceProps) {\n  return (\n    <div\n      data-slot=\"surface\"\n      className={cn(surfaceVariants({ padding }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { surfaceVariants };\n","import type { ReactNode } from \"react\";\n\nimport { Surface } from \"../surface/Surface\";\n\nexport type TaskStatus = \"todo\" | \"in-progress\" | \"done\";\n\nexport type TaskCardProps = {\n  status: TaskStatus;\n  title: string;\n  description?: string;\n  footer?: ReactNode;\n  actions?: ReactNode;\n};\n\nexport function TaskCard({\n  status,\n  title,\n  description,\n  footer,\n  actions,\n}: TaskCardProps) {\n  const statusLabel =\n    status === \"done\" ? \"Completed\" : status === \"in-progress\" ? \"In Progress\" : \"To Do\";\n\n  return (\n    <Surface\n      padding=\"none\"\n      className=\"transition-colors hover:border-primary/30\"\n    >\n      <div className=\"px-5 pb-5 pt-5\">\n        <div className=\"mb-3 flex items-start justify-between gap-3\">\n          <span className=\"inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground\">\n            {statusLabel}\n          </span>\n          {actions}\n        </div>\n        <h3 className=\"mb-1 text-sm font-semibold leading-snug text-foreground\">\n          {title}\n        </h3>\n        {description ? (\n          <p className=\"mb-4 line-clamp-2 text-xs text-muted-foreground\">{description}</p>\n        ) : null}\n        {footer ? (\n          <div className=\"mt-4 border-t border-border pt-4 text-xs text-muted-foreground\">\n            {footer}\n          </div>\n        ) : null}\n      </div>\n    </Surface>\n  );\n}\n","import { Surface } from \"../surface/Surface\";\n\nexport type ChecklistItem = {\n  id: string | number;\n  label: string;\n  status: \"todo\" | \"pending\" | \"done\";\n  meta?: string;\n};\n\nexport type ChecklistProps = {\n  title?: string;\n  items: ChecklistItem[];\n};\n\nexport function Checklist({ title, items }: ChecklistProps) {\n  return (\n    <Surface padding=\"none\">\n      {title ? (\n        <div className=\"flex items-center justify-between rounded-t-[inherit] border-b border-border bg-muted/50 px-4 py-3\">\n          <h3 className=\"text-sm font-semibold text-foreground\">{title}</h3>\n        </div>\n      ) : null}\n      <div className=\"p-2\">\n        {items.map((item) => (\n          <div\n            key={item.id}\n            className=\"group flex cursor-pointer items-start gap-3 rounded-md p-3 transition-colors hover:bg-muted/60\"\n          >\n            <div className=\"mt-0.5 h-5 w-5 rounded-full border border-border group-hover:border-primary\" />\n            <div className=\"min-w-0 flex-1\">\n              <p\n                className={\n                  item.status === \"done\"\n                    ? \"text-sm font-medium text-muted-foreground line-through\"\n                    : \"text-sm font-medium text-foreground\"\n                }\n              >\n                {item.label}\n              </p>\n              {item.meta ? (\n                <p className=\"mt-0.5 text-xs text-muted-foreground\">{item.meta}</p>\n              ) : null}\n            </div>\n          </div>\n        ))}\n      </div>\n    </Surface>\n  );\n}\n","import { Surface } from \"../surface/Surface\";\n\nexport type ProgressStep = {\n  id: string | number;\n  title: string;\n  description?: string;\n  state: \"complete\" | \"current\" | \"upcoming\";\n};\n\nexport type ProgressTrackerProps = {\n  title?: string;\n  steps: ProgressStep[];\n};\n\nexport function ProgressTracker({ title, steps }: ProgressTrackerProps) {\n  return (\n    <Surface padding=\"none\">\n      {title ? (\n        <div className=\"px-4 pb-2 pt-4\">\n          <h3 className=\"text-sm font-medium text-foreground\">{title}</h3>\n        </div>\n      ) : null}\n      <div className=\"space-y-6 px-4 pb-6 pt-2\">\n        <div className=\"relative ml-3 space-y-6 border-l-2 border-border\">\n          {steps.map((step) => (\n            <div key={step.id} className=\"relative pl-6\">\n              <div className=\"absolute -left-[9px] top-1 flex h-4 w-4 items-center justify-center rounded-full border-2 border-border bg-card\">\n                {step.state === \"complete\" ? (\n                  <div className=\"h-2 w-2 rounded-full bg-primary\" />\n                ) : null}\n                {step.state === \"current\" ? (\n                  <div className=\"h-2 w-2 animate-pulse rounded-full bg-primary/80\" />\n                ) : null}\n              </div>\n              <h4 className=\"text-sm font-semibold text-foreground\">{step.title}</h4>\n              {step.description ? (\n                <p className=\"mt-1 text-xs text-muted-foreground\">{step.description}</p>\n              ) : null}\n            </div>\n          ))}\n        </div>\n      </div>\n    </Surface>\n  );\n}\n"]}

package/package.json

@@ -0,0 +1,108 @@
+{
+  "name": "@audere/ui",
+  "version": "0.3.0",
+  "description": "Shared Audere UI components and design primitives",
+  "type": "module",
+  "sideEffects": false,
+  "private": false,
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./data": {
+      "types": "./dist/data/index.d.ts",
+      "import": "./dist/data/index.js",
+      "default": "./dist/data/index.js"
+    },
+    "./charts": {
+      "types": "./dist/charts/index.d.ts",
+      "import": "./dist/charts/index.js",
+      "default": "./dist/charts/index.js"
+    },
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "import": "./dist/theme/index.js",
+      "default": "./dist/theme/index.js"
+    },
+    "./workflow": {
+      "types": "./dist/workflow/index.d.ts",
+      "import": "./dist/workflow/index.js",
+      "default": "./dist/workflow/index.js"
+    },
+    "./ai": {
+      "types": "./dist/ai/index.d.ts",
+      "import": "./dist/ai/index.js",
+      "default": "./dist/ai/index.js"
+    },
+    "./primitives": {
+      "types": "./dist/primitives/index.d.ts",
+      "import": "./dist/primitives/index.js",
+      "default": "./dist/primitives/index.js"
+    },
+    "./lib/utils": {
+      "types": "./dist/lib/utils.d.ts",
+      "import": "./dist/lib/utils.js",
+      "default": "./dist/lib/utils.js"
+    },
+    "./surface": {
+      "types": "./dist/surface/index.d.ts",
+      "import": "./dist/surface/index.js",
+      "default": "./dist/surface/index.js"
+    },
+    "./composition": {
+      "types": "./dist/composition/index.d.ts",
+      "import": "./dist/composition/index.js",
+      "default": "./dist/composition/index.js"
+    },
+    "./layout": {
+      "types": "./dist/layout/index.d.ts",
+      "import": "./dist/layout/index.js",
+      "default": "./dist/layout/index.js"
+    }
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "npm run clean && tsup",
+    "typecheck": "tsc --noEmit -p tsconfig.build.json",
+    "prepublishOnly": "npm run build && npm run typecheck"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-router": "^7.0.0",
+    "lucide-react": "^0.400.0",
+    "@radix-ui/react-slot": "^1.0.0",
+    "@radix-ui/react-tabs": "^1.0.0",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.0.0",
+    "tailwind-merge": "^2.0.0",
+    "recharts": "^2.0.0"
+  },
+  "peerDependenciesMeta": {
+    "recharts": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "typescript": "^5.8.3",
+    "tsup": "^8.2.4",
+    "rimraf": "^6.0.1",
+    "@types/react": "^18.3.23",
+    "@types/react-dom": "^18.3.7",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "recharts": "^2.15.4"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  }
+}