@lukeashford/aurelius 1.0.0

package/dist/tokens/index.js

@@ -0,0 +1,182 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tokens/index.ts
+var tokens_exports = {};
+__export(tokens_exports, {
+  colors: () => colors,
+  duration: () => duration,
+  easing: () => easing,
+  radii: () => radii,
+  shadows: () => shadows,
+  spacing: () => spacing,
+  typography: () => typography
+});
+module.exports = __toCommonJS(tokens_exports);
+
+// src/tokens/colors.ts
+var colors = {
+  // Black spectrum
+  void: "#000000",
+  obsidian: "#0a0a0a",
+  charcoal: "#141414",
+  graphite: "#1f1f1f",
+  slate: "#2a2a2a",
+  ash: "#3d3d3d",
+  // Gold spectrum
+  gold: "#c9a227",
+  goldLight: "#d4b84a",
+  goldBright: "#e5c84d",
+  goldMuted: "#8b7355",
+  goldPale: "#d4c4a8",
+  goldGlow: "rgba(201, 162, 39, 0.15)",
+  // Neutrals
+  white: "#ffffff",
+  silver: "#a3a3a3",
+  zinc: "#71717a",
+  dim: "#52525b",
+  // Semantic
+  success: "#22c55e",
+  successMuted: "#166534",
+  error: "#dc2626",
+  errorMuted: "#991b1b",
+  warning: "#d97706",
+  warningMuted: "#92400e",
+  info: "#0ea5e9",
+  infoMuted: "#0369a1"
+};
+
+// src/tokens/typography.ts
+var typography = {
+  // Headings use Marcellus, a classic serif
+  fontHeading: ["Marcellus", "serif"],
+  // Body and UI use Raleway
+  fontBody: ["Raleway", "system-ui", "sans-serif"],
+  fontMono: ["JetBrains Mono", "Fira Code", "SF Mono", "monospace"],
+  fontSize: {
+    xs: ["0.75rem", { lineHeight: "1rem" }],
+    sm: ["0.875rem", { lineHeight: "1.25rem" }],
+    base: ["1rem", { lineHeight: "1.5rem" }],
+    lg: ["1.125rem", { lineHeight: "1.75rem" }],
+    xl: ["1.25rem", { lineHeight: "1.75rem" }],
+    "2xl": ["1.5rem", { lineHeight: "2rem" }],
+    "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
+    "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
+    "5xl": ["3rem", { lineHeight: "1" }],
+    "6xl": ["3.75rem", { lineHeight: "1" }]
+  },
+  fontWeight: {
+    normal: "400",
+    medium: "500",
+    semibold: "600",
+    bold: "700"
+  },
+  lineHeight: {
+    none: "1",
+    tight: "1.25",
+    snug: "1.375",
+    normal: "1.5",
+    relaxed: "1.625",
+    loose: "2"
+  },
+  letterSpacing: {
+    tighter: "-0.05em",
+    tight: "-0.025em",
+    normal: "0",
+    wide: "0.025em",
+    wider: "0.05em",
+    widest: "0.1em"
+  }
+};
+
+// src/tokens/spacing.ts
+var spacing = {
+  px: "1px",
+  0: "0",
+  0.5: "0.125rem",
+  1: "0.25rem",
+  1.5: "0.375rem",
+  2: "0.5rem",
+  2.5: "0.625rem",
+  3: "0.75rem",
+  3.5: "0.875rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  9: "2.25rem",
+  10: "2.5rem",
+  11: "2.75rem",
+  12: "3rem",
+  14: "3.5rem",
+  16: "4rem",
+  20: "5rem",
+  24: "6rem",
+  28: "7rem",
+  32: "8rem"
+};
+
+// src/tokens/shadows.ts
+var shadows = {
+  sm: "0 1px 2px 0 rgba(0, 0, 0, 0.4)",
+  md: "0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3)",
+  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3)",
+  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.3)",
+  "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.5)",
+  glow: "0 0 20px rgba(201, 162, 39, 0.3)",
+  "glow-sm": "0 0 10px rgba(201, 162, 39, 0.2)",
+  "glow-lg": "0 0 40px rgba(201, 162, 39, 0.4)",
+  inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.3)"
+};
+
+// src/tokens/transitions.ts
+var duration = {
+  instant: "75ms",
+  fast: "150ms",
+  normal: "200ms",
+  slow: "300ms",
+  slower: "500ms"
+};
+var easing = {
+  smooth: "cubic-bezier(0.16, 1, 0.3, 1)",
+  snap: "cubic-bezier(0.5, 0, 0.1, 1)"
+};
+
+// src/tokens/radii.ts
+var radii = {
+  sm: "0.125rem",
+  md: "0.25rem",
+  lg: "0.375rem",
+  xl: "0.5rem",
+  "2xl": "0.75rem",
+  "3xl": "1rem",
+  full: "9999px"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  colors,
+  duration,
+  easing,
+  radii,
+  shadows,
+  spacing,
+  typography
+});
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tokens/index.ts","../../src/tokens/colors.ts","../../src/tokens/typography.ts","../../src/tokens/spacing.ts","../../src/tokens/shadows.ts","../../src/tokens/transitions.ts","../../src/tokens/radii.ts"],"sourcesContent":["export { colors, type ColorToken } from './colors'\nexport { typography, type TypographyToken } from './typography'\nexport { spacing, type SpacingToken } from './spacing'\nexport { shadows, type ShadowToken } from './shadows'\nexport { duration, easing, type DurationToken, type EasingToken } from './transitions'\nexport { radii, type RadiusToken } from './radii'\n","export const colors = {\n  // Black spectrum\n  void: '#000000',\n  obsidian: '#0a0a0a',\n  charcoal: '#141414',\n  graphite: '#1f1f1f',\n  slate: '#2a2a2a',\n  ash: '#3d3d3d',\n\n  // Gold spectrum\n  gold: '#c9a227',\n  goldLight: '#d4b84a',\n  goldBright: '#e5c84d',\n  goldMuted: '#8b7355',\n  goldPale: '#d4c4a8',\n  goldGlow: 'rgba(201, 162, 39, 0.15)',\n\n  // Neutrals\n  white: '#ffffff',\n  silver: '#a3a3a3',\n  zinc: '#71717a',\n  dim: '#52525b',\n\n  // Semantic\n  success: '#22c55e',\n  successMuted: '#166534',\n  error: '#dc2626',\n  errorMuted: '#991b1b',\n  warning: '#d97706',\n  warningMuted: '#92400e',\n  info: '#0ea5e9',\n  infoMuted: '#0369a1',\n} as const\n\nexport type ColorToken = keyof typeof colors\n","export const typography = {\n  // Headings use Marcellus, a classic serif\n  fontHeading: ['Marcellus', 'serif'],\n  // Body and UI use Raleway\n  fontBody: ['Raleway', 'system-ui', 'sans-serif'],\n  fontMono: ['JetBrains Mono', 'Fira Code', 'SF Mono', 'monospace'],\n\n  fontSize: {\n    xs: ['0.75rem', {lineHeight: '1rem'}],\n    sm: ['0.875rem', {lineHeight: '1.25rem'}],\n    base: ['1rem', {lineHeight: '1.5rem'}],\n    lg: ['1.125rem', {lineHeight: '1.75rem'}],\n    xl: ['1.25rem', {lineHeight: '1.75rem'}],\n    '2xl': ['1.5rem', {lineHeight: '2rem'}],\n    '3xl': ['1.875rem', {lineHeight: '2.25rem'}],\n    '4xl': ['2.25rem', {lineHeight: '2.5rem'}],\n    '5xl': ['3rem', {lineHeight: '1'}],\n    '6xl': ['3.75rem', {lineHeight: '1'}],\n  },\n\n  fontWeight: {\n    normal: '400',\n    medium: '500',\n    semibold: '600',\n    bold: '700',\n  },\n\n  lineHeight: {\n    none: '1',\n    tight: '1.25',\n    snug: '1.375',\n    normal: '1.5',\n    relaxed: '1.625',\n    loose: '2',\n  },\n\n  letterSpacing: {\n    tighter: '-0.05em',\n    tight: '-0.025em',\n    normal: '0',\n    wide: '0.025em',\n    wider: '0.05em',\n    widest: '0.1em',\n  },\n} as const\n\nexport type TypographyToken = keyof typeof typography\n","export const spacing = {\n  px: '1px',\n  0: '0',\n  0.5: '0.125rem',\n  1: '0.25rem',\n  1.5: '0.375rem',\n  2: '0.5rem',\n  2.5: '0.625rem',\n  3: '0.75rem',\n  3.5: '0.875rem',\n  4: '1rem',\n  5: '1.25rem',\n  6: '1.5rem',\n  7: '1.75rem',\n  8: '2rem',\n  9: '2.25rem',\n  10: '2.5rem',\n  11: '2.75rem',\n  12: '3rem',\n  14: '3.5rem',\n  16: '4rem',\n  20: '5rem',\n  24: '6rem',\n  28: '7rem',\n  32: '8rem',\n} as const\n\nexport type SpacingToken = keyof typeof spacing\n","export const shadows = {\r\n  sm: '0 1px 2px 0 rgba(0, 0, 0, 0.4)',\r\n  md: '0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3)',\r\n  lg: '0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3)',\r\n  xl: '0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.3)',\r\n  '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.5)',\r\n  glow: '0 0 20px rgba(201, 162, 39, 0.3)',\r\n  'glow-sm': '0 0 10px rgba(201, 162, 39, 0.2)',\r\n  'glow-lg': '0 0 40px rgba(201, 162, 39, 0.4)',\r\n  inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.3)',\r\n} as const\r\n\r\nexport type ShadowToken = keyof typeof shadows\r\n","export const duration = {\r\n  instant: '75ms',\r\n  fast: '150ms',\r\n  normal: '200ms',\r\n  slow: '300ms',\r\n  slower: '500ms',\r\n} as const\r\n\r\nexport const easing = {\r\n  smooth: 'cubic-bezier(0.16, 1, 0.3, 1)',\r\n  snap: 'cubic-bezier(0.5, 0, 0.1, 1)',\r\n} as const\r\n\r\nexport type DurationToken = keyof typeof duration\r\nexport type EasingToken = keyof typeof easing\r\n","export const radii = {\r\n  sm: '0.125rem',\r\n  md: '0.25rem',\r\n  lg: '0.375rem',\r\n  xl: '0.5rem',\r\n  '2xl': '0.75rem',\r\n  '3xl': '1rem',\r\n  full: '9999px',\r\n} as const\r\n\r\nexport type RadiusToken = keyof typeof radii\r\n"],"mappings":"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","names":[]}

package/dist/tokens/index.mjs

@@ -0,0 +1,19 @@
+import {
+  colors,
+  duration,
+  easing,
+  radii,
+  shadows,
+  spacing,
+  typography
+} from "../chunk-OPJXDW4C.mjs";
+export {
+  colors,
+  duration,
+  easing,
+  radii,
+  shadows,
+  spacing,
+  typography
+};
+//# sourceMappingURL=index.mjs.map

package/dist/tokens/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@lukeashford/aurelius",
+  "version": "1.0.0",
+  "description": "Design system for Aurelius applications — A cohesive visual language for creative technologists",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./tailwind.preset": {
+      "types": "./dist/tailwind.preset.d.ts",
+      "import": "./dist/tailwind.preset.mjs",
+      "require": "./dist/tailwind.preset.js"
+    },
+    "./styles/base.css": "./dist/styles/base.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup && node scripts/generate-manifest.js",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build",
+    "dev:demo": "npm --prefix demo run dev",
+    "dev:all": "concurrently -k \"npm run dev\" \"npm run dev:demo\""
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "tailwindcss": ">=3.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.3.7",
+    "concurrently": "^8.2.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "tailwindcss": "^3.4.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lukeashford/aurelius.git"
+  },
+  "keywords": [
+    "design-system",
+    "tailwind",
+    "react",
+    "design-tokens",
+    "ui",
+    "aurelius"
+  ],
+  "author": "Your Name",
+  "license": "MIT",
+  "dependencies": {
+    "lucide-react": "^0.555.0"
+  }
+}