@deckai/deck-ui 0.0.3 → 0.0.4

package/dist/tailwind.config.cjs

@@ -0,0 +1,264 @@
+'use strict';
+
+var tailwindAnimate = require('tailwindcss-animate');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var tailwindAnimate__default = /*#__PURE__*/_interopDefault(tailwindAnimate);
+
+// tailwind.config.ts
+
+// src/utils/tailwind.ts
+var generateSafelist = (colors2, typography2) => {
+  const colorNames = Object.keys(colors2);
+  const utilities = ["bg", "text", "border", "ring", "divide", "outline"];
+  const variants = ["hover:", "focus:", "active:", "disabled:"];
+  const safelist = [];
+  colorNames.forEach((colorName) => {
+    if (typeof colors2[colorName] === "object") {
+      Object.keys(colors2[colorName]).forEach((shade) => {
+        utilities.forEach((utility) => {
+          safelist.push(`${utility}-${colorName}-${shade}`);
+          variants.forEach((variant) => {
+            safelist.push(`${variant}${utility}-${colorName}-${shade}`);
+          });
+        });
+      });
+    } else {
+      utilities.forEach((utility) => {
+        safelist.push(`${utility}-${colorName}`);
+        variants.forEach((variant) => {
+          safelist.push(`${variant}${utility}-${colorName}`);
+        });
+      });
+    }
+  });
+  Object.entries(typography2).forEach(([family, sizes]) => {
+    Object.keys(sizes).forEach((size) => {
+      safelist.push(`text-${family}-${size}`);
+      variants.forEach((variant) => {
+        safelist.push(`${variant}text-${family}-${size}`);
+      });
+    });
+  });
+  return safelist;
+};
+
+// tailwind.config.ts
+var colors = {
+  background: {
+    50: "#F6F6F6",
+    100: "#F7F7F5"
+  },
+  primary: {
+    50: "#5B3DE3",
+    100: "#089CCB"
+  },
+  secondary: {
+    50: "#D9D9D9",
+    100: "#F6F5FF",
+    200: "#EBE8FC",
+    300: "#BDAEFF",
+    400: "#E7F7FC",
+    500: "#DAF6FF",
+    600: "#B3EDFF"
+  },
+  tertiary: {
+    5: "#E33D6550",
+    10: "#E33D65",
+    15: "#F59E0B50",
+    20: "#F59E0B",
+    25: "#10B98150",
+    30: "#10B981"
+  },
+  stroke: "#ECECEC",
+  text: {
+    primary: "#080808",
+    secondary: "#666666",
+    white: "#FFFFFF",
+    "primary-blue": "#F7F7F5"
+  }
+};
+var typography = {
+  heading: {
+    xl: {
+      fontSize: "56px",
+      letterSpacing: "-2%",
+      fontWeight: "700"
+      // Bold
+    },
+    lg: {
+      fontSize: "40px",
+      letterSpacing: "-2%",
+      fontWeight: "700"
+      // Bold
+    },
+    md: {
+      fontSize: "32px",
+      letterSpacing: "-2%",
+      fontWeight: "700"
+      // Bold
+    },
+    sm: {
+      fontSize: "20px",
+      letterSpacing: "-2%",
+      fontWeight: "700"
+      // Bold
+    },
+    xs: {
+      fontSize: "20px",
+      letterSpacing: "2%",
+      fontWeight: "700"
+      // Bold
+    }
+  },
+  body: {
+    lg: {
+      fontSize: "20px",
+      letterSpacing: "-0.4px",
+      fontWeight: "500",
+      lineHeight: "150%"
+    },
+    "lg-semibold": {
+      fontSize: "20px",
+      letterSpacing: "-0.4px",
+      fontWeight: "600",
+      // Semibold
+      lineHeight: "150%"
+    },
+    md: {
+      fontSize: "18px",
+      letterSpacing: "-2%",
+      fontWeight: "600"
+      // Semibold
+    },
+    default: {
+      fontSize: "16px",
+      letterSpacing: "0%",
+      fontWeight: "400"
+      // Regular
+    },
+    "default-medium": {
+      fontSize: "16px",
+      letterSpacing: "0%",
+      fontWeight: "500"
+      // Medium
+    },
+    "default-semibold": {
+      fontSize: "16px",
+      letterSpacing: "0%",
+      fontWeight: "600"
+      // Semibold
+    },
+    "default-bold": {
+      fontSize: "16px",
+      letterSpacing: "0%",
+      fontWeight: "700"
+      // Bold
+    },
+    xs: {
+      fontSize: "14px",
+      letterSpacing: "0%",
+      fontWeight: "400"
+      // Regular
+    },
+    "xs-medium": {
+      fontSize: "14px",
+      letterSpacing: "0%",
+      fontWeight: "500"
+      // Medium
+    },
+    xxs: {
+      fontSize: "13px",
+      letterSpacing: "0%",
+      fontWeight: "400"
+      // Regular
+    },
+    "xxs-medium": {
+      fontSize: "13px",
+      letterSpacing: "0%",
+      fontWeight: "500"
+      // Medium
+    },
+    "xxs-semibold": {
+      fontSize: "13px",
+      letterSpacing: "0%",
+      fontWeight: "600"
+      // Semibold
+    }
+  },
+  label: {
+    default: {
+      fontSize: "13px",
+      lineHeight: "24px",
+      letterSpacing: "0%",
+      fontWeight: "400",
+      // Regular
+      textTransform: "uppercase"
+    }
+  }
+};
+var config = {
+  content: ["./src/**/*.{ts,tsx}"],
+  theme: {
+    extend: {
+      colors,
+      fontSize: {
+        // Convert typography config to Tailwind's fontSize format
+        ...Object.entries(typography).reduce(
+          (acc, [family, sizes]) => {
+            Object.entries(sizes).forEach(([size, typeConfig]) => {
+              acc[`${family}-${size}`] = [
+                typeConfig.fontSize,
+                {
+                  lineHeight: typeConfig.lineHeight || "normal",
+                  letterSpacing: typeConfig.letterSpacing || "normal",
+                  fontWeight: typeConfig.fontWeight
+                }
+              ];
+            });
+            return acc;
+          },
+          {}
+        )
+      },
+      fontFamily: {
+        sans: ["Gilroy", "sans-serif"]
+      },
+      fontWeight: {
+        light: "400",
+        // Gilroy-Light.ttf
+        regular: "500",
+        // Gilroy-Regular.ttf
+        normal: "500",
+        // Gilroy-Regular.ttf
+        semibold: "600",
+        // Gilroy-Medium.ttf
+        bold: "700"
+        // Gilroy-Bold.ttf
+      }
+    }
+  },
+  plugins: [tailwindAnimate__default.default],
+  safelist: [...generateSafelist(colors, typography)],
+  keyframes: {
+    "fade-in": {
+      from: { opacity: "0" },
+      to: { opacity: "1" }
+    },
+    "fade-out": {
+      from: { opacity: "1" },
+      to: { opacity: "0" }
+    }
+  },
+  animation: {
+    "fade-in": "fade-in 200ms ease-out",
+    "fade-out": "fade-out 200ms ease-in"
+  }
+};
+var tailwind_config_default = config;
+if (exports.default) module.exports = exports.default;
+
+module.exports = tailwind_config_default;
+//# sourceMappingURL=tailwind.config.cjs.map
+//# sourceMappingURL=tailwind.config.cjs.map

