@tenerife.music/ui 1.0.15 → 1.1.0

package/dist/preset.cjs

@@ -129,7 +129,7 @@ var tailwindThemeColors = {
   }
 };
 
-// src/tokens/motion/v2.ts
+// src/FOUNDATION/tokens/motion/v2.ts
 var motionV2Durations = {
   fast: "150ms",
   // Quick interactions
@@ -148,13 +148,6 @@ var motionV2Easings = {
   emphasized: "cubic-bezier(0.2, 0, 0, 1)"
   // Strong, decisive
 };
-var motionV2Transitions = {
-  fast: `${motionV2Durations.fast} ${motionV2Easings.standard}`,
-  normal: `${motionV2Durations.normal} ${motionV2Easings.standard}`,
-  slow: `${motionV2Durations.slow} ${motionV2Easings.emphasized}`,
-  soft: `${motionV2Durations.normal} ${motionV2Easings.soft}`,
-  reduced: `${motionV2Durations.reduced} linear`
-};
 var motionV2Fade = {
   in: {
     from: { opacity: 0 },
@@ -269,23 +262,6 @@ var motionV2Combined = {
     }
   }
 };
-var motionV2CSSVariables = {
-  // Durations
-  "--motion-duration-fast": motionV2Durations.fast,
-  "--motion-duration-normal": motionV2Durations.normal,
-  "--motion-duration-slow": motionV2Durations.slow,
-  "--motion-duration-reduced": motionV2Durations.reduced,
-  // Easings
-  "--motion-easing-soft": motionV2Easings.soft,
-  "--motion-easing-standard": motionV2Easings.standard,
-  "--motion-easing-emphasized": motionV2Easings.emphasized,
-  // Transitions
-  "--motion-transition-fast": motionV2Transitions.fast,
-  "--motion-transition-normal": motionV2Transitions.normal,
-  "--motion-transition-slow": motionV2Transitions.slow,
-  "--motion-transition-soft": motionV2Transitions.soft,
-  "--motion-transition-reduced": motionV2Transitions.reduced
-};
 var motionV2TailwindConfig = {
   transitionDuration: {
     ...motionV2Durations
@@ -323,7 +299,7 @@ var motionV2TailwindConfig = {
   }
 };
 
-// src/tokens/motion.ts
+// src/FOUNDATION/tokens/motion.ts
 var durations = {
   instant: "0ms",
   fast: "150ms",
@@ -374,54 +350,54 @@ var easings = {
 var keyframes = {
   // Fade animations
   fadeIn: {
-    from: { opacity: 0 },
-    to: { opacity: 1 }
+    from: { opacity: "0" },
+    to: { opacity: "1" }
   },
   fadeOut: {
-    from: { opacity: 1 },
-    to: { opacity: 0 }
+    from: { opacity: "1" },
+    to: { opacity: "0" }
   },
   // Slide animations
   slideInUp: {
-    from: { transform: "translateY(100%)", opacity: 0 },
-    to: { transform: "translateY(0)", opacity: 1 }
+    from: { transform: "translateY(100%)", opacity: "0" },
+    to: { transform: "translateY(0)", opacity: "1" }
   },
   slideInDown: {
-    from: { transform: "translateY(-100%)", opacity: 0 },
-    to: { transform: "translateY(0)", opacity: 1 }
+    from: { transform: "translateY(-100%)", opacity: "0" },
+    to: { transform: "translateY(0)", opacity: "1" }
   },
   slideInLeft: {
-    from: { transform: "translateX(-100%)", opacity: 0 },
-    to: { transform: "translateX(0)", opacity: 1 }
+    from: { transform: "translateX(-100%)", opacity: "0" },
+    to: { transform: "translateX(0)", opacity: "1" }
   },
   slideInRight: {
-    from: { transform: "translateX(100%)", opacity: 0 },
-    to: { transform: "translateX(0)", opacity: 1 }
+    from: { transform: "translateX(100%)", opacity: "0" },
+    to: { transform: "translateX(0)", opacity: "1" }
   },
   slideOutUp: {
-    from: { transform: "translateY(0)", opacity: 1 },
-    to: { transform: "translateY(-100%)", opacity: 0 }
+    from: { transform: "translateY(0)", opacity: "1" },
+    to: { transform: "translateY(-100%)", opacity: "0" }
   },
   slideOutDown: {
-    from: { transform: "translateY(0)", opacity: 1 },
-    to: { transform: "translateY(100%)", opacity: 0 }
+    from: { transform: "translateY(0)", opacity: "1" },
+    to: { transform: "translateY(100%)", opacity: "0" }
   },
   slideOutLeft: {
-    from: { transform: "translateX(0)", opacity: 1 },
-    to: { transform: "translateX(-100%)", opacity: 0 }
+    from: { transform: "translateX(0)", opacity: "1" },
+    to: { transform: "translateX(-100%)", opacity: "0" }
   },
   slideOutRight: {
-    from: { transform: "translateX(0)", opacity: 1 },
-    to: { transform: "translateX(100%)", opacity: 0 }
+    from: { transform: "translateX(0)", opacity: "1" },
+    to: { transform: "translateX(100%)", opacity: "0" }
   },
   // Scale animations
   scaleIn: {
-    from: { transform: "scale(0.95)", opacity: 0 },
-    to: { transform: "scale(1)", opacity: 1 }
+    from: { transform: "scale(0.95)", opacity: "0" },
+    to: { transform: "scale(1)", opacity: "1" }
   },
   scaleOut: {
-    from: { transform: "scale(1)", opacity: 1 },
-    to: { transform: "scale(0.95)", opacity: 0 }
+    from: { transform: "scale(1)", opacity: "1" },
+    to: { transform: "scale(0.95)", opacity: "0" }
   },
   scaleUp: {
     from: { transform: "scale(1)" },
@@ -442,8 +418,8 @@ var keyframes = {
   },
   // Pulse and bounce
   pulse: {
-    "0%, 100%": { opacity: 1 },
-    "50%": { opacity: 0.5 }
+    "0%, 100%": { opacity: "1" },
+    "50%": { opacity: "0.5" }
   },
   bounce: {
     "0%, 100%": {
@@ -465,7 +441,7 @@ var keyframes = {
   ping: {
     "75%, 100%": {
       transform: "scale(2)",
-      opacity: 0
+      opacity: "0"
     }
   },
   // Accordion animations (for Radix UI)
@@ -535,7 +511,7 @@ var tailwindMotionConfig = {
   }
 };
 
-// src/tokens/radius.ts
+// src/FOUNDATION/tokens/radius.ts
 var borderRadius = {
   // No radius
   none: "0",
@@ -621,7 +597,7 @@ var tailwindRadiusConfig = {
   }
 };
 
-// src/tokens/shadows.ts
+// src/FOUNDATION/tokens/shadows.ts
 var shadowBase = {
   black: "0 0 0"};
 var shadowOpacity = {
@@ -728,7 +704,7 @@ var tailwindShadowConfig = {
   }
 };
 
-// src/tokens/spacing.ts
+// src/FOUNDATION/tokens/spacing.ts
 var spacing = {
   // Zero spacing
   0: "0",
@@ -852,7 +828,7 @@ var tailwindSpacingConfig = {
   }
 };
 
-// src/tokens/typography.ts
+// src/FOUNDATION/tokens/typography.ts
 var fontFamily = {
   // Primary font - Inter (default sans)
   sans: [
@@ -1170,12 +1146,7 @@ var preset = {
     }
   },
   plugins: [
-    plugin__default.default(({ addUtilities, addBase }) => {
-      addBase({
-        ":root": {
-          ...motionV2CSSVariables
-        }
-      });
+    plugin__default.default(({ addUtilities }) => {
       addUtilities({
         // Fade animations
         ".tm-motion-fade-in": {

package/dist/preset.mjs

@@ -123,7 +123,7 @@ var tailwindThemeColors = {
   }
 };
 
-// src/tokens/motion/v2.ts
+// src/FOUNDATION/tokens/motion/v2.ts
 var motionV2Durations = {
   fast: "150ms",
   // Quick interactions
@@ -142,13 +142,6 @@ var motionV2Easings = {
   emphasized: "cubic-bezier(0.2, 0, 0, 1)"
   // Strong, decisive
 };
-var motionV2Transitions = {
-  fast: `${motionV2Durations.fast} ${motionV2Easings.standard}`,
-  normal: `${motionV2Durations.normal} ${motionV2Easings.standard}`,
-  slow: `${motionV2Durations.slow} ${motionV2Easings.emphasized}`,
-  soft: `${motionV2Durations.normal} ${motionV2Easings.soft}`,
-  reduced: `${motionV2Durations.reduced} linear`
-};
 var motionV2Fade = {
   in: {
     from: { opacity: 0 },
@@ -263,23 +256,6 @@ var motionV2Combined = {
     }
   }
 };
-var motionV2CSSVariables = {
-  // Durations
-  "--motion-duration-fast": motionV2Durations.fast,
-  "--motion-duration-normal": motionV2Durations.normal,
-  "--motion-duration-slow": motionV2Durations.slow,
-  "--motion-duration-reduced": motionV2Durations.reduced,
-  // Easings
-  "--motion-easing-soft": motionV2Easings.soft,
-  "--motion-easing-standard": motionV2Easings.standard,
-  "--motion-easing-emphasized": motionV2Easings.emphasized,
-  // Transitions
-  "--motion-transition-fast": motionV2Transitions.fast,
-  "--motion-transition-normal": motionV2Transitions.normal,
-  "--motion-transition-slow": motionV2Transitions.slow,
-  "--motion-transition-soft": motionV2Transitions.soft,
-  "--motion-transition-reduced": motionV2Transitions.reduced
-};
 var motionV2TailwindConfig = {
   transitionDuration: {
     ...motionV2Durations
@@ -317,7 +293,7 @@ var motionV2TailwindConfig = {
   }
 };
 
-// src/tokens/motion.ts
+// src/FOUNDATION/tokens/motion.ts
 var durations = {
   instant: "0ms",
   fast: "150ms",
@@ -368,54 +344,54 @@ var easings = {
 var keyframes = {
   // Fade animations
   fadeIn: {
-    from: { opacity: 0 },
-    to: { opacity: 1 }
+    from: { opacity: "0" },
+    to: { opacity: "1" }
   },
   fadeOut: {
-    from: { opacity: 1 },
-    to: { opacity: 0 }
+    from: { opacity: "1" },
+    to: { opacity: "0" }
   },
   // Slide animations
   slideInUp: {
-    from: { transform: "translateY(100%)", opacity: 0 },
-    to: { transform: "translateY(0)", opacity: 1 }
+    from: { transform: "translateY(100%)", opacity: "0" },
+    to: { transform: "translateY(0)", opacity: "1" }
   },
   slideInDown: {
-    from: { transform: "translateY(-100%)", opacity: 0 },
-    to: { transform: "translateY(0)", opacity: 1 }
+    from: { transform: "translateY(-100%)", opacity: "0" },
+    to: { transform: "translateY(0)", opacity: "1" }
   },
   slideInLeft: {
-    from: { transform: "translateX(-100%)", opacity: 0 },
-    to: { transform: "translateX(0)", opacity: 1 }
+    from: { transform: "translateX(-100%)", opacity: "0" },
+    to: { transform: "translateX(0)", opacity: "1" }
   },
   slideInRight: {
-    from: { transform: "translateX(100%)", opacity: 0 },
-    to: { transform: "translateX(0)", opacity: 1 }
+    from: { transform: "translateX(100%)", opacity: "0" },
+    to: { transform: "translateX(0)", opacity: "1" }
   },
   slideOutUp: {
-    from: { transform: "translateY(0)", opacity: 1 },
-    to: { transform: "translateY(-100%)", opacity: 0 }
+    from: { transform: "translateY(0)", opacity: "1" },
+    to: { transform: "translateY(-100%)", opacity: "0" }
   },
   slideOutDown: {
-    from: { transform: "translateY(0)", opacity: 1 },
-    to: { transform: "translateY(100%)", opacity: 0 }
+    from: { transform: "translateY(0)", opacity: "1" },
+    to: { transform: "translateY(100%)", opacity: "0" }
   },
   slideOutLeft: {
-    from: { transform: "translateX(0)", opacity: 1 },
-    to: { transform: "translateX(-100%)", opacity: 0 }
+    from: { transform: "translateX(0)", opacity: "1" },
+    to: { transform: "translateX(-100%)", opacity: "0" }
   },
   slideOutRight: {
-    from: { transform: "translateX(0)", opacity: 1 },
-    to: { transform: "translateX(100%)", opacity: 0 }
+    from: { transform: "translateX(0)", opacity: "1" },
+    to: { transform: "translateX(100%)", opacity: "0" }
   },
   // Scale animations
   scaleIn: {
-    from: { transform: "scale(0.95)", opacity: 0 },
-    to: { transform: "scale(1)", opacity: 1 }
+    from: { transform: "scale(0.95)", opacity: "0" },
+    to: { transform: "scale(1)", opacity: "1" }
   },
   scaleOut: {
-    from: { transform: "scale(1)", opacity: 1 },
-    to: { transform: "scale(0.95)", opacity: 0 }
+    from: { transform: "scale(1)", opacity: "1" },
+    to: { transform: "scale(0.95)", opacity: "0" }
   },
   scaleUp: {
     from: { transform: "scale(1)" },
@@ -436,8 +412,8 @@ var keyframes = {
   },
   // Pulse and bounce
   pulse: {
-    "0%, 100%": { opacity: 1 },
-    "50%": { opacity: 0.5 }
+    "0%, 100%": { opacity: "1" },
+    "50%": { opacity: "0.5" }
   },
   bounce: {
     "0%, 100%": {
@@ -459,7 +435,7 @@ var keyframes = {
   ping: {
     "75%, 100%": {
       transform: "scale(2)",
-      opacity: 0
+      opacity: "0"
     }
   },
   // Accordion animations (for Radix UI)
@@ -529,7 +505,7 @@ var tailwindMotionConfig = {
   }
 };
 
-// src/tokens/radius.ts
+// src/FOUNDATION/tokens/radius.ts
 var borderRadius = {
   // No radius
   none: "0",
@@ -615,7 +591,7 @@ var tailwindRadiusConfig = {
   }
 };
 
-// src/tokens/shadows.ts
+// src/FOUNDATION/tokens/shadows.ts
 var shadowBase = {
   black: "0 0 0"};
 var shadowOpacity = {
@@ -722,7 +698,7 @@ var tailwindShadowConfig = {
   }
 };
 
-// src/tokens/spacing.ts
+// src/FOUNDATION/tokens/spacing.ts
 var spacing = {
   // Zero spacing
   0: "0",
@@ -846,7 +822,7 @@ var tailwindSpacingConfig = {
   }
 };
 
-// src/tokens/typography.ts
+// src/FOUNDATION/tokens/typography.ts
 var fontFamily = {
   // Primary font - Inter (default sans)
   sans: [
@@ -1164,12 +1140,7 @@ var preset = {
     }
   },
   plugins: [
-    plugin(({ addUtilities, addBase }) => {
-      addBase({
-        ":root": {
-          ...motionV2CSSVariables
-        }
-      });
+    plugin(({ addUtilities }) => {
       addUtilities({
         // Fade animations
         ".tm-motion-fade-in": {