organify-ui 0.3.1 → 0.3.3

package/dist/chunk-UGX6D3AO.js

@@ -0,0 +1,327 @@
+// src/tokens/colors.ts
+var colors = {
+  // ─── Brand — Vibrant Violet ──────────────────────
+  primary: {
+    DEFAULT: "#7C3AED",
+    light: "#A78BFA",
+    soft: "#6D28D9",
+    electric: "#8B5CF6",
+    "electric-light": "#C4B5FD",
+    dark: "#4C1D95",
+    deep: "#3B0764"
+  },
+  // ─── Neutral — purple-tinted dark base ──────────
+  neutral: {
+    900: "#0D0A1A",
+    875: "#110E22",
+    850: "#16122E",
+    800: "#1A1530",
+    750: "#211B3A",
+    700: "#2A2245",
+    600: "#352D52",
+    500: "#7B7394",
+    400: "#A49BBF",
+    300: "#C4BDD9",
+    200: "#DDD8EB",
+    100: "#F0ECF9",
+    50: "#F8F6FC",
+    25: "#FCFBFE",
+    0: "#FFFFFF"
+  },
+  // ─── Semantic ────────────────────────────────────
+  semantic: {
+    success: {
+      DEFAULT: "#10B981",
+      light: "#34d399",
+      dark: "#065f46",
+      surface: "rgba(16, 185, 129, 0.12)",
+      border: "rgba(16, 185, 129, 0.30)"
+    },
+    warning: {
+      DEFAULT: "#F59E0B",
+      light: "#fbbf24",
+      dark: "#92400e",
+      surface: "rgba(245, 158, 11, 0.12)",
+      border: "rgba(245, 158, 11, 0.30)"
+    },
+    error: {
+      DEFAULT: "#EF4444",
+      light: "#f87171",
+      dark: "#991b1b",
+      surface: "rgba(239, 68, 68, 0.12)",
+      border: "rgba(239, 68, 68, 0.30)"
+    },
+    info: {
+      DEFAULT: "#3B82F6",
+      light: "#60a5fa",
+      dark: "#1e40af",
+      surface: "rgba(59, 130, 246, 0.12)",
+      border: "rgba(59, 130, 246, 0.30)"
+    }
+  },
+  // ─── Glass — purple-tinted transparency ─────────
+  glass: {
+    bg: "rgba(124, 58, 237, 0.06)",
+    bgHeavy: "rgba(124, 58, 237, 0.12)",
+    surface: "rgba(255, 255, 255, 0.05)",
+    border: "rgba(167, 139, 250, 0.15)",
+    borderMedium: "rgba(167, 139, 250, 0.25)",
+    borderStrong: "rgba(167, 139, 250, 0.40)",
+    highlight: "rgba(255, 255, 255, 0.06)",
+    white5: "rgba(255, 255, 255, 0.05)",
+    white10: "rgba(255, 255, 255, 0.10)",
+    white20: "rgba(255, 255, 255, 0.20)",
+    white40: "rgba(255, 255, 255, 0.40)"
+  },
+  // ─── Cream Theme ────────────────────────────────
+  cream: {
+    base: "#F8F6FC",
+    surface: "rgba(255, 255, 255, 0.75)",
+    surfaceStrong: "rgba(255, 255, 255, 0.92)",
+    border: "rgba(124, 58, 237, 0.08)",
+    borderMedium: "rgba(124, 58, 237, 0.12)",
+    borderStrong: "rgba(124, 58, 237, 0.20)",
+    glassBorder: "rgba(124, 58, 237, 0.04)",
+    text: "#1A1530",
+    textMuted: "#7B7394",
+    textSubtle: "#A49BBF"
+  },
+  // ─── Fluid Theme ────────────────────────────────
+  fluid: {
+    bg: "rgba(124, 58, 237, 0.05)",
+    surface: "#1A1530",
+    border: "rgba(167, 139, 250, 0.08)",
+    borderMedium: "rgba(167, 139, 250, 0.12)",
+    borderStrong: "rgba(167, 139, 250, 0.18)",
+    highlight: "rgba(167, 139, 250, 0.06)",
+    primarySoft: "rgba(124, 58, 237, 0.20)"
+  },
+  // ─── Liquid Glass Theme — violet glassmorphism ──
+  liquid: {
+    void: "#0D0A1A",
+    surface: "#110E22",
+    elevated: "#1A1530",
+    card: "#13102A",
+    text: "#F0ECF9",
+    textSecondary: "#C4BDD9",
+    textMuted: "#7B7394",
+    border: "rgba(139, 92, 246, 0.10)",
+    borderMedium: "rgba(139, 92, 246, 0.18)",
+    borderStrong: "rgba(167, 139, 250, 0.28)",
+    glassBg: "rgba(124, 58, 237, 0.06)",
+    glassBgHeavy: "rgba(17, 14, 34, 0.85)",
+    glassSurface: "rgba(17, 14, 34, 0.70)",
+    glassBorder: "rgba(139, 92, 246, 0.08)",
+    glassBorderMedium: "rgba(139, 92, 246, 0.15)",
+    glassBorderStrong: "rgba(167, 139, 250, 0.25)",
+    glassHighlight: "rgba(167, 139, 250, 0.06)",
+    primaryViolet: "#7C3AED",
+    primaryPurple: "#A855F7",
+    primaryLavender: "#C4B5FD",
+    primaryDeep: "#6D28D9",
+    primarySoft: "rgba(124, 58, 237, 0.20)",
+    accentGlow: "rgba(124, 58, 237, 0.40)",
+    grainOpacity: "0.04"
+  },
+  // ─── Status / Flow ──────────────────────────────
+  status: {
+    inFlow: {
+      bg: "rgba(124, 58, 237, 0.20)",
+      text: "#C4B5FD",
+      border: "rgba(124, 58, 237, 0.30)",
+      dot: "#A78BFA"
+    },
+    deepWork: {
+      bg: "rgba(217, 70, 239, 0.12)",
+      text: "#f0abfc",
+      border: "rgba(217, 70, 239, 0.22)"
+    },
+    resting: {
+      bg: "rgba(245, 158, 11, 0.15)",
+      text: "#fde68a",
+      border: "rgba(245, 158, 11, 0.30)"
+    },
+    disconnected: {
+      bg: "rgba(239, 68, 68, 0.15)",
+      text: "#fecdd3",
+      border: "rgba(239, 68, 68, 0.30)"
+    }
+  }
+};
+
+// src/tokens/typography.ts
+var fontFamily = {
+  sans: ["Space Grotesk", "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.90", letterSpacing: "-0.04em", fontWeight: "300" }],
+  "display-lg": ["4rem", { lineHeight: "0.95", letterSpacing: "-0.03em", fontWeight: "300" }],
+  "heading-xl": ["2.5rem", { lineHeight: "1.1", letterSpacing: "-0.02em", fontWeight: "400" }],
+  "heading-lg": ["1.5rem", { lineHeight: "1.2", letterSpacing: "-0.01em", fontWeight: "400" }],
+  "heading-md": ["1.25rem", { lineHeight: "1.3", letterSpacing: "-0.01em", fontWeight: "400" }],
+  "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.15em", fontWeight: "500" }],
+  "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: "0 24px 80px -15px rgba(13, 10, 26, 0.60)",
+  "glass-sm": "0 8px 32px -8px rgba(13, 10, 26, 0.50)",
+  "glass-lg": "0 32px 100px -20px rgba(13, 10, 26, 0.70)",
+  "glass-xl": "0 40px 120px -20px rgba(13, 10, 26, 0.80)",
+  "cream-glass": "0 10px 40px -10px rgba(124, 58, 237, 0.06), inset 0 0 20px rgba(255, 255, 255, 0.50)",
+  "cream-soft": "0 20px 60px -15px rgba(124, 58, 237, 0.08)",
+  "cream-glow": "0 0 15px rgba(124, 58, 237, 0.12)",
+  "cream-btn": "0 8px 20px rgba(124, 58, 237, 0.10)",
+  "cream-btn-primary": "0 4px 12px rgba(124, 58, 237, 0.15)",
+  "inner-light": "inset 0 1px 0 0 rgba(167, 139, 250, 0.08)",
+  "neon-glow": "0 0 15px rgba(124, 58, 237, 0.35), 0 0 30px rgba(124, 58, 237, 0.15)",
+  "neon-glow-sm": "0 0 8px rgba(124, 58, 237, 0.30)",
+  "neon-glow-lg": "0 0 30px rgba(124, 58, 237, 0.45), 0 0 60px rgba(124, 58, 237, 0.20)",
+  "soft-glow": "0 0 20px rgba(124, 58, 237, 0.08)",
+  "glow-primary": "0 0 25px rgba(124, 58, 237, 0.50)",
+  "glow-soft": "0 0 60px rgba(124, 58, 237, 0.18)",
+  "glow-indigo": "0 0 15px rgba(124, 58, 237, 0.50)",
+  "glow-success": "0 0 20px rgba(16, 185, 129, 0.20)",
+  "glow-warning": "0 0 20px rgba(245, 158, 11, 0.20)",
+  "glow-error": "0 0 20px rgba(239, 68, 68, 0.20)",
+  "glow-info": "0 0 20px rgba(59, 130, 246, 0.20)",
+  "asymmetric-glow": "0 0 60px -15px rgba(124, 58, 237, 0.35)",
+  sharp: "4px 4px 0px 0px rgba(124, 58, 237, 1)",
+  "status-online": "0 0 8px rgba(74, 222, 128, 0.80)",
+  "status-flow": "0 0 8px rgba(167, 139, 250, 0.80)",
+  "status-primary": "0 0 15px rgba(124, 58, 237, 0.50)",
+  // ─── Liquid Glass ───────────────────────────────
+  "liquid-glass": "0 8px 32px rgba(13, 10, 26, 0.60), inset 0 1px 0 0 rgba(167, 139, 250, 0.06)",
+  "liquid-glass-sm": "0 4px 16px rgba(13, 10, 26, 0.40)",
+  "liquid-glass-lg": "0 16px 48px rgba(13, 10, 26, 0.70), inset 0 1px 0 0 rgba(167, 139, 250, 0.08)",
+  "liquid-glass-xl": "0 24px 64px rgba(13, 10, 26, 0.80), inset 0 1px 0 0 rgba(167, 139, 250, 0.10)",
+  "liquid-glow": "0 0 20px rgba(124, 58, 237, 0.30), 0 0 40px rgba(168, 85, 247, 0.15)",
+  "liquid-glow-sm": "0 0 12px rgba(124, 58, 237, 0.25)",
+  "liquid-glow-lg": "0 0 40px rgba(124, 58, 237, 0.40), 0 0 80px rgba(168, 85, 247, 0.20)",
+  "liquid-glow-primary": "0 0 24px rgba(124, 58, 237, 0.35), 0 4px 16px rgba(124, 58, 237, 0.20)",
+  "liquid-neon": "0 0 15px rgba(124, 58, 237, 0.50), 0 0 30px rgba(168, 85, 247, 0.25)",
+  "liquid-inner": "inset 0 1px 0 0 rgba(167, 139, 250, 0.08)"
+};
+
+// src/tokens/borders.ts
+var borderRadius = {
+  none: "0",
+  sm: "0.25rem",
+  md: "0.5rem",
+  lg: "1rem",
+  xl: "1.25rem",
+  "2xl": "1.5rem",
+  "3xl": "2rem",
+  "4xl": "2.5rem",
+  full: "9999px",
+  organic: "2.5rem",
+  "organic-lg": "3rem",
+  squircle: "1.25rem",
+  "squircle-sm": "1rem",
+  "squircle-lg": "2rem",
+  geo: "0.5rem 2rem 0.5rem 2rem",
+  "geo-inv": "2rem 0.5rem 2rem 0.5rem",
+  "d-shape": "0.25rem 2rem 2rem 0.25rem",
+  "pill-asym": "4px 16px 16px 4px",
+  "asym-1": "24px 8px 24px 8px",
+  "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" }
+    },
+    float: {
+      "0%": { transform: "translate(0, 0) rotate(0deg)" },
+      "50%": { transform: "translate(-20px, 20px) rotate(2deg)" },
+      "100%": { transform: "translate(0, 0) rotate(0deg)" }
+    },
+    "float-subtle": {
+      "0%, 100%": { transform: "translateY(0)" },
+      "50%": { transform: "translateY(-8px)" }
+    },
+    "fade-in": {
+      from: { opacity: "0" },
+      to: { opacity: "1" }
+    },
+    "slide-up": {
+      from: { opacity: "0", transform: "translateY(12px)" },
+      to: { opacity: "1", transform: "translateY(0)" }
+    },
+    "liquid-reveal": {
+      from: { opacity: "0", transform: "translateY(8px) scale(0.98)", filter: "blur(4px)" },
+      to: { opacity: "1", transform: "translateY(0) scale(1)", filter: "blur(0)" }
+    },
+    "liquid-fade": {
+      from: { opacity: "0", backdropFilter: "blur(0px)" },
+      to: { opacity: "1", backdropFilter: "blur(40px)" }
+    },
+    "liquid-glow-pulse": {
+      "0%, 100%": { opacity: "0.3", boxShadow: "0 0 20px rgba(124, 58, 237, 0.20)" },
+      "50%": { opacity: "0.6", boxShadow: "0 0 40px rgba(124, 58, 237, 0.40)" }
+    },
+    "grain-drift": {
+      "0%": { transform: "translate(0, 0)" },
+      "50%": { transform: "translate(-2%, -1%)" },
+      "100%": { transform: "translate(0, 0)" }
+    }
+  },
+  durations: {
+    fast: "150ms",
+    normal: "300ms",
+    slow: "500ms",
+    "very-slow": "700ms",
+    organic: "400ms"
+  },
+  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)",
+    organic: "cubic-bezier(0.25, 1, 0.5, 1)",
+    "organic-out": "cubic-bezier(0.2, 0.8, 0.2, 1)"
+  }
+};
+
+export { animation, borderRadius, colors, fontFamily, fontSize, fontWeight, shadows };
+//# sourceMappingURL=chunk-UGX6D3AO.js.map
+//# sourceMappingURL=chunk-UGX6D3AO.js.map