package/dist/tailwind.config.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/tailwind.ts","../tailwind.config.ts"],"names":["colors","typography","tailwindAnimate"],"mappings":"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","file":"tailwind.config.cjs","sourcesContent":["import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  return safelist;\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n","/* eslint-disable prettier/prettier */\nimport type { Config } from \"tailwindcss\";\nimport tailwindAnimate from \"tailwindcss-animate\";\nimport { Colors, Typography } from \"./src/types/tailwind\";\nimport { generateSafelist } from \"./src/utils/tailwind\";\n\nconst colors: Colors = {\n  background: {\n    50: \"#F6F6F6\",\n    100: \"#F7F7F5\"\n  },\n  primary: {\n    50: \"#5B3DE3\",\n    100: \"#089CCB\"\n  },\n  secondary: {\n    50: \"#D9D9D9\",\n    100: \"#F6F5FF\",\n    200: \"#EBE8FC\",\n    300: \"#BDAEFF\",\n    400: \"#E7F7FC\",\n    500: \"#DAF6FF\",\n    600: \"#B3EDFF\"\n  },\n  tertiary: {\n    5: \"#E33D6550\",\n    10: \"#E33D65\",\n    15: \"#F59E0B50\",\n    20: \"#F59E0B\",\n    25: \"#10B98150\",\n    30: \"#10B981\"\n  },\n  stroke: \"#ECECEC\",\n  text: {\n    primary: \"#080808\",\n    secondary: \"#666666\",\n    white: \"#FFFFFF\",\n    \"primary-blue\": \"#F7F7F5\"\n  }\n};\n\nconst typography: Typography = {\n  heading: {\n    xl: {\n      fontSize: \"56px\",\n      letterSpacing: \"-2%\",\n      fontWeight: \"700\" // Bold\n    },\n    lg: {\n      fontSize: \"40px\",\n      letterSpacing: \"-2%\",\n      fontWeight: \"700\" // Bold\n    },\n    md: {\n      fontSize: \"32px\",\n      letterSpacing: \"-2%\",\n      fontWeight: \"700\" // Bold\n    },\n    sm: {\n      fontSize: \"20px\",\n      letterSpacing: \"-2%\",\n      fontWeight: \"700\" // Bold\n    },\n    xs: {\n      fontSize: \"20px\",\n      letterSpacing: \"2%\",\n      fontWeight: \"700\" // Bold\n    }\n  },\n  body: {\n    lg: {\n      fontSize: \"20px\",\n      letterSpacing: \"-0.4px\",\n      fontWeight: \"500\",\n      lineHeight: \"150%\"\n    },\n    \"lg-semibold\": {\n      fontSize: \"20px\",\n      letterSpacing: \"-0.4px\",\n      fontWeight: \"600\", // Semibold\n      lineHeight: \"150%\"\n    },\n    md: {\n      fontSize: \"18px\",\n      letterSpacing: \"-2%\",\n      fontWeight: \"600\" // Semibold\n    },\n    default: {\n      fontSize: \"16px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"400\" // Regular\n    },\n    \"default-medium\": {\n      fontSize: \"16px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"500\" // Medium\n    },\n    \"default-semibold\": {\n      fontSize: \"16px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"600\" // Semibold\n    },\n    \"default-bold\": {\n      fontSize: \"16px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"700\" // Bold\n    },\n    xs: {\n      fontSize: \"14px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"400\" // Regular\n    },\n    \"xs-medium\": {\n      fontSize: \"14px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"500\" // Medium\n    },\n    xxs: {\n      fontSize: \"13px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"400\" // Regular\n    },\n    \"xxs-medium\": {\n      fontSize: \"13px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"500\" // Medium\n    },\n    \"xxs-semibold\": {\n      fontSize: \"13px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"600\" // Semibold\n    }\n  },\n  label: {\n    default: {\n      fontSize: \"13px\",\n      lineHeight: \"24px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"400\", // Regular\n      textTransform: \"uppercase\"\n    }\n  }\n};\n\nconst config = {\n  content: [\"./src/**/*.{ts,tsx}\"],\n  theme: {\n    extend: {\n      colors,\n      fontSize: {\n        // Convert typography config to Tailwind's fontSize format\n        ...Object.entries(typography).reduce(\n          (acc, [family, sizes]) => {\n            Object.entries(sizes).forEach(([size, typeConfig]) => {\n              acc[`${family}-${size}`] = [\n                typeConfig.fontSize,\n                {\n                  lineHeight: typeConfig.lineHeight || \"normal\",\n                  letterSpacing: typeConfig.letterSpacing || \"normal\",\n                  fontWeight: typeConfig.fontWeight\n                }\n              ];\n            });\n            return acc;\n          },\n          {} as Record<string, [string, object]>\n        )\n      },\n      fontFamily: {\n        sans: [\"Gilroy\", \"sans-serif\"]\n      },\n      fontWeight: {\n        light: \"400\", // Gilroy-Light.ttf\n        regular: \"500\", // Gilroy-Regular.ttf\n        normal: \"500\", // Gilroy-Regular.ttf\n        semibold: \"600\", // Gilroy-Medium.ttf\n        bold: \"700\" // Gilroy-Bold.ttf\n      }\n    }\n  },\n  plugins: [tailwindAnimate],\n  safelist: [...generateSafelist(colors, typography)],\n  keyframes: {\n    \"fade-in\": {\n      from: { opacity: \"0\" },\n      to: { opacity: \"1\" }\n    },\n    \"fade-out\": {\n      from: { opacity: \"1\" },\n      to: { opacity: \"0\" }\n    }\n  },\n  animation: {\n    \"fade-in\": \"fade-in 200ms ease-out\",\n    \"fade-out\": \"fade-out 200ms ease-in\"\n  }\n} satisfies Config;\n\nexport default config;\n"]}

