@gouno/ui 0.3.2

package/dist/tokens.css

@@ -0,0 +1,164 @@
+@theme inline {
+  --font-sans:
+    "Inter Variable", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
+  --font-mono: "JetBrains Mono", ui-monospace, monospace;
+  --color-background: var(--background);
+  --color-canvas: var(--canvas);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--foreground);
+  --color-raised: var(--raised);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-success: var(--success);
+  --color-success-subtle: var(--success-subtle);
+  --color-warning: var(--warning);
+  --color-warning-subtle: var(--warning-subtle);
+  --color-info: var(--info);
+  --color-info-subtle: var(--info-subtle);
+  --color-danger-subtle: var(--danger-subtle);
+  --color-overlay: var(--overlay);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--foreground);
+  --color-sidebar-accent: var(--accent);
+  --color-sidebar-accent-foreground: var(--accent-foreground);
+  --color-sidebar-border: var(--border);
+  --color-sidebar-ring: var(--ring);
+  --color-sidebar-primary: var(--primary);
+  --color-sidebar-primary-foreground: var(--primary-foreground);
+  --color-editor: var(--editor);
+  --color-editor-foreground: var(--foreground);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 10px;
+  --radius-xl: 10px;
+  --shadow-control: var(--elevation-shadow-control);
+  --shadow-surface: var(--elevation-shadow-surface);
+  --shadow-raised: var(--elevation-shadow-raised);
+  --shadow-overlay: var(--elevation-shadow-overlay);
+  --shadow-modal: var(--elevation-shadow-modal);
+  /* Raw size aliases are compatibility-only and intentionally flat. Visible depth must use a semantic role. */
+  --shadow-xs: 0 0 #0000;
+  --shadow-sm: 0 0 #0000;
+  --shadow-md: 0 0 #0000;
+  --shadow-lg: 0 0 #0000;
+  --shadow-xl: 0 0 #0000;
+  --shadow-2xl: 0 0 #0000;
+}
+@layer base {
+  :root,
+  [data-theme="light"] {
+    --background: #ffffff;
+    --canvas: #f6f7f9;
+    --foreground: #18212e;
+    --card: #ffffff;
+    --raised: #ffffff;
+    --popover: #ffffff;
+    --secondary: #f1f3f6;
+    --muted: #f3f5f7;
+    --muted-foreground: #596576;
+    --border: #c5ccd5;
+    --input: #ffffff;
+    --sidebar: #f7f8fa;
+    --editor: #f7f8fa;
+    --success: #17633f;
+    --success-subtle: #eaf7ef;
+    --warning: #825400;
+    --warning-subtle: #fff5db;
+    --destructive: #b52938;
+    --destructive-foreground: #ffffff;
+    --danger-subtle: #fff0f1;
+    --info: #255bab;
+    --info-subtle: #edf4ff;
+    --overlay: #10182780;
+    --elevation-shadow-control: 0 1px 2px #10182712, 0 1px 1px #1018270a;
+    --elevation-shadow-surface: 0 1px 2px #10182712, 0 2px 8px #1018270a;
+    --elevation-shadow-raised: 0 4px 12px #10182717, 0 1px 3px #10182712;
+    --elevation-shadow-overlay: 0 8px 24px #1018271f, 0 2px 8px #10182714;
+    --elevation-shadow-modal: 0 20px 48px #10182729, 0 6px 16px #10182714;
+    --code-keyword: #7944a0;
+    --code-string: #17633f;
+    --code-number: #8a481e;
+    --code-comment: #657080;
+    --brand-hue: 257;
+    --primary: oklch(0.48 0.15 var(--brand-hue));
+    --primary-foreground: #ffffff;
+    --accent: oklch(0.96 0.018 var(--brand-hue));
+    --accent-foreground: oklch(0.4 0.12 var(--brand-hue));
+    --ring: var(--primary);
+    --radius: 6px;
+    --radius-control: 6px;
+    --content-width: 1200px;
+    --reading-width: 720px;
+    --chart-1: var(--primary);
+    --chart-2: var(--success);
+    --chart-3: var(--warning);
+    --chart-4: var(--info);
+    --chart-5: var(--muted-foreground);
+  }
+  [data-theme="dark"] {
+    --background: #11151b;
+    --canvas: #0f1319;
+    --foreground: #edf1f7;
+    --card: #171d25;
+    --raised: #1a222c;
+    --popover: #1c242e;
+    --secondary: #242d39;
+    --muted: #202832;
+    --muted-foreground: #a8b3c3;
+    --border: #485465;
+    --input: #171d25;
+    --sidebar: #141a22;
+    --editor: #141a22;
+    --success: #82dbad;
+    --success-subtle: #183329;
+    --warning: #f0ca75;
+    --warning-subtle: #362b18;
+    --destructive: #ffa1ab;
+    --destructive-foreground: #35151a;
+    --danger-subtle: #361f27;
+    --info: #a0c5ff;
+    --info-subtle: #1c2c44;
+    --overlay: #05080dba;
+    --elevation-shadow-control: 0 1px 2px #0000003d;
+    --elevation-shadow-surface: 0 2px 8px #0000002e, 0 1px 2px #00000024;
+    --elevation-shadow-raised: 0 6px 18px #0000004d, 0 2px 6px #00000038;
+    --elevation-shadow-overlay: 0 12px 32px #00000052, 0 3px 10px #0000003d;
+    --elevation-shadow-modal: 0 24px 56px #00000066, 0 8px 20px #0000004d;
+    --code-keyword: #d3b1f2;
+    --code-string: #82dbad;
+    --code-number: #f0ca75;
+    --code-comment: #9aa7b9;
+    --primary: oklch(0.76 0.11 var(--brand-hue));
+    --primary-foreground: #11151b;
+    --accent: oklch(0.27 0.03 var(--brand-hue));
+    --accent-foreground: oklch(0.83 0.07 var(--brand-hue));
+  }
+  [data-brand="blog"] {
+    --brand-hue: 257;
+  }
+  [data-brand="blog-admin"] {
+    --brand-hue: 195;
+  }
+  [data-brand="gosso-admin"] {
+    --brand-hue: 295;
+  }
+}

