ilyass-tv-kit 1.0.0

package/README.md

@@ -0,0 +1,80 @@
+# ILYASS TV Kit
+
+Premium UI/Animation kit for ILYASS TV projects. Shared components, animations, design tokens, and utilities.
+
+## Installation
+
+```bash
+npm install ilyass-tv-kit framer-motion
+```
+
+## Usage
+
+### Animation Variants
+
+```tsx
+import { fadeIn, fadeInUp, staggerContainer, scaleIn } from "ilyass-tv-kit"
+import { motion } from "framer-motion"
+
+<motion.div variants={fadeIn} initial="hidden" whileInView="visible">
+  Animated content
+</motion.div>
+```
+
+### Pre-typed Motion Components
+
+```tsx
+import { MotionDiv, MotionSection } from "ilyass-tv-kit"
+
+<MotionDiv variants={fadeInUp} initial="hidden" whileInView="visible">
+  Typed motion.div
+</MotionDiv>
+```
+
+### cn Utility
+
+```tsx
+import { cn } from "ilyass-tv-kit"
+
+cn("px-4 py-2", isActive && "bg-blue-500")
+```
+
+### Design Tokens
+
+```tsx
+import { darkTheme, lightTheme } from "ilyass-tv-kit"
+
+// Apply theme to :root
+Object.entries(darkTheme).forEach(([key, value]) => {
+  document.documentElement.style.setProperty(key, value)
+})
+```
+
+## Package Contents
+
+| Path | Exports |
+|------|---------|
+| `ilyass-tv-kit` | All |
+| `ilyass-tv-kit/animations` | Variants + Motion components |
+| `ilyass-tv-kit/utils` | cn utility |
+| `ilyass-tv-kit/tokens` | Dark/Light theme tokens |
+
+## Variants
+
+| Variant | Effect | Duration |
+|---------|--------|----------|
+| `fadeIn` | Opacity + y:20 | 0.6s |
+| `fadeInUp` | Opacity + y:40 | 0.7s |
+| `fadeInLeft` | Opacity + x:-30 | 0.6s |
+| `fadeInRight` | Opacity + x:30 | 0.6s |
+| `scaleIn` | Opacity + scale:0.92 | 0.5s |
+| `slideUp` | Opacity + y:100% | 0.8s |
+| `staggerContainer` | staggerChildren: 0.08s | - |
+| `listStagger` | staggerChildren: 0.04s | - |
+| `listItem` | Opacity + x:-10 | 0.3s |
+
+All use the custom easing `[0.16, 1, 0.3, 1]`.
+
+## License
+
+MIT

package/dist/animations/index.d.mts

@@ -0,0 +1,60 @@
+import * as framer_motion from 'framer-motion';
+import { Variants } from 'framer-motion';
+
+declare const ease: readonly [0.16, 1, 0.3, 1];
+declare const fadeIn: Variants;
+declare const fadeInUp: Variants;
+declare const fadeInLeft: Variants;
+declare const fadeInRight: Variants;
+declare const scaleIn: Variants;
+declare const staggerContainer: Variants;
+declare const slideUp: Variants;
+declare const float: Variants;
+declare const cardHover: {
+    rest: {
+        scale: number;
+        boxShadow: string;
+        transition: {
+            duration: number;
+            ease: readonly [0.16, 1, 0.3, 1];
+        };
+    };
+    hover: {
+        scale: number;
+        boxShadow: string;
+        transition: {
+            duration: number;
+            ease: readonly [0.16, 1, 0.3, 1];
+        };
+    };
+};
+declare const pageTransition: Variants;
+declare const sidebarVariants: Variants;
+declare const mobileMenu: Variants;
+declare const dropdown: Variants;
+declare const shimmer: Variants;
+declare const buttonTap: {
+    scale: number;
+};
+declare const listStagger: Variants;
+declare const listItem: Variants;
+
+declare const MotionDiv: framer_motion.ForwardRefComponent<HTMLDivElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionSpan: framer_motion.ForwardRefComponent<HTMLSpanElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionSection: framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionNav: framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionLi: framer_motion.ForwardRefComponent<HTMLLIElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionButton: framer_motion.ForwardRefComponent<HTMLButtonElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionA: framer_motion.ForwardRefComponent<HTMLAnchorElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionImg: framer_motion.ForwardRefComponent<HTMLImageElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionP: framer_motion.ForwardRefComponent<HTMLParagraphElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionH1: framer_motion.ForwardRefComponent<HTMLHeadingElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionH2: framer_motion.ForwardRefComponent<HTMLHeadingElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionH3: framer_motion.ForwardRefComponent<HTMLHeadingElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionUl: framer_motion.ForwardRefComponent<HTMLUListElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionHeader: framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionFooter: framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionMain: framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionAside: framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<Tag>>;
+
+export { MotionA, MotionAside, MotionButton, MotionDiv, MotionFooter, MotionH1, MotionH2, MotionH3, MotionHeader, MotionImg, MotionLi, MotionMain, MotionNav, MotionP, MotionSection, MotionSpan, MotionUl, buttonTap, cardHover, dropdown, ease, fadeIn, fadeInLeft, fadeInRight, fadeInUp, float, listItem, listStagger, mobileMenu, pageTransition, scaleIn, shimmer, sidebarVariants, slideUp, staggerContainer };

