@coresystems/ui-kit 0.1.0

package/README.md

@@ -0,0 +1,51 @@
+# @coresystems/ui-kit
+
+React component library, design tokens, and charts for coresystems.
+
+## Installation
+
+```bash
+pnpm add @coresystems/ui-kit
+```
+
+For charts, also install the optional peer dependency:
+
+```bash
+pnpm add recharts
+```
+
+## Usage
+
+### Components
+
+```tsx
+import { Button } from '@coresystems/ui-kit/components';
+
+<Button variant='primary' size='md'>Click me</Button>
+```
+
+### Design Tokens
+
+```ts
+import { colors, spacing, typography } from '@coresystems/ui-kit/tokens';
+```
+
+### Charts
+
+```tsx
+import { LineChart } from '@coresystems/ui-kit/charts';
+```
+
+## Subpath Exports
+
+| Import | Description |
+|--------|-------------|
+| `@coresystems/ui-kit` | Re-exports everything |
+| `@coresystems/ui-kit/components` | React UI components |
+| `@coresystems/ui-kit/tokens` | Design tokens (colors, spacing, typography) |
+| `@coresystems/ui-kit/charts` | Chart components (requires `recharts`) |
+
+## Requirements
+
+- React 18.2+ or 19+
+- Node.js 22.12+

package/dist/Button-2sDtGC4a.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),r=require("./colors-CLrPlKf3.cjs"),b={sm:{padding:"0.25rem 0.75rem",fontSize:"0.875rem",height:"2rem"},md:{padding:"0.5rem 1rem",fontSize:"1rem",height:"2.5rem"},lg:{padding:"0.75rem 1.5rem",fontSize:"1.125rem",height:"3rem"}},u={primary:{background:r.colors.brand.primary,color:"#fff",border:"none"},secondary:{background:"transparent",color:r.colors.brand.primary,border:`1px solid ${r.colors.brand.primary}`},ghost:{background:"transparent",color:r.colors.neutral[700],border:"none"},danger:{background:r.colors.semantic.error,color:"#fff",border:"none"}},p=({children:t,variant:i="primary",size:s="md",loading:e=!1,fullWidth:a=!1,disabled:d,style:c,...l})=>{const o=d||e,m={...b[s],...u[i],cursor:o?"not-allowed":"pointer",opacity:o?.6:1,width:a?"100%":void 0,display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:"0.375rem",fontWeight:500,transition:"opacity 0.15s ease",boxSizing:"border-box",...c};return n.jsx("button",{type:"button",disabled:o,style:m,"aria-busy":e,...l,children:e?n.jsx("span",{"aria-hidden":"true",children:"…"}):t})};exports.Button=p;

package/dist/Button-D8bzLGuo.js

@@ -0,0 +1,45 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as r } from "./colors-Cwz6P253.js";
+const b = {
+  sm: { padding: "0.25rem 0.75rem", fontSize: "0.875rem", height: "2rem" },
+  md: { padding: "0.5rem 1rem", fontSize: "1rem", height: "2.5rem" },
+  lg: { padding: "0.75rem 1.5rem", fontSize: "1.125rem", height: "3rem" }
+}, p = {
+  primary: { background: r.brand.primary, color: "#fff", border: "none" },
+  secondary: {
+    background: "transparent",
+    color: r.brand.primary,
+    border: `1px solid ${r.brand.primary}`
+  },
+  ghost: { background: "transparent", color: r.neutral[700], border: "none" },
+  danger: { background: r.semantic.error, color: "#fff", border: "none" }
+}, g = ({
+  children: t,
+  variant: i = "primary",
+  size: a = "md",
+  loading: e = !1,
+  fullWidth: s = !1,
+  disabled: d,
+  style: m,
+  ...c
+}) => {
+  const n = d || e, l = {
+    ...b[a],
+    ...p[i],
+    cursor: n ? "not-allowed" : "pointer",
+    opacity: n ? 0.6 : 1,
+    width: s ? "100%" : void 0,
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "0.375rem",
+    fontWeight: 500,
+    transition: "opacity 0.15s ease",
+    boxSizing: "border-box",
+    ...m
+  };
+  return /* @__PURE__ */ o("button", { type: "button", disabled: n, style: l, "aria-busy": e, ...c, children: e ? /* @__PURE__ */ o("span", { "aria-hidden": "true", children: "…" }) : t });
+};
+export {
+  g as B
+};

package/dist/charts/index.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/charts/index.mjs

@@ -0,0 +1 @@
+

package/dist/colors-CLrPlKf3.cjs

