@formant/aesthetics 0.0.10 → 0.1.0

package/formant-layout-utilities.css

@@ -0,0 +1,81 @@
+/**
+ * Formant Layout Utilities
+ * Version: 2026.1
+ * 
+ * Optional layout helpers using data-variant attributes.
+ * These are NOT part of the core classless CSS - import separately when needed.
+ * 
+ * Usage:
+ *   <link rel="stylesheet" href="formant-aesthetics.css">
+ *   <link rel="stylesheet" href="formant-layout-utilities.css">
+ */
+
+/* ==========================================================================
+   Grid - Responsive auto-fit grid
+   ========================================================================== */
+[data-variant="grid"] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: var(--formant-space-8);
+  margin: var(--formant-space-8) 0;
+}
+
+/* ==========================================================================
+   Stack - Vertical flex layout
+   ========================================================================== */
+[data-variant="stack"] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--formant-space-2);
+}
+
+/* ==========================================================================
+   Row - Horizontal flex layout with center alignment
+   ========================================================================== */
+[data-variant="row"] {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+/* ==========================================================================
+   Center - Centered flex container (full height)
+   ========================================================================== */
+[data-variant="center"] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  text-align: center;
+  gap: 1rem;
+}
+
+/* ==========================================================================
+   Suggestions - Wrapped horizontal button row
+   ========================================================================== */
+[data-variant="suggestions"] {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+
+/* ==========================================================================
+   Responsive Adjustments
+   ========================================================================== */
+@media (max-width: 900px) {
+  [data-variant="grid"] {
+    grid-template-columns: 1fr 1fr;
+  }
+}
+
+@media (max-width: 600px) {
+  [data-variant="grid"] {
+    grid-template-columns: 1fr;
+  }
+  
+  [data-variant="row"] {
+    flex-wrap: wrap;
+  }
+}

package/formant-properties.css

@@ -0,0 +1,474 @@
+/**
+ * Formant Properties - CSS Custom Properties (Themed Naming)
+ * Version: 2026.1-theme
+ * 
+ * Systematic CSS custom properties using theme-based naming with indexed arrays.
+ * 
+ * Usage:
+ *   @import url('formant-properties.css');
+ *   
+ *   .my-component {
+ *     background-color: var(--theme-neutrals-0);
+ *     color: var(--theme-atmospheric-accents-2);
+ *     font-family: var(--font-display);
+ *   }
+ */
+
+/* ==========================================================================
+   THEME COLORS - Neutrals (0-3)
+   ========================================================================== */
+:root {
+  /**
+   * --theme-neutrals-0: Deep Command
+   * Darkest neutral - primary backgrounds, the void
+   */
+  --theme-neutrals-0: #0A0F11;
+  --theme-neutrals-0-rgb: 10, 15, 17;
+  
+  /**
+   * --theme-neutrals-1: Slate Mist  
+   * Second darkest - card backgrounds, secondary surfaces
+   */
+  --theme-neutrals-1: #202428;
+  --theme-neutrals-1-rgb: 32, 36, 40;
+  
+  /**
+   * --theme-neutrals-2: System Neutral
+   * Mid-tone - body text, captions, secondary content
+   * Base for opacity-based border system
+   */
+  --theme-neutrals-2: #A3ABA9;
+  --theme-neutrals-2-rgb: 163, 171, 169;
+  
+  /**
+   * --theme-neutrals-3: Formant White
+   * Lightest neutral - primary text, headlines
+   */
+  --theme-neutrals-3: #F2F3F4;
+  --theme-neutrals-3-rgb: 242, 243, 244;
+
+  /* ==========================================================================
+     THEME COLORS - Atmospheric Accents (0-2)
+     ========================================================================== */
+  
+  /**
+   * --theme-atmospheric-accents-0: Ethereal Teal
+   * Active states, hover backgrounds, subtle elevation
+   * "Something is happening here" indicator
+   */
+  --theme-atmospheric-accents-0: #2C4142;
+  --theme-atmospheric-accents-0-rgb: 44, 65, 66;
+  
+  /**
+   * --theme-atmospheric-accents-1: Fog Green
+   * Borders, dividers, muted accents, field names
+   * The structural color - present everywhere, visible nowhere
+   */
+  --theme-atmospheric-accents-1: #4B5E53;
+  --theme-atmospheric-accents-1-rgb: 75, 94, 83;
+  
+  /**
+   * --theme-atmospheric-accents-2: Horizon Glow
+   * Primary CTAs, interactive elements, success states, links
+   * Muted green accent - guides without demanding
+   */
+  --theme-atmospheric-accents-2: #ACC3B3;
+  --theme-atmospheric-accents-2-rgb: 172, 195, 179;
+
+  /* ==========================================================================
+     THEME COLORS - Functional Accents (0-1)
+     ========================================================================== */
+  
+  /**
+   * --theme-functional-accents-0: Terminal Amber
+   * Warnings, eyebrow text, alarm labels
+   * The amber glow of a critical instrument reading
+   */
+  --theme-functional-accents-0: #E8AB7F;
+  --theme-functional-accents-0-rgb: 232, 171, 127;
+  
+  /**
+   * --theme-functional-accents-1: Interface Iris
+   * AI states, system intelligence indicators
+   * Reserved for moments where the system acts autonomously
+   */
+  --theme-functional-accents-1: #8B8CF4;
+  --theme-functional-accents-1-rgb: 139, 140, 244;
+
+  /* ==========================================================================
+     SEMANTIC MAPPINGS - Backgrounds
+     ========================================================================== */
+  --formant-bg-primary: var(--theme-neutrals-0);
+  --formant-bg-secondary: var(--theme-neutrals-1);
+  --formant-bg-elevated: var(--theme-neutrals-1);
+  --formant-bg-interactive: rgba(44, 65, 66, 0.2);
+
+  /* ==========================================================================
+     SEMANTIC MAPPINGS - Text
+     ========================================================================== */
+  --formant-text-primary: var(--theme-neutrals-3);
+  --formant-text-secondary: var(--theme-neutrals-2);
+  --formant-text-muted: rgba(163, 171, 169, 0.6);
+
+  /* ==========================================================================
+     SEMANTIC MAPPINGS - Interactive/Accent
+     ========================================================================== */
+  --formant-accent-primary: var(--theme-atmospheric-accents-2);
+  --formant-accent-secondary: var(--theme-atmospheric-accents-0);
+  --formant-accent-warning: var(--theme-functional-accents-0);
+  --formant-accent-ai: var(--theme-functional-accents-1);
+
+  /* ==========================================================================
+     SEMANTIC MAPPINGS - Status
+     ========================================================================== */
+  --formant-status-success: var(--theme-atmospheric-accents-2);
+  --formant-status-warning: var(--theme-functional-accents-0);
+  --formant-status-error: var(--theme-functional-accents-0);
+  --formant-status-info: var(--theme-functional-accents-1);
+  --formant-status-ai-active: var(--theme-functional-accents-1);
+
+  /* ==========================================================================
+     BORDER SYSTEM - Opacity-based (never solid on dark backgrounds)
+     ========================================================================== */
+  --formant-border-subtle: rgba(163, 171, 169, 0.1);
+  --formant-border-default: rgba(163, 171, 169, 0.2);
+  --formant-border-strong: rgba(163, 171, 169, 0.4);
+  --formant-border-focus: var(--theme-atmospheric-accents-2);
+
+  /* ==========================================================================
+     TYPOGRAPHY - Font Families (Theme Tokens)
+     ========================================================================== */
+  
+  /**
+   * --font-display: Space Grotesk
+   * The architectural voice - headlines, display text, H1-H6
+   */
+  --font-display: 'Space Grotesk', sans-serif;
+  
+  /**
+   * --font-body: Inter
+   * The human voice - body text, paragraphs, UI elements
+   */
+  --font-body: 'Inter', sans-serif;
+  
+  /**
+   * --font-monospace: JetBrains Mono
+   * The machine voice - code, data, labels, system status
+   */
+  --font-monospace: 'JetBrains Mono', monospace;
+
+  /* ==========================================================================
+     TYPOGRAPHY - Legacy Font Tokens (for backwards compatibility)
+     ========================================================================== */
+  --formant-font-heading: var(--font-display);
+  --formant-font-body: var(--font-body);
+  --formant-font-mono: var(--font-monospace);
+
+  /* ==========================================================================
+     TYPOGRAPHY - Font Weights
+     ========================================================================== */
+  --formant-weight-light: 300;
+  --formant-weight-regular: 400;
+  --formant-weight-medium: 500;
+  --formant-weight-semibold: 600;
+  --formant-weight-bold: 700;
+
+  /* ==========================================================================
+     TYPOGRAPHY - Letter Spacing (Tracking)
+     ========================================================================== */
+  --formant-tracking-tight: -0.02em;
+  --formant-tracking-normal: 0;
+  --formant-tracking-wide: 0.02em;
+  --formant-tracking-wider: 0.08em;
+  --formant-tracking-mono: 0.1em;
+  --formant-tracking-eyebrow: 0.2em;
+
+  /* ==========================================================================
+     TYPOGRAPHY - Line Heights (Leading)
+     ========================================================================== */
+  --formant-leading-tight: 1.2;
+  --formant-leading-normal: 1.6;
+  --formant-leading-relaxed: 1.75;
+  --formant-leading-data: 2.2;
+
+  /* ==========================================================================
+     TYPOGRAPHY - Sizes
+     ========================================================================== */
+  --formant-text-xs: 0.625rem;
+  --formant-text-sm: 0.75rem;
+  --formant-text-base: 0.875rem;
+  --formant-text-md: 1rem;
+  --formant-text-lg: 1.0625rem;
+  --formant-text-xl: 1.25rem;
+  --formant-text-2xl: 1.5rem;
+  --formant-text-3xl: 2rem;
+  --formant-text-4xl: 3.25rem;
+  --formant-text-5xl: 6rem;
+
+  /* ==========================================================================
+     SPACING SCALE
+     ========================================================================== */
+  --formant-space-0: 0;
+  --formant-space-1: 0.25rem;
+  --formant-space-2: 0.5rem;
+  --formant-space-3: 0.75rem;
+  --formant-space-4: 1rem;
+  --formant-space-5: 1.25rem;
+  --formant-space-6: 1.5rem;
+  --formant-space-8: 2rem;
+  --formant-space-10: 2.5rem;
+  --formant-space-12: 3rem;
+  --formant-space-16: 4rem;
+  --formant-space-20: 5rem;
+  --formant-space-24: 6rem;
+  --formant-space-32: 8rem;
+
+  /* ==========================================================================
+     BORDER RADIUS
+     ========================================================================== */
+  --formant-radius-none: 0;
+  --formant-radius-sm: 2px;
+  --formant-radius-md: 4px;
+  --formant-radius-lg: 6px;
+  --formant-radius-xl: 8px;
+  --formant-radius-full: 9999px;
+
+  /* ==========================================================================
+     SHADOWS & ELEVATION
+     ========================================================================== */
+  --formant-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
+  --formant-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 
+                       0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  --formant-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 
+                       0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  --formant-shadow-glow: 0 0 20px rgba(172, 195, 179, 0.15);
+  --formant-shadow-glow-strong: 0 0 30px rgba(172, 195, 179, 0.25);
+
+  /* ==========================================================================
+     FOCUS & ACCESSIBILITY
+     ========================================================================== */
+  --formant-focus-ring: 0 0 0 2px var(--theme-neutrals-0), 
+                        0 0 0 4px var(--theme-atmospheric-accents-2);
+  --formant-focus-ring-offset: 2px;
+
+  /* ==========================================================================
+     TRANSITIONS & ANIMATION
+     ========================================================================== */
+  --formant-transition-fast: 150ms ease;
+  --formant-transition-base: 200ms ease;
+  --formant-transition-slow: 300ms ease;
+  --formant-transition-fade-up: 0.7s ease;
+  
+  --formant-animation-fade-up-distance: 24px;
+  --formant-animation-stagger-delay: 80ms;
+
+  /* ==========================================================================
+     Z-INDEX SCALE
+     ========================================================================== */
+  --formant-z-base: 0;
+  --formant-z-dropdown: 100;
+  --formant-z-sticky: 200;
+  --formant-z-fixed: 300;
+  --formant-z-modal-backdrop: 400;
+  --formant-z-modal: 500;
+  --formant-z-popover: 600;
+  --formant-z-tooltip: 700;
+
+  /* ==========================================================================
+     LAYOUT - Container & Grid
+     ========================================================================== */
+  --formant-container-max: 1200px;
+  --formant-container-padding: 2.5rem;
+  --formant-container-padding-mobile: 1.25rem;
+
+  /* ==========================================================================
+     COMPONENT TOKENS - Buttons
+     ========================================================================== */
+  --formant-button-padding: 0.75rem 1.5rem;
+  --formant-button-font-size: 0.8125rem;
+  --formant-button-font-weight: 500;
+  --formant-button-letter-spacing: 0.04em;
+  --formant-button-radius: var(--formant-radius-md);
+  
+  --formant-button-primary-bg: var(--theme-atmospheric-accents-2);
+  --formant-button-primary-text: var(--theme-neutrals-0);
+  --formant-button-primary-hover: #ffffff;
+  
+  --formant-button-secondary-bg: transparent;
+  --formant-button-secondary-text: var(--theme-atmospheric-accents-2);
+  --formant-button-secondary-border: var(--theme-atmospheric-accents-2);
+  --formant-button-secondary-hover-bg: rgba(172, 195, 179, 0.1);
+  
+  --formant-button-ghost-bg: transparent;
+  --formant-button-ghost-text: var(--theme-neutrals-2);
+  --formant-button-ghost-border: var(--theme-neutrals-2);
+  
+  --formant-button-warning-bg: var(--theme-functional-accents-0);
+  --formant-button-warning-text: var(--theme-neutrals-0);
+  --formant-button-warning-hover: #F5C6A0;
+
+  /* ==========================================================================
+     COMPONENT TOKENS - Inputs
+     ========================================================================== */
+  --formant-input-padding: 0.75rem 1rem;
+  --formant-input-font-size: 0.875rem;
+  --formant-input-bg: var(--theme-neutrals-0);
+  --formant-input-border: var(--formant-border-default);
+  --formant-input-radius: var(--formant-radius-md);
+  --formant-input-focus-border: var(--theme-atmospheric-accents-2);
+  --formant-input-placeholder: rgba(163, 171, 169, 0.5);
+  
+  --formant-label-font-size: 0.625rem;
+  --formant-label-letter-spacing: 0.15em;
+  --formant-label-color: var(--theme-neutrals-2);
+  --formant-label-transform: uppercase;
+
+  /* ==========================================================================
+     COMPONENT TOKENS - Tags & Badges
+     ========================================================================== */
+  --formant-tag-padding: 0.25rem 0.75rem;
+  --formant-tag-font-size: 0.6875rem;
+  --formant-tag-letter-spacing: var(--formant-tracking-mono);
+  --formant-tag-radius: var(--formant-radius-sm);
+  
+  --formant-tag-mist-bg: rgba(75, 94, 83, 0.3);
+  --formant-tag-mist-text: var(--theme-atmospheric-accents-2);
+  --formant-tag-mist-border: rgba(75, 94, 83, 0.4);
+  
+  --formant-tag-teal-bg: rgba(44, 65, 66, 0.4);
+  --formant-tag-teal-text: var(--theme-atmospheric-accents-2);
+  
+  --formant-tag-amber-bg: rgba(232, 171, 127, 0.1);
+  --formant-tag-amber-text: var(--theme-functional-accents-0);
+  
+  --formant-tag-iris-bg: rgba(139, 140, 244, 0.1);
+  --formant-tag-iris-text: var(--theme-functional-accents-1);
+
+  /* ==========================================================================
+     COMPONENT TOKENS - Alerts
+     ========================================================================== */
+  --formant-alert-padding: 1rem;
+  --formant-alert-radius: var(--formant-radius-md);
+  --formant-alert-font-size: 0.9375rem;
+  
+  --formant-alert-info-bg: rgba(44, 65, 66, 0.3);
+  --formant-alert-info-text: var(--theme-atmospheric-accents-2);
+  --formant-alert-info-indicator: var(--theme-atmospheric-accents-2);
+  
+  --formant-alert-warning-bg: rgba(232, 171, 127, 0.08);
+  --formant-alert-warning-text: var(--theme-functional-accents-0);
+  --formant-alert-warning-indicator: var(--theme-functional-accents-0);
+  
+  --formant-alert-ai-bg: rgba(139, 140, 244, 0.08);
+  --formant-alert-ai-text: var(--theme-functional-accents-1);
+  --formant-alert-ai-indicator: var(--theme-functional-accents-1);
+
+  /* ==========================================================================
+     COMPONENT TOKENS - Cards
+     ========================================================================== */
+  --formant-card-bg: var(--theme-neutrals-1);
+  --formant-card-border: var(--formant-border-subtle);
+  --formant-card-radius: var(--formant-radius-md);
+  --formant-card-padding: 1.5rem;
+  --formant-card-hover-border: rgba(172, 195, 179, 0.3);
+  --formant-card-hover-bg: rgba(44, 65, 66, 0.2);
+
+  /* ==========================================================================
+     COMPONENT TOKENS - Navigation
+     ========================================================================== */
+  --formant-nav-height: 64px;
+  --formant-nav-bg: rgba(10, 15, 17, 0.85);
+  --formant-nav-backdrop: blur(16px);
+  --formant-nav-link-color: var(--theme-neutrals-2);
+  --formant-nav-link-hover: var(--theme-neutrals-3);
+  --formant-nav-link-size: 0.875rem;
+  --formant-nav-link-weight: 500;
+
+  /* ==========================================================================
+     COMPONENT TOKENS - Tables
+     ========================================================================== */
+  --formant-table-header-font: var(--font-monospace);
+  --formant-table-header-size: 0.625rem;
+  --formant-table-header-tracking: var(--formant-tracking-mono);
+  --formant-table-header-color: var(--theme-neutrals-2);
+  --formant-table-cell-padding: 0.75rem 1rem;
+  --formant-table-border: var(--formant-border-subtle);
+  --formant-table-hover: rgba(44, 65, 66, 0.2);
+
+  /* ==========================================================================
+     SCROLLBAR
+     ========================================================================== */
+  --formant-scrollbar-width: 8px;
+  --formant-scrollbar-track: var(--theme-neutrals-0);
+  --formant-scrollbar-thumb: var(--theme-atmospheric-accents-1);
+  --formant-scrollbar-thumb-hover: var(--theme-atmospheric-accents-2);
+
+  /* ==========================================================================
+     SELECTION
+     ========================================================================== */
+  --formant-selection-bg: rgba(172, 195, 179, 0.3);
+  --formant-selection-text: var(--theme-neutrals-3);
+}
+
+/* ==========================================================================
+   LIGHT THEME - Override color variables only
+   Apply with <html data-theme="light"> or <body data-theme="light">
+   ========================================================================== */
+[data-theme="light"] {
+  /* Neutrals - inverted luminance */
+  --theme-neutrals-0: #FFFFFF;
+  --theme-neutrals-0-rgb: 255, 255, 255;
+  
+  --theme-neutrals-1: #F2F3F4;
+  --theme-neutrals-1-rgb: 242, 243, 244;
+  
+  --theme-neutrals-2: #6B7370;
+  --theme-neutrals-2-rgb: 107, 115, 112;
+  
+  --theme-neutrals-3: #0A0F11;
+  --theme-neutrals-3-rgb: 10, 15, 17;
+
+  /* Atmospheric Accents - darker for light backgrounds */
+  --theme-atmospheric-accents-0: #D6E5DC;
+  --theme-atmospheric-accents-0-rgb: 214, 229, 220;
+  
+  --theme-atmospheric-accents-1: #8FA69A;
+  --theme-atmospheric-accents-1-rgb: 143, 166, 154;
+  
+  --theme-atmospheric-accents-2: #3B6B52;
+  --theme-atmospheric-accents-2-rgb: 59, 107, 82;
+
+  /* Functional Accents - deeper for contrast on light */
+  --theme-functional-accents-0: #C07840;
+  --theme-functional-accents-0-rgb: 192, 120, 64;
+  
+  --theme-functional-accents-1: #5B5CD4;
+  --theme-functional-accents-1-rgb: 91, 92, 212;
+
+  /* Borders - darker base for light backgrounds */
+  --formant-border-subtle: rgba(10, 15, 17, 0.08);
+  --formant-border-default: rgba(10, 15, 17, 0.15);
+  --formant-border-strong: rgba(10, 15, 17, 0.3);
+  --formant-border-focus: var(--theme-atmospheric-accents-2);
+
+  /* Text */
+  --formant-text-muted: rgba(10, 15, 17, 0.5);
+
+  /* Selection */
+  --formant-selection-bg: rgba(59, 107, 82, 0.2);
+  --formant-selection-text: var(--theme-neutrals-3);
+
+  /* Shadows - visible on light */
+  --formant-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
+  --formant-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
+  --formant-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
+  --formant-shadow-glow: 0 0 20px rgba(59, 107, 82, 0.12);
+
+  /* Focus ring */
+  --formant-focus-ring: 0 0 0 2px var(--theme-neutrals-0), 0 0 0 4px var(--theme-atmospheric-accents-2);
+}
+
+/* ==========================================================================
+   FONT IMPORTS
+   ========================================================================== */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap');

package/package.json

@@ -1,87 +1,36 @@
 {
   "name": "@formant/aesthetics",
-  "version": "0.0.10",
-  "type": "module",
-  "description": "Formant design system — themed React components built on shadcn/ui and Radix UI",
-  "license": "MIT",
-  "private": false,
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/FormantIO/aesthetics.git"
+  "version": "0.1.0",
+  "description": "Classless CSS framework based on the Formant Design System. Styles standard HTML elements without requiring any classes.",
+  "main": "formant-aesthetics.css",
+  "files": [
+    "formant-aesthetics.css",
+    "formant-properties.css",
+    "formant-layout-utilities.css",
+    "README.md"
+  ],
+  "scripts": {
+    "serve": "npx serve .",
+    "preview": "open http://localhost:3000/aesthetics-classless-css/ || echo 'Server not running at localhost:3000'"
   },
-  "homepage": "https://github.com/FormantIO/aesthetics#readme",
   "keywords": [
     "formant",
+    "css",
+    "classless",
     "design-system",
-    "react",
-    "components",
-    "shadcn",
-    "radix-ui"
-  ],
-  "sideEffects": [
-    "*.css"
-  ],
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./components.css": {
-      "import": "./dist/components.css",
-      "require": "./dist/components.css",
-      "default": "./dist/components.css"
-    },
-    "./styles": {
-      "import": "./styles/globals.css",
-      "require": "./styles/globals.css",
-      "default": "./styles/globals.css"
-    },
-    "./styles/globals.css": {
-      "import": "./styles/globals.css",
-      "require": "./styles/globals.css",
-      "default": "./styles/globals.css"
-    }
-  },
-  "files": [
-    "dist",
-    "styles"
+    "dark-theme",
+    "aesthetics",
+    "mission-control"
   ],
-  "scripts": {
-    "build": "tsup && unocss components/**/*.{ts,tsx} -o dist/components.css",
-    "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit",
-    "prepublishOnly": "npm run build"
-  },
-  "dependencies": {
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
-    "embla-carousel-react": "^8.6.0",
-    "input-otp": "^1.4.2",
-    "lucide-react": "^0.487.0",
-    "next-themes": "^0.4.6",
-    "radix-ui": "^1.4.3",
-    "react-day-picker": "^9.14.0",
-    "react-resizable-panels": "^4.10.0",
-    "recharts": "^3.8.0",
-    "sonner": "^2.0.7",
-    "vaul": "^1.1.2"
-  },
-  "devDependencies": {
-    "@types/node": "^25.5.0",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
-    "@unocss/cli": "^66.6.8",
-    "tsup": "^8.5.1",
-    "typescript": "^5.9.3",
-    "unocss": "^66.6.8"
+  "author": "Formant Design Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/FormantIO/formant.git",
+    "directory": "aesthetics-classless-css"
   },
-  "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+  "homepage": "https://github.com/FormantIO/formant/tree/main/aesthetics-classless-css",
+  "bugs": {
+    "url": "https://github.com/FormantIO/formant/issues"
   }
 }