@kala-ui/react 0.0.1-beta.1

package/dist/src/config/tailwind-base.d.ts

@@ -0,0 +1,469 @@
+export declare const baseConfig: {
+    darkMode: string;
+    safelist: string[];
+    theme: {
+        container: {
+            center: boolean;
+            padding: string;
+            screens: {
+                readonly xs: "320px";
+                readonly sm: "640px";
+                readonly md: "768px";
+                readonly lg: "1024px";
+                readonly xl: "1280px";
+                readonly '2xl': "1536px";
+            };
+        };
+        extend: {
+            backgroundColor: {
+                DEFAULT: string;
+            };
+            borderColor: {
+                DEFAULT: string;
+            };
+            ringColor: {
+                DEFAULT: string;
+            };
+            ringOffsetColor: {
+                DEFAULT: string;
+            };
+            colors: {
+                primary: {
+                    DEFAULT: string;
+                    foreground: string;
+                    50: "#eff6ff";
+                    100: "#dbeafe";
+                    200: "#bfdbfe";
+                    300: "#93c5fd";
+                    400: "#60a5fa";
+                    500: "#3b82f6";
+                    600: "#2563eb";
+                    700: "#1d4ed8";
+                    800: "#1e40af";
+                    900: "#1e3a8a";
+                    950: "#172554";
+                };
+                secondary: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                neutral: {
+                    readonly 50: "#fafafa";
+                    readonly 100: "#f5f5f5";
+                    readonly 200: "#e5e5e5";
+                    readonly 300: "#d4d4d4";
+                    readonly 400: "#a3a3a3";
+                    readonly 500: "#737373";
+                    readonly 600: "#525252";
+                    readonly 700: "#404040";
+                    readonly 800: "#262626";
+                    readonly 900: "#171717";
+                    readonly 950: "#0a0a0a";
+                };
+                success: {
+                    DEFAULT: string;
+                    foreground: string;
+                    50: "#f0fdf4";
+                    100: "#dcfce7";
+                    200: "#bbf7d0";
+                    300: "#86efac";
+                    400: "#4ade80";
+                    500: "#10b981";
+                    600: "#16a34a";
+                    700: "#15803d";
+                    800: "#166534";
+                    900: "#14532d";
+                    950: "#052e16";
+                };
+                error: {
+                    DEFAULT: string;
+                    foreground: string;
+                    50: "#fef2f2";
+                    100: "#fee2e2";
+                    200: "#fecaca";
+                    300: "#fca5a5";
+                    400: "#f87171";
+                    500: "#ef4444";
+                    600: "#dc2626";
+                    700: "#b91c1c";
+                    800: "#991b1b";
+                    900: "#7f1d1d";
+                    950: "#450a0a";
+                };
+                warning: {
+                    DEFAULT: string;
+                    foreground: string;
+                    50: "#fffbeb";
+                    100: "#fef3c7";
+                    200: "#fde68a";
+                    300: "#fcd34d";
+                    400: "#fbbf24";
+                    500: "#f59e0b";
+                    600: "#d97706";
+                    700: "#b45309";
+                    800: "#92400e";
+                    900: "#78350f";
+                    950: "#451a03";
+                };
+                info: {
+                    DEFAULT: string;
+                    foreground: string;
+                    50: "#f0f9ff";
+                    100: "#e0f2fe";
+                    200: "#bae6fd";
+                    300: "#7dd3fc";
+                    400: "#38bdf8";
+                    500: "#0ea5e9";
+                    600: "#0284c7";
+                    700: "#0369a1";
+                    800: "#075985";
+                    900: "#0c4a6e";
+                    950: "#082f49";
+                };
+                border: string;
+                input: string;
+                ring: string;
+                background: string;
+                foreground: string;
+                card: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                popover: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                muted: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                accent: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                destructive: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                separator: string;
+            };
+            spacing: {
+                readonly px: "1px";
+                readonly 0: "0";
+                readonly 0.5: "0.125rem";
+                readonly 1: "0.25rem";
+                readonly 1.5: "0.375rem";
+                readonly 2: "0.5rem";
+                readonly 2.5: "0.625rem";
+                readonly 3: "0.75rem";
+                readonly 3.5: "0.875rem";
+                readonly 4: "1rem";
+                readonly 5: "1.25rem";
+                readonly 6: "1.5rem";
+                readonly 7: "1.75rem";
+                readonly 8: "2rem";
+                readonly 9: "2.25rem";
+                readonly 10: "2.5rem";
+                readonly 11: "2.75rem";
+                readonly 12: "3rem";
+                readonly 14: "3.5rem";
+                readonly 16: "4rem";
+                readonly 20: "5rem";
+                readonly 24: "6rem";
+                readonly 28: "7rem";
+                readonly 32: "8rem";
+                readonly 36: "9rem";
+                readonly 40: "10rem";
+                readonly 44: "11rem";
+                readonly 48: "12rem";
+                readonly 52: "13rem";
+                readonly 56: "14rem";
+                readonly 60: "15rem";
+                readonly 64: "16rem";
+                readonly 72: "18rem";
+                readonly 80: "20rem";
+                readonly 96: "24rem";
+                readonly containerPadding: {
+                    readonly mobile: "1rem";
+                    readonly tablet: "2rem";
+                    readonly desktop: "3rem";
+                };
+                readonly sectionSpacing: {
+                    readonly sm: "2rem";
+                    readonly md: "4rem";
+                    readonly lg: "6rem";
+                    readonly xl: "8rem";
+                };
+            };
+            fontFamily: {
+                readonly sans: readonly ["IBM Plex Sans", "Noto Sans Devanagari", "Noto Sans Telugu", "Inter", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif"];
+                readonly serif: readonly ["Georgia", "Cambria", "Times New Roman", "Times", "serif"];
+                readonly mono: readonly ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "monospace"];
+                readonly devanagari: readonly ["Noto Sans Devanagari", "system-ui", "-apple-system", "sans-serif"];
+                readonly telugu: readonly ["Noto Sans Telugu", "system-ui", "-apple-system", "sans-serif"];
+            };
+            fontSize: {
+                readonly xs: readonly ["0.75rem", {
+                    readonly lineHeight: "1rem";
+                }];
+                readonly sm: readonly ["0.875rem", {
+                    readonly lineHeight: "1.25rem";
+                }];
+                readonly base: readonly ["1rem", {
+                    readonly lineHeight: "1.5rem";
+                }];
+                readonly lg: readonly ["1.125rem", {
+                    readonly lineHeight: "1.75rem";
+                }];
+                readonly xl: readonly ["1.25rem", {
+                    readonly lineHeight: "1.75rem";
+                }];
+                readonly '2xl': readonly ["1.5rem", {
+                    readonly lineHeight: "2rem";
+                }];
+                readonly '3xl': readonly ["1.875rem", {
+                    readonly lineHeight: "2.25rem";
+                }];
+                readonly '4xl': readonly ["2.25rem", {
+                    readonly lineHeight: "2.5rem";
+                }];
+                readonly '5xl': readonly ["3rem", {
+                    readonly lineHeight: "1";
+                }];
+                readonly '6xl': readonly ["3.75rem", {
+                    readonly lineHeight: "1";
+                }];
+                readonly '7xl': readonly ["4.5rem", {
+                    readonly lineHeight: "1";
+                }];
+                readonly '8xl': readonly ["6rem", {
+                    readonly lineHeight: "1";
+                }];
+                readonly '9xl': readonly ["8rem", {
+                    readonly lineHeight: "1";
+                }];
+            };
+            fontWeight: {
+                readonly thin: "100";
+                readonly extralight: "200";
+                readonly light: "300";
+                readonly normal: "400";
+                readonly medium: "500";
+                readonly semibold: "600";
+                readonly bold: "700";
+                readonly extrabold: "800";
+                readonly black: "900";
+            };
+            lineHeight: {
+                readonly none: "1";
+                readonly tight: "1.25";
+                readonly snug: "1.375";
+                readonly normal: "1.5";
+                readonly relaxed: "1.625";
+                readonly loose: "2";
+                readonly 3: ".75rem";
+                readonly 4: "1rem";
+                readonly 5: "1.25rem";
+                readonly 6: "1.5rem";
+                readonly 7: "1.75rem";
+                readonly 8: "2rem";
+                readonly 9: "2.25rem";
+                readonly 10: "2.5rem";
+            };
+            letterSpacing: {
+                readonly tighter: "-0.05em";
+                readonly tight: "-0.025em";
+                readonly normal: "0em";
+                readonly wide: "0.025em";
+                readonly wider: "0.05em";
+                readonly widest: "0.1em";
+            };
+            boxShadow: {
+                themed: string;
+                DEFAULT: string;
+                none: "none";
+                xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+                sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+                md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+                lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+                xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+                '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
+                inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)";
+            };
+            dropShadow: {
+                readonly none: "none";
+                readonly sm: "0 1px 1px rgb(0 0 0 / 0.05)";
+                readonly md: readonly ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"];
+                readonly lg: readonly ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"];
+                readonly xl: readonly ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"];
+                readonly '2xl': "0 25px 25px rgb(0 0 0 / 0.15)";
+            };
+            screens: {
+                readonly xs: "320px";
+                readonly sm: "640px";
+                readonly md: "768px";
+                readonly lg: "1024px";
+                readonly xl: "1280px";
+                readonly '2xl': "1536px";
+            };
+            transitionDuration: {
+                readonly instant: "0ms";
+                readonly fast: "150ms";
+                readonly base: "200ms";
+                readonly medium: "300ms";
+                readonly slow: "500ms";
+                readonly slower: "700ms";
+                readonly slowest: "1000ms";
+            };
+            transitionTimingFunction: {
+                readonly linear: "linear";
+                readonly ease: "ease";
+                readonly easeIn: "cubic-bezier(0.4, 0, 1, 1)";
+                readonly easeOut: "cubic-bezier(0, 0, 0.2, 1)";
+                readonly easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+                readonly snappy: "cubic-bezier(0.4, 0.0, 0.2, 1)";
+                readonly smooth: "cubic-bezier(0.25, 0.1, 0.25, 1)";
+                readonly bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
+            };
+            transitionDelay: {
+                readonly none: "0ms";
+                readonly short: "75ms";
+                readonly base: "100ms";
+                readonly medium: "150ms";
+                readonly long: "300ms";
+            };
+            keyframes: {
+                "accordion-down": {
+                    from: {
+                        height: string;
+                    };
+                    to: {
+                        height: string;
+                    };
+                };
+                "accordion-up": {
+                    from: {
+                        height: string;
+                    };
+                    to: {
+                        height: string;
+                    };
+                };
+                "progress-stripes": {
+                    "0%": {
+                        backgroundPosition: string;
+                    };
+                    "100%": {
+                        backgroundPosition: string;
+                    };
+                };
+                fadeIn: {
+                    readonly from: {
+                        readonly opacity: "0";
+                    };
+                    readonly to: {
+                        readonly opacity: "1";
+                    };
+                };
+                fadeOut: {
+                    readonly from: {
+                        readonly opacity: "1";
+                    };
+                    readonly to: {
+                        readonly opacity: "0";
+                    };
+                };
+                slideInFromTop: {
+                    readonly from: {
+                        readonly transform: "translateY(-100%)";
+                    };
+                    readonly to: {
+                        readonly transform: "translateY(0)";
+                    };
+                };
+                slideInFromBottom: {
+                    readonly from: {
+                        readonly transform: "translateY(100%)";
+                    };
+                    readonly to: {
+                        readonly transform: "translateY(0)";
+                    };
+                };
+                slideInFromLeft: {
+                    readonly from: {
+                        readonly transform: "translateX(-100%)";
+                    };
+                    readonly to: {
+                        readonly transform: "translateX(0)";
+                    };
+                };
+                slideInFromRight: {
+                    readonly from: {
+                        readonly transform: "translateX(100%)";
+                    };
+                    readonly to: {
+                        readonly transform: "translateX(0)";
+                    };
+                };
+                scaleIn: {
+                    readonly from: {
+                        readonly transform: "scale(0.95)";
+                        readonly opacity: "0";
+                    };
+                    readonly to: {
+                        readonly transform: "scale(1)";
+                        readonly opacity: "1";
+                    };
+                };
+                scaleOut: {
+                    readonly from: {
+                        readonly transform: "scale(1)";
+                        readonly opacity: "1";
+                    };
+                    readonly to: {
+                        readonly transform: "scale(0.95)";
+                        readonly opacity: "0";
+                    };
+                };
+                spin: {
+                    readonly from: {
+                        readonly transform: "rotate(0deg)";
+                    };
+                    readonly to: {
+                        readonly transform: "rotate(360deg)";
+                    };
+                };
+                pulse: {
+                    readonly "0%, 100%": {
+                        readonly opacity: "1";
+                    };
+                    readonly "50%": {
+                        readonly opacity: "0.5";
+                    };
+                };
+                bounce: {
+                    readonly "0%, 100%": {
+                        readonly transform: "translateY(-25%)";
+                        readonly animationTimingFunction: "cubic-bezier(0.8, 0, 1, 1)";
+                    };
+                    readonly "50%": {
+                        readonly transform: "translateY(0)";
+                        readonly animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)";
+                    };
+                };
+            };
+            animation: {
+                spin: string;
+                pulse: string;
+                bounce: string;
+                "accordion-down": string;
+                "accordion-up": string;
+                "progress-stripes": string;
+            };
+        };
+    };
+    plugins: {
+        handler: () => void;
+    }[];
+};
+//# sourceMappingURL=tailwind-base.d.ts.map