@@ -0,0 +1 @@
+"use strict";const F={brand:{primary:"#0066CC",secondary:"#004499",accent:"#FF6B35"},neutral:{0:"#FFFFFF",50:"#F8F9FA",100:"#F1F3F5",200:"#E9ECEF",300:"#DEE2E6",400:"#CED4DA",500:"#ADB5BD",600:"#6C757D",700:"#495057",800:"#343A40",900:"#212529",1e3:"#000000"},semantic:{success:"#2D9D5C",warning:"#F59E0B",error:"#DC2626",info:"#0EA5E9"}};exports.colors=F;

package/dist/colors-Cwz6P253.js

@@ -0,0 +1,30 @@
+const F = {
+  brand: {
+    primary: "#0066CC",
+    secondary: "#004499",
+    accent: "#FF6B35"
+  },
+  neutral: {
+    0: "#FFFFFF",
+    50: "#F8F9FA",
+    100: "#F1F3F5",
+    200: "#E9ECEF",
+    300: "#DEE2E6",
+    400: "#CED4DA",
+    500: "#ADB5BD",
+    600: "#6C757D",
+    700: "#495057",
+    800: "#343A40",
+    900: "#212529",
+    1e3: "#000000"
+  },
+  semantic: {
+    success: "#2D9D5C",
+    warning: "#F59E0B",
+    error: "#DC2626",
+    info: "#0EA5E9"
+  }
+};
+export {
+  F as c
+};

package/dist/components/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Button-2sDtGC4a.cjs");exports.Button=t.Button;

package/dist/components/index.mjs

@@ -0,0 +1,4 @@
+import { B as r } from "../Button-D8bzLGuo.js";
+export {
+  r as Button
+};

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Button-2sDtGC4a.cjs"),o=require("./colors-CLrPlKf3.cjs"),t=require("./tokens/index.cjs");exports.Button=e.Button;exports.colors=o.colors;exports.fontFamily=t.fontFamily;exports.fontSize=t.fontSize;exports.fontWeight=t.fontWeight;exports.lineHeight=t.lineHeight;exports.spacing=t.spacing;

package/dist/index.mjs

@@ -0,0 +1,12 @@
+import { B as e } from "./Button-D8bzLGuo.js";
+import { c as f } from "./colors-Cwz6P253.js";
+import { fontFamily as n, fontSize as a, fontWeight as m, lineHeight as p, spacing as s } from "./tokens/index.mjs";
+export {
+  e as Button,
+  f as colors,
+  n as fontFamily,
+  a as fontSize,
+  m as fontWeight,
+  p as lineHeight,
+  s as spacing
+};

package/dist/tokens/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../colors-CLrPlKf3.cjs"),r={0:"0rem",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",8:"2rem",10:"2.5rem",12:"3rem",16:"4rem",20:"5rem",24:"6rem"},o={sans:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",mono:"'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace"},m={xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem"},t={regular:400,medium:500,semibold:600,bold:700},n={tight:"1.25",normal:"1.5",relaxed:"1.75"};exports.colors=e.colors;exports.fontFamily=o;exports.fontSize=m;exports.fontWeight=t;exports.lineHeight=n;exports.spacing=r;

package/dist/tokens/index.mjs

@@ -0,0 +1,45 @@
+import { c as a } from "../colors-Cwz6P253.js";
+const e = {
+  0: "0rem",
+  1: "0.25rem",
+  2: "0.5rem",
+  3: "0.75rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  8: "2rem",
+  10: "2.5rem",
+  12: "3rem",
+  16: "4rem",
+  20: "5rem",
+  24: "6rem"
+}, m = {
+  sans: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+  mono: "'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace"
+}, r = {
+  xs: "0.75rem",
+  sm: "0.875rem",
+  md: "1rem",
+  lg: "1.125rem",
+  xl: "1.25rem",
+  "2xl": "1.5rem",
+  "3xl": "1.875rem",
+  "4xl": "2.25rem"
+}, o = {
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700
+}, s = {
+  tight: "1.25",
+  normal: "1.5",
+  relaxed: "1.75"
+};
+export {
+  a as colors,
+  m as fontFamily,
+  r as fontSize,
+  o as fontWeight,
+  s as lineHeight,
+  e as spacing
+};

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@coresystems/ui-kit",
+  "version": "0.1.0",
+  "private": false,
+  "description": "React component library and design tokens for coresystems",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.mjs",
+      "require": "./dist/components/index.cjs"
+    },
+    "./charts": {
+      "types": "./dist/charts/index.d.ts",
+      "import": "./dist/charts/index.mjs",
+      "require": "./dist/charts/index.cjs"
+    },
+    "./tokens": {
+      "types": "./dist/tokens/index.d.ts",
+      "import": "./dist/tokens/index.mjs",
+      "require": "./dist/tokens/index.cjs"
+    }
+  },
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.4",
+    "jsdom": "^28.0.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.18",
+    "@coresystems/config-typescript": "0.1.0",
+    "@coresystems/config-vite": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0",
+    "recharts": "^2.13.0"
+  },
+  "peerDependenciesMeta": {
+    "recharts": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}