organify-ui 0.1.0

package/dist/chunk-WPZJKIZT.js

@@ -0,0 +1,248 @@
+// src/tokens/colors.ts
+var colors = {
+  // ─── Brand ───────────────────────────────────────
+  primary: {
+    DEFAULT: "#241979",
+    light: "#4F39F6",
+    glow: "#4C35DE",
+    electric: "#5b42f2",
+    dark: "#0f0a38"
+  },
+  // ─── Neutral (Dark theme) ───────────────────────
+  neutral: {
+    900: "#191919",
+    // Void — main bg
+    850: "#0b0c10",
+    // Deep void
+    800: "#1F1F21",
+    // Card surface
+    750: "#1a1a1c",
+    // Alt surface
+    700: "#2A2A2E",
+    // Elevated surface
+    600: "#3a3a3e",
+    // Subtle border
+    500: "#6b7280",
+    // Muted text
+    400: "#9CA3AF",
+    // Placeholder
+    300: "#d1d5db",
+    // Secondary text
+    200: "#e5e7eb",
+    // Border light
+    100: "#f3f4f6",
+    // Surface light
+    50: "#F9F9F7"
+    // Cream base
+  },
+  // ─── Semantic ────────────────────────────────────
+  semantic: {
+    success: {
+      DEFAULT: "#10B981",
+      light: "#34d399",
+      dark: "#065f46",
+      surface: "rgba(16, 185, 129, 0.1)",
+      border: "rgba(16, 185, 129, 0.3)"
+    },
+    warning: {
+      DEFAULT: "#F59E0B",
+      light: "#fbbf24",
+      dark: "#92400e",
+      surface: "rgba(245, 158, 11, 0.1)",
+      border: "rgba(245, 158, 11, 0.3)"
+    },
+    error: {
+      DEFAULT: "#E0115F",
+      light: "#f43f5e",
+      dark: "#9f1239",
+      surface: "rgba(244, 63, 94, 0.1)",
+      border: "rgba(244, 63, 94, 0.3)"
+    },
+    info: {
+      DEFAULT: "#3B82F6",
+      light: "#60a5fa",
+      dark: "#1e40af",
+      surface: "rgba(59, 130, 246, 0.1)",
+      border: "rgba(59, 130, 246, 0.3)"
+    }
+  },
+  // ─── Glass (Transparency) ───────────────────────
+  glass: {
+    bg: "rgba(31, 31, 33, 0.6)",
+    bgHeavy: "rgba(31, 31, 33, 0.8)",
+    surface: "rgba(31, 31, 33, 0.7)",
+    border: "rgba(255, 255, 255, 0.08)",
+    borderMedium: "rgba(255, 255, 255, 0.12)",
+    borderStrong: "rgba(255, 255, 255, 0.2)",
+    highlight: "rgba(255, 255, 255, 0.05)",
+    white5: "rgba(255, 255, 255, 0.05)",
+    white10: "rgba(255, 255, 255, 0.1)",
+    white20: "rgba(255, 255, 255, 0.2)",
+    white40: "rgba(255, 255, 255, 0.4)"
+  },
+  // ─── Cream Light Theme ──────────────────────────
+  cream: {
+    base: "#F9F9F7",
+    surface: "rgba(255, 255, 255, 0.7)",
+    surfaceStrong: "rgba(255, 255, 255, 0.8)",
+    border: "rgba(0, 0, 0, 0.04)",
+    borderMedium: "rgba(0, 0, 0, 0.05)",
+    text: "#191919",
+    textMuted: "#6b7280",
+    textSubtle: "#9CA3AF"
+  },
+  // ─── Status / Flow states ───────────────────────
+  status: {
+    inFlow: {
+      bg: "rgba(99, 102, 241, 0.2)",
+      text: "#c7d2fe",
+      border: "rgba(99, 102, 241, 0.3)",
+      dot: "#818cf8"
+    },
+    deepWork: {
+      bg: "rgba(217, 70, 239, 0.1)",
+      text: "#f0abfc",
+      border: "rgba(217, 70, 239, 0.2)"
+    },
+    resting: {
+      bg: "rgba(245, 158, 11, 0.15)",
+      text: "#fde68a",
+      border: "rgba(245, 158, 11, 0.3)"
+    },
+    disconnected: {
+      bg: "rgba(244, 63, 94, 0.15)",
+      text: "#fecdd3",
+      border: "rgba(244, 63, 94, 0.3)"
+    }
+  }
+};
+
+// src/tokens/typography.ts
+var fontFamily = {
+  sans: ["Inter", "system-ui", "-apple-system", "sans-serif"],
+  mono: [
+    "ui-monospace",
+    "SFMono-Regular",
+    "Menlo",
+    "Monaco",
+    "Consolas",
+    "Liberation Mono",
+    "Courier New",
+    "monospace"
+  ]
+};
+var fontSize = {
+  "display-xl": ["5rem", { lineHeight: "0.85", letterSpacing: "-0.04em", fontWeight: "100" }],
+  "display-lg": ["4rem", { lineHeight: "0.9", letterSpacing: "-0.03em", fontWeight: "100" }],
+  "heading-xl": ["2.5rem", { lineHeight: "1.1", letterSpacing: "-0.02em", fontWeight: "300" }],
+  "heading-lg": ["1.5rem", { lineHeight: "1.2", letterSpacing: "-0.01em", fontWeight: "300" }],
+  "heading-md": ["1.25rem", { lineHeight: "1.3", letterSpacing: "-0.01em", fontWeight: "300" }],
+  "heading-sm": ["1rem", { lineHeight: "1.4", fontWeight: "500" }],
+  "body-lg": ["1rem", { lineHeight: "1.6", fontWeight: "300" }],
+  "body-md": ["0.875rem", { lineHeight: "1.6", fontWeight: "300" }],
+  "body-sm": ["0.75rem", { lineHeight: "1.5", fontWeight: "400" }],
+  "caption": ["0.6875rem", { lineHeight: "1.4", fontWeight: "500" }],
+  "label": ["0.625rem", { lineHeight: "1.3", letterSpacing: "0.2em", fontWeight: "600" }],
+  "mono-xs": ["0.625rem", { lineHeight: "1.4", fontWeight: "400" }]
+};
+var fontWeight = {
+  thin: "100",
+  extralight: "200",
+  light: "300",
+  normal: "400",
+  medium: "500",
+  semibold: "600"
+};
+
+// src/tokens/shadows.ts
+var shadows = {
+  // ─── Glass Panels ───────────────────────────────
+  glass: "0 4px 24px -1px rgba(0, 0, 0, 0.2)",
+  "glass-lg": "0 8px 32px 0 rgba(0, 0, 0, 0.25)",
+  "glass-xl": "10px 10px 40px rgba(0, 0, 0, 0.4)",
+  "glass-2xl": "20px 20px 60px rgba(0, 0, 0, 0.5)",
+  // ─── Cream Light Theme ──────────────────────────
+  "cream-glass": "0 4px 30px rgba(0, 0, 0, 0.02)",
+  "cream-soft": "0 10px 40px -10px rgba(0, 0, 0, 0.03)",
+  "cream-glow": "0 0 15px rgba(36, 25, 121, 0.1)",
+  // ─── Neon / Glow ────────────────────────────────
+  "neon-glow": "0 0 10px rgba(79, 57, 246, 0.4), 0 0 20px rgba(79, 57, 246, 0.2)",
+  "neon-glow-sm": "0 0 5px rgba(79, 57, 246, 0.3)",
+  "neon-glow-lg": "0 0 30px rgba(36, 25, 121, 0.5)",
+  "glow-primary": "0 0 20px rgba(76, 53, 222, 0.25)",
+  "glow-indigo": "0 0 15px rgba(36, 25, 121, 0.6)",
+  "glow-success": "0 0 20px rgba(16, 185, 129, 0.2)",
+  "glow-warning": "0 0 20px rgba(245, 158, 11, 0.2)",
+  "glow-error": "0 0 20px rgba(244, 63, 94, 0.2)",
+  "glow-info": "0 0 20px rgba(59, 130, 246, 0.2)",
+  // ─── Asymmetric ─────────────────────────────────
+  "asymmetric-glow": "0 0 60px -15px rgba(99, 91, 255, 0.3)",
+  sharp: "4px 4px 0px 0px rgba(36, 25, 121, 1)",
+  // ─── Status indicator dots ──────────────────────
+  "status-online": "0 0 8px rgba(74, 222, 128, 0.8)",
+  "status-flow": "0 0 8px rgba(129, 140, 248, 0.8)",
+  "status-primary": "0 0 15px rgba(79, 57, 246, 0.5)"
+};
+
+// src/tokens/borders.ts
+var borderRadius = {
+  none: "0",
+  sm: "0.25rem",
+  md: "0.5rem",
+  lg: "1rem",
+  xl: "1.5rem",
+  "2xl": "2rem",
+  "3xl": "2.5rem",
+  full: "9999px",
+  // ─── Geometric Asymmetric ───────────────────────
+  /** 0.5rem 2rem 0.5rem 2rem — Primary geometric */
+  geo: "0.5rem 2rem 0.5rem 2rem",
+  /** 2rem 0.5rem 2rem 0.5rem — Inverted geometric */
+  "geo-inv": "2rem 0.5rem 2rem 0.5rem",
+  /** 0.25rem 2rem 2rem 0.25rem — D-shape */
+  "d-shape": "0.25rem 2rem 2rem 0.25rem",
+  /** 4px 16px 16px 4px — Asymmetric pill */
+  "pill-asym": "4px 16px 16px 4px",
+  /** Large TL + BR corners */
+  "asym-1": "24px 8px 24px 8px",
+  /** Large TR + BL corners */
+  "asym-2": "8px 24px 8px 24px"
+};
+
+// src/tokens/animations.ts
+var animation = {
+  keyframes: {
+    shimmer: {
+      "0%": { transform: "translateX(-100%)" },
+      "100%": { transform: "translateX(100%)" }
+    },
+    "draw-line": {
+      to: { strokeDashoffset: "0" }
+    },
+    "spin-slow": {
+      from: { transform: "rotate(0deg)" },
+      to: { transform: "rotate(360deg)" }
+    },
+    "glow-pulse": {
+      "0%, 100%": { opacity: "0.4" },
+      "50%": { opacity: "1" }
+    }
+  },
+  durations: {
+    fast: "150ms",
+    normal: "300ms",
+    slow: "500ms",
+    "very-slow": "700ms"
+  },
+  easings: {
+    default: "cubic-bezier(0.4, 0, 0.2, 1)",
+    in: "cubic-bezier(0.4, 0, 1, 1)",
+    out: "cubic-bezier(0, 0, 0.2, 1)",
+    "in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
+    spring: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+  }
+};
+
+export { animation, borderRadius, colors, fontFamily, fontSize, fontWeight, shadows };
+//# sourceMappingURL=chunk-WPZJKIZT.js.map
+//# sourceMappingURL=chunk-WPZJKIZT.js.map