package/dist/chunk-UGX6D3AO.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":"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","file":"chunk-UGX6D3AO.js","sourcesContent":["/**\n * @organify/ui — Color Tokens\n *\n * Organify Organic Design System — Vibrant Violet\n *   Purple-dominant glassmorphism with violet accents.\n *   Inspired by the Organify landing page aesthetic.\n *\n *   Themes: Dark (default), Cream (light), Fluid (vibrant)\n */\n\nexport const colors = {\n  // ─── Brand — Vibrant Violet ──────────────────────\n  primary: {\n    DEFAULT: '#7C3AED',\n    light: '#A78BFA',\n    soft: '#6D28D9',\n    electric: '#8B5CF6',\n    'electric-light': '#C4B5FD',\n    dark: '#4C1D95',\n    deep: '#3B0764',\n  },\n\n  // ─── Neutral — purple-tinted dark base ──────────\n  neutral: {\n    900: '#0D0A1A',\n    875: '#110E22',\n    850: '#16122E',\n    800: '#1A1530',\n    750: '#211B3A',\n    700: '#2A2245',\n    600: '#352D52',\n    500: '#7B7394',\n    400: '#A49BBF',\n    300: '#C4BDD9',\n    200: '#DDD8EB',\n    100: '#F0ECF9',\n    50: '#F8F6FC',\n    25: '#FCFBFE',\n    0: '#FFFFFF',\n  },\n\n  // ─── Semantic ────────────────────────────────────\n  semantic: {\n    success: {\n      DEFAULT: '#10B981',\n      light: '#34d399',\n      dark: '#065f46',\n      surface: 'rgba(16, 185, 129, 0.12)',\n      border: 'rgba(16, 185, 129, 0.30)',\n    },\n    warning: {\n      DEFAULT: '#F59E0B',\n      light: '#fbbf24',\n      dark: '#92400e',\n      surface: 'rgba(245, 158, 11, 0.12)',\n      border: 'rgba(245, 158, 11, 0.30)',\n    },\n    error: {\n      DEFAULT: '#EF4444',\n      light: '#f87171',\n      dark: '#991b1b',\n      surface: 'rgba(239, 68, 68, 0.12)',\n      border: 'rgba(239, 68, 68, 0.30)',\n    },\n    info: {\n      DEFAULT: '#3B82F6',\n      light: '#60a5fa',\n      dark: '#1e40af',\n      surface: 'rgba(59, 130, 246, 0.12)',\n      border: 'rgba(59, 130, 246, 0.30)',\n    },\n  },\n\n  // ─── Glass — purple-tinted transparency ─────────\n  glass: {\n    bg: 'rgba(124, 58, 237, 0.06)',\n    bgHeavy: 'rgba(124, 58, 237, 0.12)',\n    surface: 'rgba(255, 255, 255, 0.05)',\n    border: 'rgba(167, 139, 250, 0.15)',\n    borderMedium: 'rgba(167, 139, 250, 0.25)',\n    borderStrong: 'rgba(167, 139, 250, 0.40)',\n    highlight: 'rgba(255, 255, 255, 0.06)',\n    white5: 'rgba(255, 255, 255, 0.05)',\n    white10: 'rgba(255, 255, 255, 0.10)',\n    white20: 'rgba(255, 255, 255, 0.20)',\n    white40: 'rgba(255, 255, 255, 0.40)',\n  },\n\n  // ─── Cream Theme ────────────────────────────────\n  cream: {\n    base: '#F8F6FC',\n    surface: 'rgba(255, 255, 255, 0.75)',\n    surfaceStrong: 'rgba(255, 255, 255, 0.92)',\n    border: 'rgba(124, 58, 237, 0.08)',\n    borderMedium: 'rgba(124, 58, 237, 0.12)',\n    borderStrong: 'rgba(124, 58, 237, 0.20)',\n    glassBorder: 'rgba(124, 58, 237, 0.04)',\n    text: '#1A1530',\n    textMuted: '#7B7394',\n    textSubtle: '#A49BBF',\n  },\n\n  // ─── Fluid Theme ────────────────────────────────\n  fluid: {\n    bg: 'rgba(124, 58, 237, 0.05)',\n    surface: '#1A1530',\n    border: 'rgba(167, 139, 250, 0.08)',\n    borderMedium: 'rgba(167, 139, 250, 0.12)',\n    borderStrong: 'rgba(167, 139, 250, 0.18)',\n    highlight: 'rgba(167, 139, 250, 0.06)',\n    primarySoft: 'rgba(124, 58, 237, 0.20)',\n  },\n\n  // ─── Liquid Glass Theme — violet glassmorphism ──\n  liquid: {\n    void: '#0D0A1A',\n    surface: '#110E22',\n    elevated: '#1A1530',\n    card: '#13102A',\n    text: '#F0ECF9',\n    textSecondary: '#C4BDD9',\n    textMuted: '#7B7394',\n    border: 'rgba(139, 92, 246, 0.10)',\n    borderMedium: 'rgba(139, 92, 246, 0.18)',\n    borderStrong: 'rgba(167, 139, 250, 0.28)',\n    glassBg: 'rgba(124, 58, 237, 0.06)',\n    glassBgHeavy: 'rgba(17, 14, 34, 0.85)',\n    glassSurface: 'rgba(17, 14, 34, 0.70)',\n    glassBorder: 'rgba(139, 92, 246, 0.08)',\n    glassBorderMedium: 'rgba(139, 92, 246, 0.15)',\n    glassBorderStrong: 'rgba(167, 139, 250, 0.25)',\n    glassHighlight: 'rgba(167, 139, 250, 0.06)',\n    primaryViolet: '#7C3AED',\n    primaryPurple: '#A855F7',\n    primaryLavender: '#C4B5FD',\n    primaryDeep: '#6D28D9',\n    primarySoft: 'rgba(124, 58, 237, 0.20)',\n    accentGlow: 'rgba(124, 58, 237, 0.40)',\n    grainOpacity: '0.04',\n  },\n\n  // ─── Status / Flow ──────────────────────────────\n  status: {\n    inFlow: {\n      bg: 'rgba(124, 58, 237, 0.20)',\n      text: '#C4B5FD',\n      border: 'rgba(124, 58, 237, 0.30)',\n      dot: '#A78BFA',\n    },\n    deepWork: {\n      bg: 'rgba(217, 70, 239, 0.12)',\n      text: '#f0abfc',\n      border: 'rgba(217, 70, 239, 0.22)',\n    },\n    resting: {\n      bg: 'rgba(245, 158, 11, 0.15)',\n      text: '#fde68a',\n      border: 'rgba(245, 158, 11, 0.30)',\n    },\n    disconnected: {\n      bg: 'rgba(239, 68, 68, 0.15)',\n      text: '#fecdd3',\n      border: 'rgba(239, 68, 68, 0.30)',\n    },\n  },\n} as const;\n\nexport type Colors = typeof colors;\n","/**\n * @organify/ui — Typography Tokens\n *\n * Space Grotesk — primary font, geometric & modern.\n * Inter kept as secondary/fallback.\n * Display headings use italic style for landing aesthetic.\n */\n\nexport const fontFamily = {\n  sans: ['Space Grotesk', '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.90', letterSpacing: '-0.04em', fontWeight: '300' }],\n  'display-lg': ['4rem', { lineHeight: '0.95', letterSpacing: '-0.03em', fontWeight: '300' }],\n  'heading-xl': ['2.5rem', { lineHeight: '1.1', letterSpacing: '-0.02em', fontWeight: '400' }],\n  'heading-lg': ['1.5rem', { lineHeight: '1.2', letterSpacing: '-0.01em', fontWeight: '400' }],\n  'heading-md': ['1.25rem', { lineHeight: '1.3', letterSpacing: '-0.01em', fontWeight: '400' }],\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.15em', fontWeight: '500' }],\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 * Organic Design System — violet-tinted depth & glow layers.\n */\n\nexport const shadows = {\n  glass: '0 24px 80px -15px rgba(13, 10, 26, 0.60)',\n  'glass-sm': '0 8px 32px -8px rgba(13, 10, 26, 0.50)',\n  'glass-lg': '0 32px 100px -20px rgba(13, 10, 26, 0.70)',\n  'glass-xl': '0 40px 120px -20px rgba(13, 10, 26, 0.80)',\n  'cream-glass': '0 10px 40px -10px rgba(124, 58, 237, 0.06), inset 0 0 20px rgba(255, 255, 255, 0.50)',\n  'cream-soft': '0 20px 60px -15px rgba(124, 58, 237, 0.08)',\n  'cream-glow': '0 0 15px rgba(124, 58, 237, 0.12)',\n  'cream-btn': '0 8px 20px rgba(124, 58, 237, 0.10)',\n  'cream-btn-primary': '0 4px 12px rgba(124, 58, 237, 0.15)',\n  'inner-light': 'inset 0 1px 0 0 rgba(167, 139, 250, 0.08)',\n  'neon-glow': '0 0 15px rgba(124, 58, 237, 0.35), 0 0 30px rgba(124, 58, 237, 0.15)',\n  'neon-glow-sm': '0 0 8px rgba(124, 58, 237, 0.30)',\n  'neon-glow-lg': '0 0 30px rgba(124, 58, 237, 0.45), 0 0 60px rgba(124, 58, 237, 0.20)',\n  'soft-glow': '0 0 20px rgba(124, 58, 237, 0.08)',\n  'glow-primary': '0 0 25px rgba(124, 58, 237, 0.50)',\n  'glow-soft': '0 0 60px rgba(124, 58, 237, 0.18)',\n  'glow-indigo': '0 0 15px rgba(124, 58, 237, 0.50)',\n  'glow-success': '0 0 20px rgba(16, 185, 129, 0.20)',\n  'glow-warning': '0 0 20px rgba(245, 158, 11, 0.20)',\n  'glow-error': '0 0 20px rgba(239, 68, 68, 0.20)',\n  'glow-info': '0 0 20px rgba(59, 130, 246, 0.20)',\n  'asymmetric-glow': '0 0 60px -15px rgba(124, 58, 237, 0.35)',\n  sharp: '4px 4px 0px 0px rgba(124, 58, 237, 1)',\n  'status-online': '0 0 8px rgba(74, 222, 128, 0.80)',\n  'status-flow': '0 0 8px rgba(167, 139, 250, 0.80)',\n  'status-primary': '0 0 15px rgba(124, 58, 237, 0.50)',\n\n  // ─── Liquid Glass ───────────────────────────────\n  'liquid-glass': '0 8px 32px rgba(13, 10, 26, 0.60), inset 0 1px 0 0 rgba(167, 139, 250, 0.06)',\n  'liquid-glass-sm': '0 4px 16px rgba(13, 10, 26, 0.40)',\n  'liquid-glass-lg': '0 16px 48px rgba(13, 10, 26, 0.70), inset 0 1px 0 0 rgba(167, 139, 250, 0.08)',\n  'liquid-glass-xl': '0 24px 64px rgba(13, 10, 26, 0.80), inset 0 1px 0 0 rgba(167, 139, 250, 0.10)',\n  'liquid-glow': '0 0 20px rgba(124, 58, 237, 0.30), 0 0 40px rgba(168, 85, 247, 0.15)',\n  'liquid-glow-sm': '0 0 12px rgba(124, 58, 237, 0.25)',\n  'liquid-glow-lg': '0 0 40px rgba(124, 58, 237, 0.40), 0 0 80px rgba(168, 85, 247, 0.20)',\n  'liquid-glow-primary': '0 0 24px rgba(124, 58, 237, 0.35), 0 4px 16px rgba(124, 58, 237, 0.20)',\n  'liquid-neon': '0 0 15px rgba(124, 58, 237, 0.50), 0 0 30px rgba(168, 85, 247, 0.25)',\n  'liquid-inner': 'inset 0 1px 0 0 rgba(167, 139, 250, 0.08)',\n} as const;\n\nexport type Shadows = typeof shadows;\n","/**\n * @organify/ui — Border Tokens\n *\n * Organic Design System — fluid curves.\n * organic: 2.5rem (dark), 3rem (cream)\n * squircle: 1.25rem (dark), 1.5-2rem (cream/fluid)\n */\n\nexport const borderRadius = {\n  none: '0',\n  sm: '0.25rem',\n  md: '0.5rem',\n  lg: '1rem',\n  xl: '1.25rem',\n  '2xl': '1.5rem',\n  '3xl': '2rem',\n  '4xl': '2.5rem',\n  full: '9999px',\n  organic: '2.5rem',\n  'organic-lg': '3rem',\n  squircle: '1.25rem',\n  'squircle-sm': '1rem',\n  'squircle-lg': '2rem',\n  geo: '0.5rem 2rem 0.5rem 2rem',\n  'geo-inv': '2rem 0.5rem 2rem 0.5rem',\n  'd-shape': '0.25rem 2rem 2rem 0.25rem',\n  'pill-asym': '4px 16px 16px 4px',\n  'asym-1': '24px 8px 24px 8px',\n  'asym-2': '8px 24px 8px 24px',\n} as const;\n\nexport type BorderRadius = typeof borderRadius;\n","/**\n * @organify/ui — Animation Tokens\n *\n * Organic Design System — fluid, breathable motion.\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    float: {\n      '0%': { transform: 'translate(0, 0) rotate(0deg)' },\n      '50%': { transform: 'translate(-20px, 20px) rotate(2deg)' },\n      '100%': { transform: 'translate(0, 0) rotate(0deg)' },\n    },\n    'float-subtle': {\n      '0%, 100%': { transform: 'translateY(0)' },\n      '50%': { transform: 'translateY(-8px)' },\n    },\n    'fade-in': {\n      from: { opacity: '0' },\n      to: { opacity: '1' },\n    },\n    'slide-up': {\n      from: { opacity: '0', transform: 'translateY(12px)' },\n      to: { opacity: '1', transform: 'translateY(0)' },\n    },\n    'liquid-reveal': {\n      from: { opacity: '0', transform: 'translateY(8px) scale(0.98)', filter: 'blur(4px)' },\n      to: { opacity: '1', transform: 'translateY(0) scale(1)', filter: 'blur(0)' },\n    },\n    'liquid-fade': {\n      from: { opacity: '0', backdropFilter: 'blur(0px)' },\n      to: { opacity: '1', backdropFilter: 'blur(40px)' },\n    },\n    'liquid-glow-pulse': {\n      '0%, 100%': { opacity: '0.3', boxShadow: '0 0 20px rgba(124, 58, 237, 0.20)' },\n      '50%': { opacity: '0.6', boxShadow: '0 0 40px rgba(124, 58, 237, 0.40)' },\n    },\n    'grain-drift': {\n      '0%': { transform: 'translate(0, 0)' },\n      '50%': { transform: 'translate(-2%, -1%)' },\n      '100%': { transform: 'translate(0, 0)' },\n    },\n  },\n  durations: {\n    fast: '150ms',\n    normal: '300ms',\n    slow: '500ms',\n    'very-slow': '700ms',\n    organic: '400ms',\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    organic: 'cubic-bezier(0.25, 1, 0.5, 1)',\n    'organic-out': 'cubic-bezier(0.2, 0.8, 0.2, 1)',\n  },\n} as const;\n\nexport type Animation = typeof animation;\n"]}

package/dist/{chunk-TJWTQNS3.js → chunk-Z7OW3K7Y.js}

@@ -1,5 +1,5 @@
 import { cn, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, ScrollArea, Skeleton, Avatar, AvatarFallback, Badge, useOrganifyApi, useOrganifyUser, useOrganifyWorkspace, useOrganifyGql } from './chunk-VHQZS77G.js';
-import { OrgPlus, OrgSearch, OrgComment, OrgClose, OrgEdit, OrgTeam, OrgGlobe, OrgLock, OrgCheckCircle, OrgError, OrgWarning, OrgInfo, OrgChevronDown, OrgChevronRight, OrgDoor, OrgTrash, OrgCheck, OrgFolder, OrgChevronLeft } from './chunk-HY7M3VZM.js';
+import { OrgPlus, OrgSearch, OrgComment, OrgClose, OrgEdit, OrgTeam, OrgGlobe, OrgLock, OrgCheckCircle, OrgError, OrgWarning, OrgInfo, OrgChevronDown, OrgChevronRight, OrgDoor, OrgTrash, OrgCheck, OrgFolder, OrgChevronLeft } from './chunk-MZKEDV5W.js';
 import * as React6 from 'react';
 import React6__default, { useState, useCallback, useEffect } from 'react';
 import { Slot } from '@radix-ui/react-slot';
@@ -116,13 +116,13 @@ function OrgLoader({
           ),
           /* @__PURE__ */ jsxs("defs", { children: [
             /* @__PURE__ */ jsxs("linearGradient", { id: "org-loader-gradient", x1: "6", y1: "6", x2: "42", y2: "42", gradientUnits: "userSpaceOnUse", children: [
-              /* @__PURE__ */ jsx("stop", { stopColor: "#4F39F6" }),
-              /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "#5b42f2" }),
-              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#241979" })
+              /* @__PURE__ */ jsx("stop", { stopColor: "#7C3AED" }),
+              /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "#8B5CF6" }),
+              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#6D28D9" })
             ] }),
             /* @__PURE__ */ jsxs("linearGradient", { id: "org-loader-diamond", x1: "0", y1: "0", x2: "1", y2: "1", children: [
-              /* @__PURE__ */ jsx("stop", { stopColor: "#4F39F6" }),
-              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#241979" })
+              /* @__PURE__ */ jsx("stop", { stopColor: "#7C3AED" }),
+              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#6D28D9" })
             ] })
           ] })
         ] }) }),