package/dist/animations/index.d.ts

@@ -0,0 +1,60 @@
+import * as framer_motion from 'framer-motion';
+import { Variants } from 'framer-motion';
+
+declare const ease: readonly [0.16, 1, 0.3, 1];
+declare const fadeIn: Variants;
+declare const fadeInUp: Variants;
+declare const fadeInLeft: Variants;
+declare const fadeInRight: Variants;
+declare const scaleIn: Variants;
+declare const staggerContainer: Variants;
+declare const slideUp: Variants;
+declare const float: Variants;
+declare const cardHover: {
+    rest: {
+        scale: number;
+        boxShadow: string;
+        transition: {
+            duration: number;
+            ease: readonly [0.16, 1, 0.3, 1];
+        };
+    };
+    hover: {
+        scale: number;
+        boxShadow: string;
+        transition: {
+            duration: number;
+            ease: readonly [0.16, 1, 0.3, 1];
+        };
+    };
+};
+declare const pageTransition: Variants;
+declare const sidebarVariants: Variants;
+declare const mobileMenu: Variants;
+declare const dropdown: Variants;
+declare const shimmer: Variants;
+declare const buttonTap: {
+    scale: number;
+};
+declare const listStagger: Variants;
+declare const listItem: Variants;
+
+declare const MotionDiv: framer_motion.ForwardRefComponent<HTMLDivElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionSpan: framer_motion.ForwardRefComponent<HTMLSpanElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionSection: framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionNav: framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionLi: framer_motion.ForwardRefComponent<HTMLLIElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionButton: framer_motion.ForwardRefComponent<HTMLButtonElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionA: framer_motion.ForwardRefComponent<HTMLAnchorElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionImg: framer_motion.ForwardRefComponent<HTMLImageElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionP: framer_motion.ForwardRefComponent<HTMLParagraphElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionH1: framer_motion.ForwardRefComponent<HTMLHeadingElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionH2: framer_motion.ForwardRefComponent<HTMLHeadingElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionH3: framer_motion.ForwardRefComponent<HTMLHeadingElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionUl: framer_motion.ForwardRefComponent<HTMLUListElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionHeader: framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionFooter: framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionMain: framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<Tag>>;
+declare const MotionAside: framer_motion.ForwardRefComponent<HTMLElement, framer_motion.HTMLMotionProps<Tag>>;
+
+export { MotionA, MotionAside, MotionButton, MotionDiv, MotionFooter, MotionH1, MotionH2, MotionH3, MotionHeader, MotionImg, MotionLi, MotionMain, MotionNav, MotionP, MotionSection, MotionSpan, MotionUl, buttonTap, cardHover, dropdown, ease, fadeIn, fadeInLeft, fadeInRight, fadeInUp, float, listItem, listStagger, mobileMenu, pageTransition, scaleIn, shimmer, sidebarVariants, slideUp, staggerContainer };

package/dist/animations/index.js