package/dist/tailwind.config.d.cts

@@ -0,0 +1,51 @@
+import { C as Colors } from './tailwind-BOs_0iUp.cjs';
+
+declare const config: {
+    content: string[];
+    theme: {
+        extend: {
+            colors: Colors;
+            fontSize: {
+                [x: string]: [string, object];
+            };
+            fontFamily: {
+                sans: [string, string];
+            };
+            fontWeight: {
+                light: string;
+                regular: string;
+                normal: string;
+                semibold: string;
+                bold: string;
+            };
+        };
+    };
+    plugins: {
+        handler: () => void;
+    }[];
+    safelist: string[];
+    keyframes: {
+        "fade-in": {
+            from: {
+                opacity: string;
+            };
+            to: {
+                opacity: string;
+            };
+        };
+        "fade-out": {
+            from: {
+                opacity: string;
+            };
+            to: {
+                opacity: string;
+            };
+        };
+    };
+    animation: {
+        "fade-in": string;
+        "fade-out": string;
+    };
+};
+
+export { config as default };

package/dist/tailwind.config.d.ts

@@ -0,0 +1,51 @@
+import { C as Colors } from './tailwind-BOs_0iUp.js';
+
+declare const config: {
+    content: string[];
+    theme: {
+        extend: {
+            colors: Colors;
+            fontSize: {
+                [x: string]: [string, object];
+            };
+            fontFamily: {
+                sans: [string, string];
+            };
+            fontWeight: {
+                light: string;
+                regular: string;
+                normal: string;
+                semibold: string;
+                bold: string;
+            };
+        };
+    };
+    plugins: {
+        handler: () => void;
+    }[];
+    safelist: string[];
+    keyframes: {
+        "fade-in": {
+            from: {
+                opacity: string;
+            };
+            to: {
+                opacity: string;
+            };
+        };
+        "fade-out": {
+            from: {
+                opacity: string;
+            };
+            to: {
+                opacity: string;
+            };
+        };
+    };
+    animation: {
+        "fade-in": string;
+        "fade-out": string;
+    };
+};
+
+export { config as default };