package/dist/src/config/tailwind-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-base.d.ts","sourceRoot":"","sources":["../../../src/config/tailwind-base.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmItB,CAAC"}

package/dist/src/config/tailwind-base.js

@@ -0,0 +1,132 @@
+import { breakpoints, colors, shadows, spacing, transitions, typography, } from "@kala-ui/design-tokens";
+import animate from "tailwindcss-animate";
+export const baseConfig = {
+    darkMode: "class",
+    safelist: [
+        "neutral",
+        "accent",
+        "dark",
+        "high-contrast-light",
+        "high-contrast-dark",
+    ],
+    theme: {
+        container: {
+            center: true,
+            padding: "1rem",
+            screens: breakpoints.screens,
+        },
+        extend: {
+            backgroundColor: {
+                DEFAULT: "hsl(var(--background) / var(--background-alpha, 1))",
+            },
+            borderColor: {
+                DEFAULT: "hsl(var(--border) / var(--border-alpha, 1))",
+            },
+            ringColor: {
+                DEFAULT: "hsl(var(--ring))",
+            },
+            ringOffsetColor: {
+                DEFAULT: "hsl(var(--background))",
+            },
+            colors: {
+                primary: {
+                    ...colors.primary,
+                    DEFAULT: "hsl(var(--primary))",
+                    foreground: "hsl(var(--primary-foreground))",
+                },
+                secondary: {
+                    DEFAULT: "hsl(var(--secondary))",
+                    foreground: "hsl(var(--secondary-foreground))",
+                },
+                neutral: colors.neutral,
+                success: {
+                    ...colors.success,
+                    DEFAULT: "hsl(var(--success))",
+                    foreground: "hsl(var(--success-foreground))",
+                },
+                error: {
+                    ...colors.error,
+                    DEFAULT: "hsl(var(--error))",
+                    foreground: "hsl(var(--error-foreground))",
+                },
+                warning: {
+                    ...colors.warning,
+                    DEFAULT: "hsl(var(--warning))",
+                    foreground: "hsl(var(--warning-foreground))",
+                },
+                info: {
+                    ...colors.info,
+                    DEFAULT: "hsl(var(--info))",
+                    foreground: "hsl(var(--info-foreground))",
+                },
+                border: "hsl(var(--border) / var(--border-alpha, 1))",
+                input: "hsl(var(--input))",
+                ring: "hsl(var(--ring))",
+                background: "hsl(var(--background))",
+                foreground: "hsl(var(--foreground))",
+                card: {
+                    DEFAULT: "hsl(var(--card))",
+                    foreground: "hsl(var(--card-foreground))",
+                },
+                popover: {
+                    DEFAULT: "hsl(var(--popover))",
+                    foreground: "hsl(var(--popover-foreground))",
+                },
+                muted: {
+                    DEFAULT: "hsl(var(--muted))",
+                    foreground: "hsl(var(--muted-foreground))",
+                },
+                accent: {
+                    DEFAULT: "hsl(var(--accent))",
+                    foreground: "hsl(var(--accent-foreground))",
+                },
+                destructive: {
+                    DEFAULT: "hsl(var(--destructive))",
+                    foreground: "hsl(var(--destructive-foreground))",
+                },
+                separator: "hsl(var(--separator, var(--border)) / var(--border-alpha, 1))",
+            },
+            spacing: spacing,
+            fontFamily: typography.fontFamily,
+            fontSize: typography.fontSize,
+            fontWeight: typography.fontWeight,
+            lineHeight: typography.lineHeight,
+            letterSpacing: typography.letterSpacing,
+            boxShadow: {
+                ...shadows.boxShadow,
+                themed: "0 0 var(--shadow-spread) hsl(var(--shadow-color) / var(--shadow-alpha))",
+                DEFAULT: "0 0 var(--shadow-spread) hsl(var(--shadow-color) / var(--shadow-alpha))",
+            },
+            dropShadow: shadows.dropShadow,
+            screens: breakpoints.screens,
+            transitionDuration: transitions.duration,
+            transitionTimingFunction: transitions.timingFunction,
+            transitionDelay: transitions.delay,
+            keyframes: {
+                ...transitions.keyframes,
+                "accordion-down": {
+                    from: { height: "0" },
+                    to: { height: "var(--radix-accordion-content-height)" },
+                },
+                "accordion-up": {
+                    from: { height: "var(--radix-accordion-content-height)" },
+                    to: { height: "0" },
+                },
+                "progress-stripes": {
+                    "0%": { backgroundPosition: "1rem 0" },
+                    "100%": { backgroundPosition: "0 0" },
+                },
+            },
+            animation: {
+                spin: "spin 1s linear infinite",
+                pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+                bounce: "bounce 1s infinite",
+                "accordion-down": "accordion-down 0.2s ease-out",
+                "accordion-up": "accordion-up 0.2s ease-out",
+                "progress-stripes": "progress-stripes 1s linear infinite",
+            },
+        },
+    },
+    plugins: [animate],
+};
+//# sourceMappingURL=tailwind-base.js.map