package/package.json

@@ -0,0 +1,111 @@
+{
+  "name": "@gouno/ui",
+  "version": "0.3.2",
+  "description": "Gouno product family UI, themes and administration template",
+  "license": "MIT",
+  "homepage": "https://rushairer.github.io/gouno-ui/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rushairer/gouno-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/rushairer/gouno-ui/issues"
+  },
+  "keywords": [
+    "react",
+    "typescript",
+    "design-system",
+    "component-library",
+    "tailwindcss",
+    "radix-ui",
+    "admin"
+  ],
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./core": {
+      "types": "./dist/core/index.d.ts",
+      "import": "./dist/core/index.js"
+    },
+    "./patterns": {
+      "types": "./dist/patterns/index.d.ts",
+      "import": "./dist/patterns/index.js"
+    },
+    "./gouno": {
+      "types": "./dist/gouno/index.d.ts",
+      "import": "./dist/gouno/index.js"
+    },
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "import": "./dist/theme/index.js"
+    },
+    "./tokens.css": "./dist/tokens.css",
+    "./base.css": "./dist/base.css",
+    "./bootstrap.js": "./dist/bootstrap.js",
+    "./fonts/*": "./dist/fonts/*"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "build": "node scripts/clean-dist.mjs && tsc -p tsconfig.build.json && node scripts/assets.mjs",
+    "typecheck": "tsc -p tsconfig.build.json --noEmit && tsc -p showcase/tsconfig.json",
+    "dev": "vite --host 127.0.0.1",
+    "showcase:build": "vite build --config showcase/vite.config.ts",
+    "showcase:dev": "vite --config showcase/vite.config.ts",
+    "pack": "npm pack",
+    "test": "vitest run --environment jsdom",
+    "verify": "npm run typecheck && npm test && npm run build && npm run showcase:build",
+    "package:check": "node scripts/package-check.mjs",
+    "release:check": "npm run verify && npm run package:check",
+    "prepublishOnly": "npm run release:check"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "dependencies": {
+    "@fontsource-variable/inter": "^5.3.0",
+    "@fontsource/jetbrains-mono": "^5.3.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.21.0",
+    "qrcode": "^1.5.4",
+    "radix-ui": "^1.6.7",
+    "sonner": "^2.0.8",
+    "tailwind-merge": "^3.6.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.3.3",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^24.13.2",
+    "@types/qrcode": "^1.5.6",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.2",
+    "jsdom": "^29.1.1",
+    "prism-react-renderer": "^2.4.1",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "tailwindcss": "^4.3.3",
+    "typescript": "~6.0.2",
+    "vite": "^8.1.0",
+    "vitest": "^4.1.9"
+  }
+}