@puzzle-ui/theme 0.0.0-stage → 0.2.0

package/dist/constants.d.cts

@@ -0,0 +1,363 @@
+import "./types.cjs";
+export declare const COLOR_THEMES: {
+  readonly "cobalt-sky": {
+    readonly light: {
+      readonly background: "#F8FAFC";
+      readonly surface: "#FFFFFF";
+      readonly surfaceElevated: "#FFFFFF";
+      readonly surfaceSunken: "#F1F5F9";
+      readonly text: "#0F172A";
+      readonly textMuted: "#64748B";
+      readonly textSubtle: "#94A3B8";
+      readonly border: "#E2E8F0";
+      readonly borderStrong: "#CBD5E1";
+      readonly primary: "#2563EB";
+      readonly primaryForeground: "#FFFFFF";
+      readonly secondary: "#1E3A8A";
+      readonly secondaryForeground: "#FFFFFF";
+      readonly accent: "#0EA5E9";
+      readonly accentForeground: "#FFFFFF";
+      readonly ring: "#93C5FD";
+      readonly success: "#15803D";
+      readonly successForeground: "#FFFFFF";
+      readonly warning: "#B45309";
+      readonly warningForeground: "#FFFFFF";
+      readonly danger: "#DC2626";
+      readonly dangerForeground: "#FFFFFF";
+      readonly info: "#0369A1";
+      readonly infoForeground: "#FFFFFF";
+    };
+    readonly dark: {
+      readonly primary: "#60A5FA";
+      readonly primaryForeground: "#0F172A";
+      readonly secondary: "#93C5FD";
+      readonly secondaryForeground: "#0F172A";
+      readonly accent: "#38BDF8";
+      readonly accentForeground: "#082F49";
+    };
+  };
+  readonly "violet-dream": {
+    readonly light: {
+      readonly background: "#FAF9FF";
+      readonly surface: "#FFFFFF";
+      readonly surfaceElevated: "#FFFFFF";
+      readonly surfaceSunken: "#F3EEFF";
+      readonly text: "#1E1B4B";
+      readonly textMuted: "#6D688A";
+      readonly textSubtle: "#9691B5";
+      readonly border: "#E7E2F5";
+      readonly borderStrong: "#C9C0E8";
+      readonly primary: "#6D28D9";
+      readonly primaryForeground: "#FFFFFF";
+      readonly secondary: "#5B21B6";
+      readonly secondaryForeground: "#FFFFFF";
+      readonly accent: "#A855F7";
+      readonly accentForeground: "#FFFFFF";
+      readonly ring: "#C4B5FD";
+      readonly success: "#15803D";
+      readonly successForeground: "#FFFFFF";
+      readonly warning: "#A16207";
+      readonly warningForeground: "#FFFFFF";
+      readonly danger: "#BE123C";
+      readonly dangerForeground: "#FFFFFF";
+      readonly info: "#2563EB";
+      readonly infoForeground: "#FFFFFF";
+    };
+    readonly dark: {
+      readonly primary: "#A78BFA";
+      readonly primaryForeground: "#1E1B4B";
+      readonly secondary: "#C4B5FD";
+      readonly secondaryForeground: "#1E1B4B";
+      readonly accent: "#D8B4FE";
+      readonly accentForeground: "#2E1065";
+    };
+  };
+  readonly "emerald-forest": {
+    readonly light: {
+      readonly background: "#F7FCF9";
+      readonly surface: "#FFFFFF";
+      readonly surfaceElevated: "#FFFFFF";
+      readonly surfaceSunken: "#EAF7F0";
+      readonly text: "#102A22";
+      readonly textMuted: "#527568";
+      readonly textSubtle: "#829F93";
+      readonly border: "#D7EDE2";
+      readonly borderStrong: "#A8D8C1";
+      readonly primary: "#047857";
+      readonly primaryForeground: "#FFFFFF";
+      readonly secondary: "#065F46";
+      readonly secondaryForeground: "#FFFFFF";
+      readonly accent: "#10B981";
+      readonly accentForeground: "#FFFFFF";
+      readonly ring: "#6EE7B7";
+      readonly success: "#15803D";
+      readonly successForeground: "#FFFFFF";
+      readonly warning: "#A16207";
+      readonly warningForeground: "#FFFFFF";
+      readonly danger: "#B91C1C";
+      readonly dangerForeground: "#FFFFFF";
+      readonly info: "#0369A1";
+      readonly infoForeground: "#FFFFFF";
+    };
+    readonly dark: {
+      readonly primary: "#34D399";
+      readonly primaryForeground: "#052E22";
+      readonly secondary: "#6EE7B7";
+      readonly secondaryForeground: "#064E3B";
+      readonly accent: "#6EE7B7";
+      readonly accentForeground: "#064E3B";
+    };
+  };
+  readonly "coral-navy": {
+    readonly light: {
+      readonly background: "#FAFAFC";
+      readonly surface: "#FFFFFF";
+      readonly surfaceElevated: "#FFFFFF";
+      readonly surfaceSunken: "#F3F1F5";
+      readonly text: "#1C2333";
+      readonly textMuted: "#667085";
+      readonly textSubtle: "#9299A8";
+      readonly border: "#E5E7EB";
+      readonly borderStrong: "#C7CDD6";
+      readonly primary: "#F97316";
+      readonly primaryForeground: "#FFFFFF";
+      readonly secondary: "#334155";
+      readonly secondaryForeground: "#FFFFFF";
+      readonly accent: "#E11D48";
+      readonly accentForeground: "#FFFFFF";
+      readonly ring: "#FDBA74";
+      readonly success: "#15803D";
+      readonly successForeground: "#FFFFFF";
+      readonly warning: "#A16207";
+      readonly warningForeground: "#FFFFFF";
+      readonly danger: "#B91C1C";
+      readonly dangerForeground: "#FFFFFF";
+      readonly info: "#0369A1";
+      readonly infoForeground: "#FFFFFF";
+    };
+    readonly dark: {
+      readonly primary: "#FB923C";
+      readonly primaryForeground: "#431407";
+      readonly secondary: "#94A3B8";
+      readonly secondaryForeground: "#0F172A";
+      readonly accent: "#FB7185";
+      readonly accentForeground: "#4C0519";
+    };
+  };
+  readonly "ocean-blue": {
+    readonly light: {
+      readonly background: "#F6FAFF";
+      readonly surface: "#FFFFFF";
+      readonly surfaceElevated: "#FFFFFF";
+      readonly surfaceSunken: "#EAF3FC";
+      readonly text: "#102A43";
+      readonly textMuted: "#526D82";
+      readonly textSubtle: "#8299AC";
+      readonly border: "#D8E7F4";
+      readonly borderStrong: "#B7D1E7";
+      readonly primary: "#0284C7";
+      readonly primaryForeground: "#FFFFFF";
+      readonly secondary: "#075985";
+      readonly secondaryForeground: "#FFFFFF";
+      readonly accent: "#06B6D4";
+      readonly accentForeground: "#FFFFFF";
+      readonly ring: "#7DD3FC";
+      readonly success: "#0F9D75";
+      readonly successForeground: "#FFFFFF";
+      readonly warning: "#B45309";
+      readonly warningForeground: "#FFFFFF";
+      readonly danger: "#DC2626";
+      readonly dangerForeground: "#FFFFFF";
+      readonly info: "#0369A1";
+      readonly infoForeground: "#FFFFFF";
+    };
+    readonly dark: {
+      readonly primary: "#38BDF8";
+      readonly primaryForeground: "#082F49";
+      readonly secondary: "#7DD3FC";
+      readonly secondaryForeground: "#082F49";
+      readonly accent: "#22D3EE";
+      readonly accentForeground: "#083344";
+    };
+  };
+  readonly "mint-graphite": {
+    readonly light: {
+      readonly background: "#F8FBFA";
+      readonly surface: "#FFFFFF";
+      readonly surfaceElevated: "#FFFFFF";
+      readonly surfaceSunken: "#EEF5F3";
+      readonly text: "#172321";
+      readonly textMuted: "#5D716D";
+      readonly textSubtle: "#8A9D99";
+      readonly border: "#DCE8E5";
+      readonly borderStrong: "#B9D0CA";
+      readonly primary: "#0D9488";
+      readonly primaryForeground: "#FFFFFF";
+      readonly secondary: "#334155";
+      readonly secondaryForeground: "#FFFFFF";
+      readonly accent: "#84CC16";
+      readonly accentForeground: "#1A2E05";
+      readonly ring: "#5EEAD4";
+      readonly success: "#15803D";
+      readonly successForeground: "#FFFFFF";
+      readonly warning: "#A16207";
+      readonly warningForeground: "#FFFFFF";
+      readonly danger: "#B91C1C";
+      readonly dangerForeground: "#FFFFFF";
+      readonly info: "#0369A1";
+      readonly infoForeground: "#FFFFFF";
+    };
+    readonly dark: {
+      readonly primary: "#2DD4BF";
+      readonly primaryForeground: "#042F2E";
+      readonly secondary: "#94A3B8";
+      readonly secondaryForeground: "#0F172A";
+      readonly accent: "#A3E635";
+      readonly accentForeground: "#1A2E05";
+    };
+  };
+  readonly "plum-rose": {
+    readonly light: {
+      readonly background: "#FFFAFC";
+      readonly surface: "#FFFFFF";
+      readonly surfaceElevated: "#FFFFFF";
+      readonly surfaceSunken: "#F9EEF4";
+      readonly text: "#2B1D2A";
+      readonly textMuted: "#795F73";
+      readonly textSubtle: "#A18A9B";
+      readonly border: "#EEDDE7";
+      readonly borderStrong: "#D8BCCD";
+      readonly primary: "#9333EA";
+      readonly primaryForeground: "#FFFFFF";
+      readonly secondary: "#6B214F";
+      readonly secondaryForeground: "#FFFFFF";
+      readonly accent: "#E11D48";
+      readonly accentForeground: "#FFFFFF";
+      readonly ring: "#D8B4FE";
+      readonly success: "#15803D";
+      readonly successForeground: "#FFFFFF";
+      readonly warning: "#A16207";
+      readonly warningForeground: "#FFFFFF";
+      readonly danger: "#B91C1C";
+      readonly dangerForeground: "#FFFFFF";
+      readonly info: "#0369A1";
+      readonly infoForeground: "#FFFFFF";
+    };
+    readonly dark: {
+      readonly primary: "#C084FC";
+      readonly primaryForeground: "#3B0764";
+      readonly secondary: "#E9A8D4";
+      readonly secondaryForeground: "#500724";
+      readonly accent: "#FB7185";
+      readonly accentForeground: "#4C0519";
+    };
+  };
+  readonly "graphite-cyan": {
+    readonly light: {
+      readonly background: "#F7FAFC";
+      readonly surface: "#FFFFFF";
+      readonly surfaceElevated: "#FFFFFF";
+      readonly surfaceSunken: "#EDF2F7";
+      readonly text: "#1A202C";
+      readonly textMuted: "#4A5568";
+      readonly textSubtle: "#718096";
+      readonly border: "#E2E8F0";
+      readonly borderStrong: "#CBD5E0";
+      readonly primary: "#0F766E";
+      readonly primaryForeground: "#FFFFFF";
+      readonly secondary: "#334155";
+      readonly secondaryForeground: "#FFFFFF";
+      readonly accent: "#0891B2";
+      readonly accentForeground: "#FFFFFF";
+      readonly ring: "#67E8F9";
+      readonly success: "#15803D";
+      readonly successForeground: "#FFFFFF";
+      readonly warning: "#A16207";
+      readonly warningForeground: "#FFFFFF";
+      readonly danger: "#B91C1C";
+      readonly dangerForeground: "#FFFFFF";
+      readonly info: "#0369A1";
+      readonly infoForeground: "#FFFFFF";
+    };
+    readonly dark: {
+      readonly primary: "#2DD4BF";
+      readonly primaryForeground: "#042F2E";
+      readonly secondary: "#94A3B8";
+      readonly secondaryForeground: "#0F172A";
+      readonly accent: "#22D3EE";
+      readonly accentForeground: "#083344";
+    };
+  };
+  readonly "soft-white-terracotta": {
+    readonly light: {
+      readonly background: "#FCFCFB";
+      readonly surface: "#FFFFFF";
+      readonly surfaceElevated: "#FFFFFF";
+      readonly surfaceSunken: "#F4F3F1";
+      readonly text: "#242321";
+      readonly textMuted: "#686662";
+      readonly textSubtle: "#92908A";
+      readonly border: "#E7E5E1";
+      readonly borderStrong: "#D0CCC5";
+      readonly primary: "#C2410C";
+      readonly primaryForeground: "#FFFFFF";
+      readonly secondary: "#44403C";
+      readonly secondaryForeground: "#FFFFFF";
+      readonly accent: "#0F766E";
+      readonly accentForeground: "#FFFFFF";
+      readonly ring: "#FDBA74";
+      readonly success: "#15803D";
+      readonly successForeground: "#FFFFFF";
+      readonly warning: "#A16207";
+      readonly warningForeground: "#FFFFFF";
+      readonly danger: "#B91C1C";
+      readonly dangerForeground: "#FFFFFF";
+      readonly info: "#0369A1";
+      readonly infoForeground: "#FFFFFF";
+    };
+    readonly dark: {
+      readonly primary: "#FB923C";
+      readonly primaryForeground: "#431407";
+      readonly secondary: "#A8A29E";
+      readonly secondaryForeground: "#1C1917";
+      readonly accent: "#2DD4BF";
+      readonly accentForeground: "#042F2E";
+    };
+  };
+  readonly "electric-indigo": {
+    readonly light: {
+      readonly background: "#F8FAFF";
+      readonly surface: "#FFFFFF";
+      readonly surfaceElevated: "#FFFFFF";
+      readonly surfaceSunken: "#EEF2FF";
+      readonly text: "#171A35";
+      readonly textMuted: "#5F6485";
+      readonly textSubtle: "#8B91B3";
+      readonly border: "#E0E5F5";
+      readonly borderStrong: "#C4CBE6";
+      readonly primary: "#4F46E5";
+      readonly primaryForeground: "#FFFFFF";
+      readonly secondary: "#3730A3";
+      readonly secondaryForeground: "#FFFFFF";
+      readonly accent: "#DB2777";
+      readonly accentForeground: "#FFFFFF";
+      readonly ring: "#A5B4FC";
+      readonly success: "#15803D";
+      readonly successForeground: "#FFFFFF";
+      readonly warning: "#A16207";
+      readonly warningForeground: "#FFFFFF";
+      readonly danger: "#B91C1C";
+      readonly dangerForeground: "#FFFFFF";
+      readonly info: "#0369A1";
+      readonly infoForeground: "#FFFFFF";
+    };
+    readonly dark: {
+      readonly primary: "#818CF8";
+      readonly primaryForeground: "#1E1B4B";
+      readonly secondary: "#A5B4FC";
+      readonly secondaryForeground: "#1E1B4B";
+      readonly accent: "#F472B6";
+      readonly accentForeground: "#500724";
+    };
+  };
+};