@@ -0,0 +1,190 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/animations/index.ts
+var animations_exports = {};
+__export(animations_exports, {
+  MotionA: () => MotionA,
+  MotionAside: () => MotionAside,
+  MotionButton: () => MotionButton,
+  MotionDiv: () => MotionDiv,
+  MotionFooter: () => MotionFooter,
+  MotionH1: () => MotionH1,
+  MotionH2: () => MotionH2,
+  MotionH3: () => MotionH3,
+  MotionHeader: () => MotionHeader,
+  MotionImg: () => MotionImg,
+  MotionLi: () => MotionLi,
+  MotionMain: () => MotionMain,
+  MotionNav: () => MotionNav,
+  MotionP: () => MotionP,
+  MotionSection: () => MotionSection,
+  MotionSpan: () => MotionSpan,
+  MotionUl: () => MotionUl,
+  buttonTap: () => buttonTap,
+  cardHover: () => cardHover,
+  dropdown: () => dropdown,
+  ease: () => ease,
+  fadeIn: () => fadeIn,
+  fadeInLeft: () => fadeInLeft,
+  fadeInRight: () => fadeInRight,
+  fadeInUp: () => fadeInUp,
+  float: () => float,
+  listItem: () => listItem,
+  listStagger: () => listStagger,
+  mobileMenu: () => mobileMenu,
+  pageTransition: () => pageTransition,
+  scaleIn: () => scaleIn,
+  shimmer: () => shimmer,
+  sidebarVariants: () => sidebarVariants,
+  slideUp: () => slideUp,
+  staggerContainer: () => staggerContainer
+});
+module.exports = __toCommonJS(animations_exports);
+
+// src/animations/variants.ts
+var ease = [0.16, 1, 0.3, 1];
+var fadeIn = {
+  hidden: { opacity: 0, y: 20 },
+  visible: { opacity: 1, y: 0, transition: { duration: 0.6, ease } }
+};
+var fadeInUp = {
+  hidden: { opacity: 0, y: 40 },
+  visible: { opacity: 1, y: 0, transition: { duration: 0.7, ease } }
+};
+var fadeInLeft = {
+  hidden: { opacity: 0, x: -30 },
+  visible: { opacity: 1, x: 0, transition: { duration: 0.6, ease } }
+};
+var fadeInRight = {
+  hidden: { opacity: 0, x: 30 },
+  visible: { opacity: 1, x: 0, transition: { duration: 0.6, ease } }
+};
+var scaleIn = {
+  hidden: { opacity: 0, scale: 0.92 },
+  visible: { opacity: 1, scale: 1, transition: { duration: 0.5, ease } }
+};
+var staggerContainer = {
+  hidden: {},
+  visible: {
+    transition: { staggerChildren: 0.08, delayChildren: 0.1 }
+  }
+};
+var slideUp = {
+  hidden: { opacity: 0, y: "100%" },
+  visible: { opacity: 1, y: 0, transition: { duration: 0.8, ease } }
+};
+var float = {
+  animate: {
+    y: [0, -10, 0],
+    transition: { duration: 4, repeat: Infinity, ease: "easeInOut" }
+  }
+};
+var cardHover = {
+  rest: { scale: 1, boxShadow: "var(--shadow-card)", transition: { duration: 0.3, ease } },
+  hover: { scale: 1.02, boxShadow: "var(--shadow-card-hover)", transition: { duration: 0.3, ease } }
+};
+var pageTransition = {
+  initial: { opacity: 0, y: 12 },
+  enter: { opacity: 1, y: 0, transition: { duration: 0.4, ease } },
+  exit: { opacity: 0, y: -12, transition: { duration: 0.2, ease } }
+};
+var sidebarVariants = {
+  open: { width: 260, transition: { duration: 0.3, ease } },
+  closed: { width: 72, transition: { duration: 0.3, ease } }
+};
+var mobileMenu = {
+  closed: { x: "-100%", transition: { duration: 0.3, ease } },
+  open: { x: 0, transition: { duration: 0.3, ease } }
+};
+var dropdown = {
+  closed: { opacity: 0, y: -8, scale: 0.96, pointerEvents: "none" },
+  open: { opacity: 1, y: 0, scale: 1, pointerEvents: "auto", transition: { duration: 0.2, ease } }
+};
+var shimmer = {
+  hidden: { backgroundPosition: "-200% 0" },
+  visible: { backgroundPosition: "200% 0", transition: { duration: 2, repeat: Infinity, ease: "linear" } }
+};
+var buttonTap = { scale: 0.97 };
+var listStagger = {
+  hidden: {},
+  visible: { transition: { staggerChildren: 0.04, delayChildren: 0.05 } }
+};
+var listItem = {
+  hidden: { opacity: 0, x: -10 },
+  visible: { opacity: 1, x: 0, transition: { duration: 0.3, ease } }
+};
+
+// src/animations/motion.ts
+var import_framer_motion = require("framer-motion");
+var MotionDiv = import_framer_motion.motion.div;
+var MotionSpan = import_framer_motion.motion.span;
+var MotionSection = import_framer_motion.motion.section;
+var MotionNav = import_framer_motion.motion.nav;
+var MotionLi = import_framer_motion.motion.li;
+var MotionButton = import_framer_motion.motion.button;
+var MotionA = import_framer_motion.motion.a;
+var MotionImg = import_framer_motion.motion.img;
+var MotionP = import_framer_motion.motion.p;
+var MotionH1 = import_framer_motion.motion.h1;
+var MotionH2 = import_framer_motion.motion.h2;
+var MotionH3 = import_framer_motion.motion.h3;
+var MotionUl = import_framer_motion.motion.ul;
+var MotionHeader = import_framer_motion.motion.header;
+var MotionFooter = import_framer_motion.motion.footer;
+var MotionMain = import_framer_motion.motion.main;
+var MotionAside = import_framer_motion.motion.aside;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MotionA,
+  MotionAside,
+  MotionButton,
+  MotionDiv,
+  MotionFooter,
+  MotionH1,
+  MotionH2,
+  MotionH3,
+  MotionHeader,
+  MotionImg,
+  MotionLi,
+  MotionMain,
+  MotionNav,
+  MotionP,
+  MotionSection,
+  MotionSpan,
+  MotionUl,
+  buttonTap,
+  cardHover,
+  dropdown,
+  ease,
+  fadeIn,
+  fadeInLeft,
+  fadeInRight,
+  fadeInUp,
+  float,
+  listItem,
+  listStagger,
+  mobileMenu,
+  pageTransition,
+  scaleIn,
+  shimmer,
+  sidebarVariants,
+  slideUp,
+  staggerContainer
+});