package/dist/tailwind.config.js

@@ -0,0 +1,258 @@
+import tailwindAnimate from 'tailwindcss-animate';
+
+// tailwind.config.ts
+
+// src/utils/tailwind.ts
+var generateSafelist = (colors2, typography2) => {
+  const colorNames = Object.keys(colors2);
+  const utilities = ["bg", "text", "border", "ring", "divide", "outline"];
+  const variants = ["hover:", "focus:", "active:", "disabled:"];
+  const safelist = [];
+  colorNames.forEach((colorName) => {
+    if (typeof colors2[colorName] === "object") {
+      Object.keys(colors2[colorName]).forEach((shade) => {
+        utilities.forEach((utility) => {
+          safelist.push(`${utility}-${colorName}-${shade}`);
+          variants.forEach((variant) => {
+            safelist.push(`${variant}${utility}-${colorName}-${shade}`);
+          });
+        });
+      });
+    } else {
+      utilities.forEach((utility) => {
+        safelist.push(`${utility}-${colorName}`);
+        variants.forEach((variant) => {
+          safelist.push(`${variant}${utility}-${colorName}`);
+        });
+      });
+    }
+  });
+  Object.entries(typography2).forEach(([family, sizes]) => {
+    Object.keys(sizes).forEach((size) => {
+      safelist.push(`text-${family}-${size}`);
+      variants.forEach((variant) => {
+        safelist.push(`${variant}text-${family}-${size}`);
+      });
+    });
+  });
+  return safelist;
+};
+
+// tailwind.config.ts
+var colors = {
+  background: {
+    50: "#F6F6F6",
+    100: "#F7F7F5"
+  },
+  primary: {
+    50: "#5B3DE3",
+    100: "#089CCB"
+  },
+  secondary: {
+    50: "#D9D9D9",
+    100: "#F6F5FF",
+    200: "#EBE8FC",
+    300: "#BDAEFF",
+    400: "#E7F7FC",
+    500: "#DAF6FF",
+    600: "#B3EDFF"
+  },
+  tertiary: {
+    5: "#E33D6550",
+    10: "#E33D65",
+    15: "#F59E0B50",
+    20: "#F59E0B",
+    25: "#10B98150",
+    30: "#10B981"
+  },
+  stroke: "#ECECEC",
+  text: {
+    primary: "#080808",
+    secondary: "#666666",
+    white: "#FFFFFF",
+    "primary-blue": "#F7F7F5"
+  }
+};
+var typography = {
+  heading: {
+    xl: {
+      fontSize: "56px",
+      letterSpacing: "-2%",
+      fontWeight: "700"
+      // Bold
+    },
+    lg: {
+      fontSize: "40px",
+      letterSpacing: "-2%",
+      fontWeight: "700"
+      // Bold
+    },
+    md: {
+      fontSize: "32px",
+      letterSpacing: "-2%",
+      fontWeight: "700"
+      // Bold
+    },
+    sm: {
+      fontSize: "20px",
+      letterSpacing: "-2%",
+      fontWeight: "700"
+      // Bold
+    },
+    xs: {
+      fontSize: "20px",
+      letterSpacing: "2%",
+      fontWeight: "700"
+      // Bold
+    }
+  },
+  body: {
+    lg: {
+      fontSize: "20px",
+      letterSpacing: "-0.4px",
+      fontWeight: "500",
+      lineHeight: "150%"
+    },
+    "lg-semibold": {
+      fontSize: "20px",
+      letterSpacing: "-0.4px",
+      fontWeight: "600",
+      // Semibold
+      lineHeight: "150%"
+    },
+    md: {
+      fontSize: "18px",
+      letterSpacing: "-2%",
+      fontWeight: "600"
+      // Semibold
+    },
+    default: {
+      fontSize: "16px",
+      letterSpacing: "0%",
+      fontWeight: "400"
+      // Regular
+    },
+    "default-medium": {
+      fontSize: "16px",
+      letterSpacing: "0%",
+      fontWeight: "500"
+      // Medium
+    },
+    "default-semibold": {
+      fontSize: "16px",
+      letterSpacing: "0%",
+      fontWeight: "600"
+      // Semibold
+    },
+    "default-bold": {
+      fontSize: "16px",
+      letterSpacing: "0%",
+      fontWeight: "700"
+      // Bold
+    },
+    xs: {
+      fontSize: "14px",
+      letterSpacing: "0%",
+      fontWeight: "400"
+      // Regular
+    },
+    "xs-medium": {
+      fontSize: "14px",
+      letterSpacing: "0%",
+      fontWeight: "500"
+      // Medium
+    },
+    xxs: {
+      fontSize: "13px",
+      letterSpacing: "0%",
+      fontWeight: "400"
+      // Regular
+    },
+    "xxs-medium": {
+      fontSize: "13px",
+      letterSpacing: "0%",
+      fontWeight: "500"
+      // Medium
+    },
+    "xxs-semibold": {
+      fontSize: "13px",
+      letterSpacing: "0%",
+      fontWeight: "600"
+      // Semibold
+    }
+  },
+  label: {
+    default: {
+      fontSize: "13px",
+      lineHeight: "24px",
+      letterSpacing: "0%",
+      fontWeight: "400",
+      // Regular
+      textTransform: "uppercase"
+    }
+  }
+};
+var config = {
+  content: ["./src/**/*.{ts,tsx}"],
+  theme: {
+    extend: {
+      colors,
+      fontSize: {
+        // Convert typography config to Tailwind's fontSize format
+        ...Object.entries(typography).reduce(
+          (acc, [family, sizes]) => {
+            Object.entries(sizes).forEach(([size, typeConfig]) => {
+              acc[`${family}-${size}`] = [
+                typeConfig.fontSize,
+                {
+                  lineHeight: typeConfig.lineHeight || "normal",
+                  letterSpacing: typeConfig.letterSpacing || "normal",
+                  fontWeight: typeConfig.fontWeight
+                }
+              ];
+            });
+            return acc;
+          },
+          {}
+        )
+      },
+      fontFamily: {
+        sans: ["Gilroy", "sans-serif"]
+      },
+      fontWeight: {
+        light: "400",
+        // Gilroy-Light.ttf
+        regular: "500",
+        // Gilroy-Regular.ttf
+        normal: "500",
+        // Gilroy-Regular.ttf
+        semibold: "600",
+        // Gilroy-Medium.ttf
+        bold: "700"
+        // Gilroy-Bold.ttf
+      }
+    }
+  },
+  plugins: [tailwindAnimate],
+  safelist: [...generateSafelist(colors, typography)],
+  keyframes: {
+    "fade-in": {
+      from: { opacity: "0" },
+      to: { opacity: "1" }
+    },
+    "fade-out": {
+      from: { opacity: "1" },
+      to: { opacity: "0" }
+    }
+  },
+  animation: {
+    "fade-in": "fade-in 200ms ease-out",
+    "fade-out": "fade-out 200ms ease-in"
+  }
+};
+var tailwind_config_default = config;
+if (exports.default) module.exports = exports.default;
+
+export { tailwind_config_default as default };
+//# sourceMappingURL=tailwind.config.js.map
+//# sourceMappingURL=tailwind.config.js.map