package/dist/chunk-WPZJKIZT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/colors.ts","../src/tokens/typography.ts","../src/tokens/shadows.ts","../src/tokens/borders.ts","../src/tokens/animations.ts"],"names":[],"mappings":";AAOO,IAAM,MAAA,GAAS;AAAA;AAAA,EAEpB,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,SAAA;AAAA,IACT,KAAA,EAAO,SAAA;AAAA,IACP,IAAA,EAAM,SAAA;AAAA,IACN,QAAA,EAAU,SAAA;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA;AAAA,EAGA,OAAA,EAAS;AAAA,IACP,GAAA,EAAK,SAAA;AAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA;AAAA,IACL,EAAA,EAAI;AAAA;AAAA,GACN;AAAA;AAAA,EAGA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,OAAA,EAAS,yBAAA;AAAA,MACT,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,OAAA,EAAS,yBAAA;AAAA,MACT,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,OAAA,EAAS,wBAAA;AAAA,MACT,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,OAAA,EAAS,yBAAA;AAAA,MACT,MAAA,EAAQ;AAAA;AACV,GACF;AAAA;AAAA,EAGA,KAAA,EAAO;AAAA,IACL,EAAA,EAAI,uBAAA;AAAA,IACJ,OAAA,EAAS,uBAAA;AAAA,IACT,OAAA,EAAS,uBAAA;AAAA,IACT,MAAA,EAAQ,2BAAA;AAAA,IACR,YAAA,EAAc,2BAAA;AAAA,IACd,YAAA,EAAc,0BAAA;AAAA,IACd,SAAA,EAAW,2BAAA;AAAA,IACX,MAAA,EAAQ,2BAAA;AAAA,IACR,OAAA,EAAS,0BAAA;AAAA,IACT,OAAA,EAAS,0BAAA;AAAA,IACT,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAGA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,0BAAA;AAAA,IACT,aAAA,EAAe,0BAAA;AAAA,IACf,MAAA,EAAQ,qBAAA;AAAA,IACR,YAAA,EAAc,qBAAA;AAAA,IACd,IAAA,EAAM,SAAA;AAAA,IACN,SAAA,EAAW,SAAA;AAAA,IACX,UAAA,EAAY;AAAA,GACd;AAAA;AAAA,EAGA,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ;AAAA,MACN,EAAA,EAAI,yBAAA;AAAA,MACJ,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,yBAAA;AAAA,MACR,GAAA,EAAK;AAAA,KACP;AAAA,IACA,QAAA,EAAU;AAAA,MACR,EAAA,EAAI,yBAAA;AAAA,MACJ,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,0BAAA;AAAA,MACJ,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,YAAA,EAAc;AAAA,MACZ,EAAA,EAAI,yBAAA;AAAA,MACJ,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ;AAAA;AACV;AAEJ;;;AC7GO,IAAM,UAAA,GAAa;AAAA,EACxB,IAAA,EAAM,CAAC,OAAA,EAAS,WAAA,EAAa,iBAAiB,YAAY,CAAA;AAAA,EAC1D,IAAA,EAAM;AAAA,IACJ,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA;AAEJ;AAEO,IAAM,QAAA,GAAW;AAAA,EACtB,YAAA,EAAc,CAAC,MAAA,EAAQ,EAAE,UAAA,EAAY,QAAQ,aAAA,EAAe,SAAA,EAAW,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA,EAC1F,YAAA,EAAc,CAAC,MAAA,EAAQ,EAAE,UAAA,EAAY,OAAO,aAAA,EAAe,SAAA,EAAW,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA,EACzF,YAAA,EAAc,CAAC,QAAA,EAAU,EAAE,UAAA,EAAY,OAAO,aAAA,EAAe,SAAA,EAAW,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA,EAC3F,YAAA,EAAc,CAAC,QAAA,EAAU,EAAE,UAAA,EAAY,OAAO,aAAA,EAAe,SAAA,EAAW,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA,EAC3F,YAAA,EAAc,CAAC,SAAA,EAAW,EAAE,UAAA,EAAY,OAAO,aAAA,EAAe,SAAA,EAAW,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA,EAC5F,YAAA,EAAc,CAAC,MAAA,EAAQ,EAAE,YAAY,KAAA,EAAO,UAAA,EAAY,OAAO,CAAA;AAAA,EAC/D,SAAA,EAAW,CAAC,MAAA,EAAQ,EAAE,YAAY,KAAA,EAAO,UAAA,EAAY,OAAO,CAAA;AAAA,EAC5D,SAAA,EAAW,CAAC,UAAA,EAAY,EAAE,YAAY,KAAA,EAAO,UAAA,EAAY,OAAO,CAAA;AAAA,EAChE,SAAA,EAAW,CAAC,SAAA,EAAW,EAAE,YAAY,KAAA,EAAO,UAAA,EAAY,OAAO,CAAA;AAAA,EAC/D,SAAA,EAAW,CAAC,WAAA,EAAa,EAAE,YAAY,KAAA,EAAO,UAAA,EAAY,OAAO,CAAA;AAAA,EACjE,OAAA,EAAS,CAAC,UAAA,EAAY,EAAE,UAAA,EAAY,OAAO,aAAA,EAAe,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA,EACtF,SAAA,EAAW,CAAC,UAAA,EAAY,EAAE,YAAY,KAAA,EAAO,UAAA,EAAY,OAAO;AAClE;AAEO,IAAM,UAAA,GAAa;AAAA,EACxB,IAAA,EAAM,KAAA;AAAA,EACN,UAAA,EAAY,KAAA;AAAA,EACZ,KAAA,EAAO,KAAA;AAAA,EACP,MAAA,EAAQ,KAAA;AAAA,EACR,MAAA,EAAQ,KAAA;AAAA,EACR,QAAA,EAAU;AACZ;;;ACpCO,IAAM,OAAA,GAAU;AAAA;AAAA,EAErB,KAAA,EAAO,oCAAA;AAAA,EACP,UAAA,EAAY,kCAAA;AAAA,EACZ,UAAA,EAAY,mCAAA;AAAA,EACZ,WAAA,EAAa,mCAAA;AAAA;AAAA,EAGb,aAAA,EAAe,gCAAA;AAAA,EACf,YAAA,EAAc,uCAAA;AAAA,EACd,YAAA,EAAc,iCAAA;AAAA;AAAA,EAGd,WAAA,EAAa,kEAAA;AAAA,EACb,cAAA,EAAgB,gCAAA;AAAA,EAChB,cAAA,EAAgB,iCAAA;AAAA,EAChB,cAAA,EAAgB,kCAAA;AAAA,EAChB,aAAA,EAAe,iCAAA;AAAA,EACf,cAAA,EAAgB,kCAAA;AAAA,EAChB,cAAA,EAAgB,kCAAA;AAAA,EAChB,YAAA,EAAc,iCAAA;AAAA,EACd,WAAA,EAAa,kCAAA;AAAA;AAAA,EAGb,iBAAA,EAAmB,uCAAA;AAAA,EACnB,KAAA,EAAO,sCAAA;AAAA;AAAA,EAGP,eAAA,EAAiB,iCAAA;AAAA,EACjB,aAAA,EAAe,kCAAA;AAAA,EACf,gBAAA,EAAkB;AACpB;;;AC/BO,IAAM,YAAA,GAAe;AAAA,EAC1B,IAAA,EAAM,GAAA;AAAA,EACN,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,KAAA,EAAO,MAAA;AAAA,EACP,KAAA,EAAO,QAAA;AAAA,EACP,IAAA,EAAM,QAAA;AAAA;AAAA;AAAA,EAIN,GAAA,EAAK,yBAAA;AAAA;AAAA,EAEL,SAAA,EAAW,yBAAA;AAAA;AAAA,EAEX,SAAA,EAAW,2BAAA;AAAA;AAAA,EAEX,WAAA,EAAa,mBAAA;AAAA;AAAA,EAEb,QAAA,EAAU,mBAAA;AAAA;AAAA,EAEV,QAAA,EAAU;AACZ;;;ACxBO,IAAM,SAAA,GAAY;AAAA,EACvB,SAAA,EAAW;AAAA,IACT,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,EAAE,SAAA,EAAW,mBAAA,EAAoB;AAAA,MACvC,MAAA,EAAQ,EAAE,SAAA,EAAW,kBAAA;AAAmB,KAC1C;AAAA,IACA,WAAA,EAAa;AAAA,MACX,EAAA,EAAI,EAAE,gBAAA,EAAkB,GAAA;AAAI,KAC9B;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM,EAAE,SAAA,EAAW,cAAA,EAAe;AAAA,MAClC,EAAA,EAAI,EAAE,SAAA,EAAW,gBAAA;AAAiB,KACpC;AAAA,IACA,YAAA,EAAc;AAAA,MACZ,UAAA,EAAY,EAAE,OAAA,EAAS,KAAA,EAAM;AAAA,MAC7B,KAAA,EAAO,EAAE,OAAA,EAAS,GAAA;AAAI;AACxB,GACF;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,MAAA,EAAQ,OAAA;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,8BAAA;AAAA,IACT,EAAA,EAAI,4BAAA;AAAA,IACJ,GAAA,EAAK,4BAAA;AAAA,IACL,QAAA,EAAU,8BAAA;AAAA,IACV,MAAA,EAAQ;AAAA;AAEZ","file":"chunk-WPZJKIZT.js","sourcesContent":["/**\n * @organify/ui — Color Tokens\n *\n * Extracted from the Organify geometric design system.\n * Two themes: Dark (primary) + Cream Light\n */\n\nexport const colors = {\n  // ─── Brand ───────────────────────────────────────\n  primary: {\n    DEFAULT: '#241979',\n    light: '#4F39F6',\n    glow: '#4C35DE',\n    electric: '#5b42f2',\n    dark: '#0f0a38',\n  },\n\n  // ─── Neutral (Dark theme) ───────────────────────\n  neutral: {\n    900: '#191919', // Void — main bg\n    850: '#0b0c10', // Deep void\n    800: '#1F1F21', // Card surface\n    750: '#1a1a1c', // Alt surface\n    700: '#2A2A2E', // Elevated surface\n    600: '#3a3a3e', // Subtle border\n    500: '#6b7280', // Muted text\n    400: '#9CA3AF', // Placeholder\n    300: '#d1d5db', // Secondary text\n    200: '#e5e7eb', // Border light\n    100: '#f3f4f6', // Surface light\n    50: '#F9F9F7',  // Cream base\n  },\n\n  // ─── Semantic ────────────────────────────────────\n  semantic: {\n    success: {\n      DEFAULT: '#10B981',\n      light: '#34d399',\n      dark: '#065f46',\n      surface: 'rgba(16, 185, 129, 0.1)',\n      border: 'rgba(16, 185, 129, 0.3)',\n    },\n    warning: {\n      DEFAULT: '#F59E0B',\n      light: '#fbbf24',\n      dark: '#92400e',\n      surface: 'rgba(245, 158, 11, 0.1)',\n      border: 'rgba(245, 158, 11, 0.3)',\n    },\n    error: {\n      DEFAULT: '#E0115F',\n      light: '#f43f5e',\n      dark: '#9f1239',\n      surface: 'rgba(244, 63, 94, 0.1)',\n      border: 'rgba(244, 63, 94, 0.3)',\n    },\n    info: {\n      DEFAULT: '#3B82F6',\n      light: '#60a5fa',\n      dark: '#1e40af',\n      surface: 'rgba(59, 130, 246, 0.1)',\n      border: 'rgba(59, 130, 246, 0.3)',\n    },\n  },\n\n  // ─── Glass (Transparency) ───────────────────────\n  glass: {\n    bg: 'rgba(31, 31, 33, 0.6)',\n    bgHeavy: 'rgba(31, 31, 33, 0.8)',\n    surface: 'rgba(31, 31, 33, 0.7)',\n    border: 'rgba(255, 255, 255, 0.08)',\n    borderMedium: 'rgba(255, 255, 255, 0.12)',\n    borderStrong: 'rgba(255, 255, 255, 0.2)',\n    highlight: 'rgba(255, 255, 255, 0.05)',\n    white5: 'rgba(255, 255, 255, 0.05)',\n    white10: 'rgba(255, 255, 255, 0.1)',\n    white20: 'rgba(255, 255, 255, 0.2)',\n    white40: 'rgba(255, 255, 255, 0.4)',\n  },\n\n  // ─── Cream Light Theme ──────────────────────────\n  cream: {\n    base: '#F9F9F7',\n    surface: 'rgba(255, 255, 255, 0.7)',\n    surfaceStrong: 'rgba(255, 255, 255, 0.8)',\n    border: 'rgba(0, 0, 0, 0.04)',\n    borderMedium: 'rgba(0, 0, 0, 0.05)',\n    text: '#191919',\n    textMuted: '#6b7280',\n    textSubtle: '#9CA3AF',\n  },\n\n  // ─── Status / Flow states ───────────────────────\n  status: {\n    inFlow: {\n      bg: 'rgba(99, 102, 241, 0.2)',\n      text: '#c7d2fe',\n      border: 'rgba(99, 102, 241, 0.3)',\n      dot: '#818cf8',\n    },\n    deepWork: {\n      bg: 'rgba(217, 70, 239, 0.1)',\n      text: '#f0abfc',\n      border: 'rgba(217, 70, 239, 0.2)',\n    },\n    resting: {\n      bg: 'rgba(245, 158, 11, 0.15)',\n      text: '#fde68a',\n      border: 'rgba(245, 158, 11, 0.3)',\n    },\n    disconnected: {\n      bg: 'rgba(244, 63, 94, 0.15)',\n      text: '#fecdd3',\n      border: 'rgba(244, 63, 94, 0.3)',\n    },\n  },\n} as const;\n\nexport type Colors = typeof colors;\n","/**\n * @organify/ui — Typography Tokens\n *\n * Inter font family — Thin to Semi-bold weights.\n * Geometric precision, maximal legibility.\n */\n\nexport const fontFamily = {\n  sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],\n  mono: [\n    'ui-monospace',\n    'SFMono-Regular',\n    'Menlo',\n    'Monaco',\n    'Consolas',\n    'Liberation Mono',\n    'Courier New',\n    'monospace',\n  ],\n} as const;\n\nexport const fontSize = {\n  'display-xl': ['5rem', { lineHeight: '0.85', letterSpacing: '-0.04em', fontWeight: '100' }],\n  'display-lg': ['4rem', { lineHeight: '0.9', letterSpacing: '-0.03em', fontWeight: '100' }],\n  'heading-xl': ['2.5rem', { lineHeight: '1.1', letterSpacing: '-0.02em', fontWeight: '300' }],\n  'heading-lg': ['1.5rem', { lineHeight: '1.2', letterSpacing: '-0.01em', fontWeight: '300' }],\n  'heading-md': ['1.25rem', { lineHeight: '1.3', letterSpacing: '-0.01em', fontWeight: '300' }],\n  'heading-sm': ['1rem', { lineHeight: '1.4', fontWeight: '500' }],\n  'body-lg': ['1rem', { lineHeight: '1.6', fontWeight: '300' }],\n  'body-md': ['0.875rem', { lineHeight: '1.6', fontWeight: '300' }],\n  'body-sm': ['0.75rem', { lineHeight: '1.5', fontWeight: '400' }],\n  'caption': ['0.6875rem', { lineHeight: '1.4', fontWeight: '500' }],\n  'label': ['0.625rem', { lineHeight: '1.3', letterSpacing: '0.2em', fontWeight: '600' }],\n  'mono-xs': ['0.625rem', { lineHeight: '1.4', fontWeight: '400' }],\n} as const;\n\nexport const fontWeight = {\n  thin: '100',\n  extralight: '200',\n  light: '300',\n  normal: '400',\n  medium: '500',\n  semibold: '600',\n} as const;\n\nexport type FontFamily = typeof fontFamily;\nexport type FontSize = typeof fontSize;\nexport type FontWeight = typeof fontWeight;\n","/**\n * @organify/ui — Shadow Tokens\n *\n * Depth system: L1 → L2 → L3\n * Glass panels, glow effects, neon indicators.\n */\n\nexport const shadows = {\n  // ─── Glass Panels ───────────────────────────────\n  glass: '0 4px 24px -1px rgba(0, 0, 0, 0.2)',\n  'glass-lg': '0 8px 32px 0 rgba(0, 0, 0, 0.25)',\n  'glass-xl': '10px 10px 40px rgba(0, 0, 0, 0.4)',\n  'glass-2xl': '20px 20px 60px rgba(0, 0, 0, 0.5)',\n\n  // ─── Cream Light Theme ──────────────────────────\n  'cream-glass': '0 4px 30px rgba(0, 0, 0, 0.02)',\n  'cream-soft': '0 10px 40px -10px rgba(0, 0, 0, 0.03)',\n  'cream-glow': '0 0 15px rgba(36, 25, 121, 0.1)',\n\n  // ─── Neon / Glow ────────────────────────────────\n  'neon-glow': '0 0 10px rgba(79, 57, 246, 0.4), 0 0 20px rgba(79, 57, 246, 0.2)',\n  'neon-glow-sm': '0 0 5px rgba(79, 57, 246, 0.3)',\n  'neon-glow-lg': '0 0 30px rgba(36, 25, 121, 0.5)',\n  'glow-primary': '0 0 20px rgba(76, 53, 222, 0.25)',\n  'glow-indigo': '0 0 15px rgba(36, 25, 121, 0.6)',\n  'glow-success': '0 0 20px rgba(16, 185, 129, 0.2)',\n  'glow-warning': '0 0 20px rgba(245, 158, 11, 0.2)',\n  'glow-error': '0 0 20px rgba(244, 63, 94, 0.2)',\n  'glow-info': '0 0 20px rgba(59, 130, 246, 0.2)',\n\n  // ─── Asymmetric ─────────────────────────────────\n  'asymmetric-glow': '0 0 60px -15px rgba(99, 91, 255, 0.3)',\n  sharp: '4px 4px 0px 0px rgba(36, 25, 121, 1)',\n\n  // ─── Status indicator dots ──────────────────────\n  'status-online': '0 0 8px rgba(74, 222, 128, 0.8)',\n  'status-flow': '0 0 8px rgba(129, 140, 248, 0.8)',\n  'status-primary': '0 0 15px rgba(79, 57, 246, 0.5)',\n} as const;\n\nexport type Shadows = typeof shadows;\n","/**\n * @organify/ui — Border Tokens\n *\n * Asymmetric border-radius: geometric shapes from the design system.\n * Organic meets precision.\n */\n\nexport const borderRadius = {\n  none: '0',\n  sm: '0.25rem',\n  md: '0.5rem',\n  lg: '1rem',\n  xl: '1.5rem',\n  '2xl': '2rem',\n  '3xl': '2.5rem',\n  full: '9999px',\n\n  // ─── Geometric Asymmetric ───────────────────────\n  /** 0.5rem 2rem 0.5rem 2rem — Primary geometric */\n  geo: '0.5rem 2rem 0.5rem 2rem',\n  /** 2rem 0.5rem 2rem 0.5rem — Inverted geometric */\n  'geo-inv': '2rem 0.5rem 2rem 0.5rem',\n  /** 0.25rem 2rem 2rem 0.25rem — D-shape */\n  'd-shape': '0.25rem 2rem 2rem 0.25rem',\n  /** 4px 16px 16px 4px — Asymmetric pill */\n  'pill-asym': '4px 16px 16px 4px',\n  /** Large TL + BR corners */\n  'asym-1': '24px 8px 24px 8px',\n  /** Large TR + BL corners */\n  'asym-2': '8px 24px 8px 24px',\n} as const;\n\nexport type BorderRadius = typeof borderRadius;\n","/**\n * @organify/ui — Animation Tokens\n *\n * Transitions, keyframes, and durations for the design system.\n */\n\nexport const animation = {\n  keyframes: {\n    shimmer: {\n      '0%': { transform: 'translateX(-100%)' },\n      '100%': { transform: 'translateX(100%)' },\n    },\n    'draw-line': {\n      to: { strokeDashoffset: '0' },\n    },\n    'spin-slow': {\n      from: { transform: 'rotate(0deg)' },\n      to: { transform: 'rotate(360deg)' },\n    },\n    'glow-pulse': {\n      '0%, 100%': { opacity: '0.4' },\n      '50%': { opacity: '1' },\n    },\n  },\n  durations: {\n    fast: '150ms',\n    normal: '300ms',\n    slow: '500ms',\n    'very-slow': '700ms',\n  },\n  easings: {\n    default: 'cubic-bezier(0.4, 0, 0.2, 1)',\n    in: 'cubic-bezier(0.4, 0, 1, 1)',\n    out: 'cubic-bezier(0, 0, 0.2, 1)',\n    'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',\n    spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n  },\n} as const;\n\nexport type Animation = typeof animation;\n"]}