package/dist/animations/index.mjs

@@ -0,0 +1,74 @@
+import {
+  MotionA,
+  MotionAside,
+  MotionButton,
+  MotionDiv,
+  MotionFooter,
+  MotionH1,
+  MotionH2,
+  MotionH3,
+  MotionHeader,
+  MotionImg,
+  MotionLi,
+  MotionMain,
+  MotionNav,
+  MotionP,
+  MotionSection,
+  MotionSpan,
+  MotionUl,
+  buttonTap,
+  cardHover,
+  dropdown,
+  ease,
+  fadeIn,
+  fadeInLeft,
+  fadeInRight,
+  fadeInUp,
+  float,
+  listItem,
+  listStagger,
+  mobileMenu,
+  pageTransition,
+  scaleIn,
+  shimmer,
+  sidebarVariants,
+  slideUp,
+  staggerContainer
+} from "../chunk-656U4BHL.mjs";
+export {
+  MotionA,
+  MotionAside,
+  MotionButton,
+  MotionDiv,
+  MotionFooter,
+  MotionH1,
+  MotionH2,
+  MotionH3,
+  MotionHeader,
+  MotionImg,
+  MotionLi,
+  MotionMain,
+  MotionNav,
+  MotionP,
+  MotionSection,
+  MotionSpan,
+  MotionUl,
+  buttonTap,
+  cardHover,
+  dropdown,
+  ease,
+  fadeIn,
+  fadeInLeft,
+  fadeInRight,
+  fadeInUp,
+  float,
+  listItem,
+  listStagger,
+  mobileMenu,
+  pageTransition,
+  scaleIn,
+  shimmer,
+  sidebarVariants,
+  slideUp,
+  staggerContainer
+};

package/dist/chunk-656U4BHL.mjs