package/dist/tailwind.config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/tailwind.ts","../tailwind.config.ts"],"names":["colors","typography"],"mappings":"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","file":"tailwind.config.js","sourcesContent":["import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  return safelist;\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n","/* eslint-disable prettier/prettier */\nimport type { Config } from \"tailwindcss\";\nimport tailwindAnimate from \"tailwindcss-animate\";\nimport { Colors, Typography } from \"./src/types/tailwind\";\nimport { generateSafelist } from \"./src/utils/tailwind\";\n\nconst colors: Colors = {\n  background: {\n    50: \"#F6F6F6\",\n    100: \"#F7F7F5\"\n  },\n  primary: {\n    50: \"#5B3DE3\",\n    100: \"#089CCB\"\n  },\n  secondary: {\n    50: \"#D9D9D9\",\n    100: \"#F6F5FF\",\n    200: \"#EBE8FC\",\n    300: \"#BDAEFF\",\n    400: \"#E7F7FC\",\n    500: \"#DAF6FF\",\n    600: \"#B3EDFF\"\n  },\n  tertiary: {\n    5: \"#E33D6550\",\n    10: \"#E33D65\",\n    15: \"#F59E0B50\",\n    20: \"#F59E0B\",\n    25: \"#10B98150\",\n    30: \"#10B981\"\n  },\n  stroke: \"#ECECEC\",\n  text: {\n    primary: \"#080808\",\n    secondary: \"#666666\",\n    white: \"#FFFFFF\",\n    \"primary-blue\": \"#F7F7F5\"\n  }\n};\n\nconst typography: Typography = {\n  heading: {\n    xl: {\n      fontSize: \"56px\",\n      letterSpacing: \"-2%\",\n      fontWeight: \"700\" // Bold\n    },\n    lg: {\n      fontSize: \"40px\",\n      letterSpacing: \"-2%\",\n      fontWeight: \"700\" // Bold\n    },\n    md: {\n      fontSize: \"32px\",\n      letterSpacing: \"-2%\",\n      fontWeight: \"700\" // Bold\n    },\n    sm: {\n      fontSize: \"20px\",\n      letterSpacing: \"-2%\",\n      fontWeight: \"700\" // Bold\n    },\n    xs: {\n      fontSize: \"20px\",\n      letterSpacing: \"2%\",\n      fontWeight: \"700\" // Bold\n    }\n  },\n  body: {\n    lg: {\n      fontSize: \"20px\",\n      letterSpacing: \"-0.4px\",\n      fontWeight: \"500\",\n      lineHeight: \"150%\"\n    },\n    \"lg-semibold\": {\n      fontSize: \"20px\",\n      letterSpacing: \"-0.4px\",\n      fontWeight: \"600\", // Semibold\n      lineHeight: \"150%\"\n    },\n    md: {\n      fontSize: \"18px\",\n      letterSpacing: \"-2%\",\n      fontWeight: \"600\" // Semibold\n    },\n    default: {\n      fontSize: \"16px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"400\" // Regular\n    },\n    \"default-medium\": {\n      fontSize: \"16px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"500\" // Medium\n    },\n    \"default-semibold\": {\n      fontSize: \"16px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"600\" // Semibold\n    },\n    \"default-bold\": {\n      fontSize: \"16px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"700\" // Bold\n    },\n    xs: {\n      fontSize: \"14px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"400\" // Regular\n    },\n    \"xs-medium\": {\n      fontSize: \"14px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"500\" // Medium\n    },\n    xxs: {\n      fontSize: \"13px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"400\" // Regular\n    },\n    \"xxs-medium\": {\n      fontSize: \"13px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"500\" // Medium\n    },\n    \"xxs-semibold\": {\n      fontSize: \"13px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"600\" // Semibold\n    }\n  },\n  label: {\n    default: {\n      fontSize: \"13px\",\n      lineHeight: \"24px\",\n      letterSpacing: \"0%\",\n      fontWeight: \"400\", // Regular\n      textTransform: \"uppercase\"\n    }\n  }\n};\n\nconst config = {\n  content: [\"./src/**/*.{ts,tsx}\"],\n  theme: {\n    extend: {\n      colors,\n      fontSize: {\n        // Convert typography config to Tailwind's fontSize format\n        ...Object.entries(typography).reduce(\n          (acc, [family, sizes]) => {\n            Object.entries(sizes).forEach(([size, typeConfig]) => {\n              acc[`${family}-${size}`] = [\n                typeConfig.fontSize,\n                {\n                  lineHeight: typeConfig.lineHeight || \"normal\",\n                  letterSpacing: typeConfig.letterSpacing || \"normal\",\n                  fontWeight: typeConfig.fontWeight\n                }\n              ];\n            });\n            return acc;\n          },\n          {} as Record<string, [string, object]>\n        )\n      },\n      fontFamily: {\n        sans: [\"Gilroy\", \"sans-serif\"]\n      },\n      fontWeight: {\n        light: \"400\", // Gilroy-Light.ttf\n        regular: \"500\", // Gilroy-Regular.ttf\n        normal: \"500\", // Gilroy-Regular.ttf\n        semibold: \"600\", // Gilroy-Medium.ttf\n        bold: \"700\" // Gilroy-Bold.ttf\n      }\n    }\n  },\n  plugins: [tailwindAnimate],\n  safelist: [...generateSafelist(colors, typography)],\n  keyframes: {\n    \"fade-in\": {\n      from: { opacity: \"0\" },\n      to: { opacity: \"1\" }\n    },\n    \"fade-out\": {\n      from: { opacity: \"1\" },\n      to: { opacity: \"0\" }\n    }\n  },\n  animation: {\n    \"fade-in\": \"fade-in 200ms ease-out\",\n    \"fade-out\": \"fade-out 200ms ease-in\"\n  }\n} satisfies Config;\n\nexport default config;\n"]}