package/dist/src/config/tailwind-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-base.js","sourceRoot":"","sources":["../../../src/config/tailwind-base.ts"],"names":[],"mappings":"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"}

package/dist/src/lib/__tests__/animations.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=animations.test.d.ts.map

package/dist/src/lib/__tests__/animations.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.test.d.ts","sourceRoot":"","sources":["../../../../src/lib/__tests__/animations.test.ts"],"names":[],"mappings":""}

package/dist/src/lib/__tests__/animations.test.js

@@ -0,0 +1,60 @@
+import { describe, expect, it } from "vitest";
+import { animationPresets, buildAnimationClass, transitionClasses, } from "../animations";
+describe("animations", () => {
+    describe("buildAnimationClass", () => {
+        it("should build basic animation class", () => {
+            const result = buildAnimationClass("fadeIn");
+            expect(result).toContain("animate-fade-in");
+            expect(result).toContain("duration-200");
+            expect(result).toContain("ease-in-out");
+        });
+        it("should build animation class with custom duration", () => {
+            const result = buildAnimationClass("fadeIn", { duration: "fast" });
+            expect(result).toContain("animate-fade-in");
+            expect(result).toContain("duration-150");
+        });
+        it("should build animation class with custom timing", () => {
+            const result = buildAnimationClass("slideInFromLeft", {
+                timing: "bounce",
+            });
+            expect(result).toContain("animate-slide-in-from-left");
+            expect(result).toContain("ease-[cubic-bezier(0.68,-0.55,0.265,1.55)]");
+        });
+        it("should build animation class with additional classes", () => {
+            const result = buildAnimationClass("scaleIn", {
+                additionalClasses: "opacity-50",
+            });
+            expect(result).toContain("animate-scale-in");
+            expect(result).toContain("opacity-50");
+        });
+    });
+    describe("animationPresets", () => {
+        it("should have fadeIn preset", () => {
+            expect(animationPresets.fadeIn).toBe("animate-fade-in");
+        });
+        it("should have slide transitions", () => {
+            expect(animationPresets.slideInFromLeft).toBe("animate-slide-in-from-left");
+            expect(animationPresets.slideInFromRight).toBe("animate-slide-in-from-right");
+            expect(animationPresets.slideInFromTop).toBe("animate-slide-in-from-top");
+            expect(animationPresets.slideInFromBottom).toBe("animate-slide-in-from-bottom");
+        });
+        it("should have scale transitions", () => {
+            expect(animationPresets.scaleIn).toBe("animate-scale-in");
+            expect(animationPresets.scaleOut).toBe("animate-scale-out");
+        });
+    });
+    describe("transitionClasses", () => {
+        it("should have hover transition class", () => {
+            expect(transitionClasses.hover).toContain("transition-all");
+            expect(transitionClasses.hover).toContain("duration-200");
+        });
+        it("should have colors transition class", () => {
+            expect(transitionClasses.colors).toContain("transition-[color,background-color,border-color]");
+        });
+        it("should have modal transition class", () => {
+            expect(transitionClasses.modal).toContain("transition-[opacity,transform]");
+            expect(transitionClasses.modal).toContain("duration-300");
+        });
+    });
+});
+//# sourceMappingURL=animations.test.js.map