@@ -0,0 +1,130 @@
+// src/animations/variants.ts
+var ease = [0.16, 1, 0.3, 1];
+var fadeIn = {
+  hidden: { opacity: 0, y: 20 },
+  visible: { opacity: 1, y: 0, transition: { duration: 0.6, ease } }
+};
+var fadeInUp = {
+  hidden: { opacity: 0, y: 40 },
+  visible: { opacity: 1, y: 0, transition: { duration: 0.7, ease } }
+};
+var fadeInLeft = {
+  hidden: { opacity: 0, x: -30 },
+  visible: { opacity: 1, x: 0, transition: { duration: 0.6, ease } }
+};
+var fadeInRight = {
+  hidden: { opacity: 0, x: 30 },
+  visible: { opacity: 1, x: 0, transition: { duration: 0.6, ease } }
+};
+var scaleIn = {
+  hidden: { opacity: 0, scale: 0.92 },
+  visible: { opacity: 1, scale: 1, transition: { duration: 0.5, ease } }
+};
+var staggerContainer = {
+  hidden: {},
+  visible: {
+    transition: { staggerChildren: 0.08, delayChildren: 0.1 }
+  }
+};
+var slideUp = {
+  hidden: { opacity: 0, y: "100%" },
+  visible: { opacity: 1, y: 0, transition: { duration: 0.8, ease } }
+};
+var float = {
+  animate: {
+    y: [0, -10, 0],
+    transition: { duration: 4, repeat: Infinity, ease: "easeInOut" }
+  }
+};
+var cardHover = {
+  rest: { scale: 1, boxShadow: "var(--shadow-card)", transition: { duration: 0.3, ease } },
+  hover: { scale: 1.02, boxShadow: "var(--shadow-card-hover)", transition: { duration: 0.3, ease } }
+};
+var pageTransition = {
+  initial: { opacity: 0, y: 12 },
+  enter: { opacity: 1, y: 0, transition: { duration: 0.4, ease } },
+  exit: { opacity: 0, y: -12, transition: { duration: 0.2, ease } }
+};
+var sidebarVariants = {
+  open: { width: 260, transition: { duration: 0.3, ease } },
+  closed: { width: 72, transition: { duration: 0.3, ease } }
+};
+var mobileMenu = {
+  closed: { x: "-100%", transition: { duration: 0.3, ease } },
+  open: { x: 0, transition: { duration: 0.3, ease } }
+};
+var dropdown = {
+  closed: { opacity: 0, y: -8, scale: 0.96, pointerEvents: "none" },
+  open: { opacity: 1, y: 0, scale: 1, pointerEvents: "auto", transition: { duration: 0.2, ease } }
+};
+var shimmer = {
+  hidden: { backgroundPosition: "-200% 0" },
+  visible: { backgroundPosition: "200% 0", transition: { duration: 2, repeat: Infinity, ease: "linear" } }
+};
+var buttonTap = { scale: 0.97 };
+var listStagger = {
+  hidden: {},
+  visible: { transition: { staggerChildren: 0.04, delayChildren: 0.05 } }
+};
+var listItem = {
+  hidden: { opacity: 0, x: -10 },
+  visible: { opacity: 1, x: 0, transition: { duration: 0.3, ease } }
+};
+
+// src/animations/motion.ts
+import { motion } from "framer-motion";
+var MotionDiv = motion.div;
+var MotionSpan = motion.span;
+var MotionSection = motion.section;
+var MotionNav = motion.nav;
+var MotionLi = motion.li;
+var MotionButton = motion.button;
+var MotionA = motion.a;
+var MotionImg = motion.img;
+var MotionP = motion.p;
+var MotionH1 = motion.h1;
+var MotionH2 = motion.h2;
+var MotionH3 = motion.h3;
+var MotionUl = motion.ul;
+var MotionHeader = motion.header;
+var MotionFooter = motion.footer;
+var MotionMain = motion.main;
+var MotionAside = motion.aside;
+
+export {
+  ease,
+  fadeIn,
+  fadeInUp,
+  fadeInLeft,
+  fadeInRight,
+  scaleIn,
+  staggerContainer,
+  slideUp,
+  float,
+  cardHover,
+  pageTransition,
+  sidebarVariants,
+  mobileMenu,
+  dropdown,
+  shimmer,
+  buttonTap,
+  listStagger,
+  listItem,
+  MotionDiv,
+  MotionSpan,
+  MotionSection,
+  MotionNav,
+  MotionLi,
+  MotionButton,
+  MotionA,
+  MotionImg,
+  MotionP,
+  MotionH1,
+  MotionH2,
+  MotionH3,
+  MotionUl,
+  MotionHeader,
+  MotionFooter,
+  MotionMain,
+  MotionAside
+};

package/dist/chunk-GLAVLQFS.mjs

@@ -0,0 +1,10 @@
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};

package/dist/chunk-ZSOYM7E5.mjs