@@ -171,21 +171,21 @@ function OrgLoaderInline({ className, ...props }) {
   );
 }
 var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
       variant: {
-        default: "bg-primary text-white hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20",
-        outline: "border bg-background border-input text-gray-900 hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:text-white dark:hover:bg-input/50",
-        secondary: "bg-secondary text-gray-900 hover:bg-secondary/80 dark:text-white",
-        ghost: "text-gray-900 hover:bg-accent hover:text-accent-foreground dark:text-white dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline"
+        default: "bg-primary !text-white hover:bg-primary/90",
+        destructive: "!bg-destructive !text-white hover:bg-destructive/90 focus-visible:ring-destructive/20",
+        outline: "border bg-background border-input !text-white hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:text-white dark:hover:bg-input/50",
+        secondary: "bg-secondary !text-white hover:bg-secondary/80 !dark:text-white",
+        ghost: "!text-white hover:bg-accent hover:text-accent-foreground !dark:text-white dark:hover:bg-accent/50",
+        link: "!text-primary underline-offset-4 hover:underline"
       },
       size: {
         default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        sm: "h-8 rounded-full gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-full px-6 has-[>svg]:px-4",
         icon: "size-9",
         "icon-sm": "size-8",
         "icon-lg": "size-10"
@@ -1687,9 +1687,8 @@ function DialogContent({
       {
         "data-slot": "dialog-content",
         className: cn(
-          "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-2xl border-2 p-6 shadow-xl duration-[400ms] sm:max-w-lg",
-          "bg-white text-gray-900 border-gray-300 dark:bg-gray-900 dark:text-white dark:border-gray-700",
-          "dark:shadow-[0_24px_80px_-15px_rgba(0,0,0,0.8)]",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-2xl border p-6 shadow-2xl duration-[400ms] sm:max-w-lg",
+          "[background:var(--org-bg-elevated)] [color:var(--org-text)] [border-color:var(--org-glass-border)]",
           className
         ),
         ...props,
@@ -1805,7 +1804,7 @@ function DrawerContent({
             },
             className: cn(
               "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border-2",
-              "border-gray-300 bg-white text-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-white",
+              "[background:var(--org-bg-elevated)] [color:var(--org-text)] [border-color:var(--org-glass-border)]",
               className
             ),
             children: [
@@ -1891,13 +1890,7 @@ function ResponsiveDialog({
     return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
       DialogContent,
       {
-        className: cn(
-          "max-w-2xl max-h-[85vh] overflow-y-auto",
-          "border-2 bg-white text-gray-900 border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-white",
-          "dark:shadow-[0_24px_80px_-15px_rgba(0,0,0,0.8)]",
-          "shadow-xl",
-          contentClassName
-        ),
+        className: cn("max-w-2xl max-h-[85vh] overflow-y-auto", contentClassName),
         children: [
           (title || description) && /* @__PURE__ */ jsxs(DialogHeader, { children: [
             title && /* @__PURE__ */ jsx(DialogTitle, { className: "text-lg", children: title }),
@@ -1909,24 +1902,14 @@ function ResponsiveDialog({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
-    DrawerContent,
-    {
-      className: cn(
-        "max-h-[90vh]",
-        "border-t-2 border-gray-300 bg-white text-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-white",
-        contentClassName
-      ),
-      children: [
-        (title || description) && /* @__PURE__ */ jsxs(DrawerHeader, { className: "text-left", children: [
-          title && /* @__PURE__ */ jsx(DrawerTitle, { className: "text-lg", children: title }),
-          description && /* @__PURE__ */ jsx(DrawerDescription, { className: "text-muted-foreground text-sm", children: description })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: cn("overflow-y-auto px-4 pb-4", className), children }),
-        footer && /* @__PURE__ */ jsx(DrawerFooter, { children: footer })
-      ]
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DrawerContent, { className: cn("max-h-[90vh]", contentClassName), children: [
+    (title || description) && /* @__PURE__ */ jsxs(DrawerHeader, { className: "text-left", children: [
+      title && /* @__PURE__ */ jsx(DrawerTitle, { className: "text-lg", children: title }),
+      description && /* @__PURE__ */ jsx(DrawerDescription, { className: "text-muted-foreground text-sm", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: cn("overflow-y-auto px-4 pb-4", className), children }),
+    footer && /* @__PURE__ */ jsx(DrawerFooter, { children: footer })
+  ] }) });
 }
 ResponsiveDialog.displayName = "ResponsiveDialog";
 var Tabs = TabsPrimitive.Root;
@@ -4138,5 +4121,5 @@ function OrganifyChat({
 }
 
 export { Alert, Button, ChatMessages, ChatSidebar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Input, Label, MOCK_PROJECTS, MOCK_USERS, MentionPopover, MessageBubble, MessageInput, OrgLoader, OrgLoaderInline, OrganifyChat, ResponsiveDialog, RoomManagementPanel, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TypingIndicatorMock, alertVariants, buttonVariants, generateAutoReplies, getMockMentionOptions, getRoomPermissions, inputVariants, orgLoaderVariants, typingIndicator, useChat };
-//# sourceMappingURL=chunk-TJWTQNS3.js.map
-//# sourceMappingURL=chunk-TJWTQNS3.js.map
+//# sourceMappingURL=chunk-Z7OW3K7Y.js.map
+//# sourceMappingURL=chunk-Z7OW3K7Y.js.map