@@ -0,0 +1,78 @@
+// src/tokens/colors.ts
+var darkTheme = {
+  "--bg-primary": "#06061a",
+  "--bg-secondary": "#080828",
+  "--bg-tertiary": "#0a0a30",
+  "--surface": "#0b0b2e",
+  "--surface-hover": "#10103d",
+  "--surface-elevated": "#121242",
+  "--border": "rgba(34, 211, 238, 0.08)",
+  "--border-light": "rgba(255, 255, 255, 0.03)",
+  "--border-accent": "rgba(34, 211, 238, 0.18)",
+  "--text-primary": "#f0f0fa",
+  "--text-secondary": "#9292c0",
+  "--text-muted": "#5a5a8a",
+  "--accent": "#22d3ee",
+  "--accent-light": "#67e8f9",
+  "--accent-dark": "#0891b2",
+  "--accent-gradient": "linear-gradient(135deg, #22d3ee, #6366f1)",
+  "--accent-subtle": "rgba(34, 211, 238, 0.08)",
+  "--accent-green": "#34d399",
+  "--accent-orange": "#fbbf24",
+  "--accent-pink": "#f472b6",
+  "--accent-cyan": "#22d3ee",
+  "--accent-purple": "#a78bfa",
+  "--success": "#34d399",
+  "--warning": "#fbbf24",
+  "--error": "#f87171",
+  "--gradient-blue": "linear-gradient(135deg, #1e3a5f, #2563eb)",
+  "--gradient-green": "linear-gradient(135deg, #065f46, #10b981)",
+  "--gradient-orange": "linear-gradient(135deg, #92400e, #f59e0b)",
+  "--gradient-pink": "linear-gradient(135deg, #831843, #ec4899)",
+  "--gradient-cyan": "linear-gradient(135deg, #164e63, #06b6d4)",
+  "--gradient-purple": "linear-gradient(135deg, #4c1d95, #8b5cf6)",
+  "--gradient-page-bg": "linear-gradient(180deg, #06061a 0%, #080828 40%, #0a0a2c 100%)",
+  "--glass-bg": "rgba(8, 8, 36, 0.82)",
+  "--glass-border": "rgba(34, 211, 238, 0.06)"
+};
+var lightTheme = {
+  "--bg-primary": "#ffffff",
+  "--bg-secondary": "#f8faff",
+  "--bg-tertiary": "#f0f5ff",
+  "--surface": "#ffffff",
+  "--surface-hover": "#f8faff",
+  "--surface-elevated": "#ffffff",
+  "--border": "rgba(37, 99, 235, 0.08)",
+  "--border-light": "rgba(0, 0, 0, 0.04)",
+  "--border-accent": "rgba(37, 99, 235, 0.18)",
+  "--text-primary": "#0a0a1a",
+  "--text-secondary": "#52527a",
+  "--text-muted": "#8a8aaa",
+  "--accent": "#2563eb",
+  "--accent-light": "#3b82f6",
+  "--accent-dark": "#1d4ed8",
+  "--accent-gradient": "linear-gradient(135deg, #2563eb, #3b82f6)",
+  "--accent-subtle": "rgba(37, 99, 235, 0.08)",
+  "--accent-green": "#10b981",
+  "--accent-orange": "#f59e0b",
+  "--accent-pink": "#ec4899",
+  "--accent-cyan": "#06b6d4",
+  "--accent-purple": "#8b5cf6",
+  "--success": "#10b981",
+  "--warning": "#f59e0b",
+  "--error": "#ef4444",
+  "--gradient-blue": "linear-gradient(135deg, #dbeafe, #3b82f6)",
+  "--gradient-green": "linear-gradient(135deg, #d1fae5, #10b981)",
+  "--gradient-orange": "linear-gradient(135deg, #fef3c7, #f59e0b)",
+  "--gradient-pink": "linear-gradient(135deg, #fce7f3, #ec4899)",
+  "--gradient-cyan": "linear-gradient(135deg, #cffafe, #06b6d4)",
+  "--gradient-purple": "linear-gradient(135deg, #ede9fe, #8b5cf6)",
+  "--gradient-page-bg": "linear-gradient(180deg, #ffffff 0%, #f8faff 40%, #f0f5ff 100%)",
+  "--glass-bg": "rgba(255, 255, 255, 0.72)",
+  "--glass-border": "rgba(255, 255, 255, 0.25)"
+};
+
+export {
+  darkTheme,
+  lightTheme
+};

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+export { MotionA, MotionAside, MotionButton, MotionDiv, MotionFooter, MotionH1, MotionH2, MotionH3, MotionHeader, MotionImg, MotionLi, MotionMain, MotionNav, MotionP, MotionSection, MotionSpan, MotionUl, buttonTap, cardHover, dropdown, ease, fadeIn, fadeInLeft, fadeInRight, fadeInUp, float, listItem, listStagger, mobileMenu, pageTransition, scaleIn, shimmer, sidebarVariants, slideUp, staggerContainer } from './animations/index.mjs';
+export { cn } from './utils/index.mjs';
+export { ThemeTokens, darkTheme, lightTheme } from './tokens/index.mjs';
+import 'framer-motion';
+import 'clsx';