@sociallane/elements 1.0.9 → 1.0.11

package/admin/views/onboarding.php

@@ -33,7 +33,7 @@ $steps = [
 			<?php
 			$is_active    = ( $key === $step );
 			$is_completed = ( $s['number'] < $steps[ $step ]['number'] );
-			$dot_class    = $is_active ? 'bg-primary text-white' : ( $is_completed ? 'bg-green-500 text-white' : 'bg-neutral-200 text-neutral-500' );
+			$dot_class    = $is_active ? 'bg-primary text-white' : ( $is_completed ? 'bg-neutral-500 text-white' : 'bg-neutral-200 text-neutral-500' );
 			?>
 			<div class="flex items-center gap-2">
 				<span class="w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold <?php echo esc_attr( $dot_class ); ?>">

package/admin/views/partials/step-complete.php

@@ -15,7 +15,7 @@ $enabled_count = (int) ( $data['enabled_count'] ?? 0 );
 $total_count   = (int) ( $data['total_count'] ?? 0 );
 ?>
 <div class="text-center py-6">
-	<div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-green-100 text-green-600 mb-6" aria-hidden="true">
+	<div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-neutral-100 text-neutral-600 mb-6" aria-hidden="true">
 		<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /></svg>
 	</div>
 	<h2 class="text-2xl font-bold text-neutral-900 mb-2">

package/admin/views/partials/step-requirements.php

@@ -17,8 +17,8 @@ $all_pass     = $data['all_pass'] ?? false;
 <div class="space-y-4">
 	<?php foreach ( $requirements as $req ) : ?>
 		<?php $pass = ! empty( $req['pass'] ); ?>
-		<div class="flex items-center gap-3 p-4 rounded-lg <?php echo $pass ? 'bg-green-50 dark:bg-green-900/20' : 'bg-red-50 dark:bg-red-900/20'; ?>">
-			<span class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center <?php echo $pass ? 'text-green-600 bg-green-100' : 'text-red-600 bg-red-100'; ?>">
+		<div class="flex items-center gap-3 p-4 rounded-lg <?php echo $pass ? 'bg-neutral-50 dark:bg-neutral-900/20' : 'bg-neutral-50 dark:bg-neutral-900/20'; ?>">
+			<span class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center <?php echo $pass ? 'text-neutral-600 bg-neutral-100' : 'text-neutral-600 bg-neutral-100'; ?>">
 				<?php if ( $pass ) : ?>
 					<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /></svg>
 				<?php else : ?>

package/admin/views/settings.php

@@ -28,7 +28,7 @@ $grid_class = 'settings-widget-grid';
 	</p>
 
 	<?php if ( $saved ) : ?>
-		<div class="mb-6 p-4 bg-green-50 border border-green-200 rounded-lg text-green-800" role="alert">
+		<div class="mb-6 p-4 bg-neutral-50 border border-neutral-200 rounded-lg text-neutral-800" role="alert">
 			<?php esc_html_e( 'Settings saved.', 'sociallane-elements' ); ?>
 		</div>
 	<?php endif; ?>

package/admin/views/setup-widget-catalog.php

@@ -16,10 +16,10 @@ if ( ! defined( 'ABSPATH' ) ) {
 	<p class="text-neutral-500 mb-8">
 		<?php esc_html_e( 'How to add the Widget Catalog to a page and which commands to run so visitors can browse and copy npm install commands for your components.', 'sociallane-elements' ); ?>
 	</p>
-	<div class="mb-8 p-4 bg-blue-50 border border-blue-200 rounded-lg text-blue-800 text-sm">
+	<div class="mb-8 p-4 bg-neutral-50 border border-neutral-200 rounded-lg text-neutral-800 text-sm">
 		<strong><?php esc_html_e( 'Front-end setup page', 'sociallane-elements' ); ?></strong>
 		<?php esc_html_e( 'To give your team a page they can consult anytime, create a new page (e.g. “Widget catalog setup”), add the shortcode', 'sociallane-elements' ); ?>
-		<code class="bg-blue-100 px-1 rounded">[sociallane_widget_catalog_setup]</code>
+		<code class="bg-neutral-100 px-1 rounded">[sociallane_widget_catalog_setup]</code>
 		<?php esc_html_e( 'and publish. Anyone with the link can view the same setup guide and commands.', 'sociallane-elements' ); ?>
 	</div>
 

package/assets/css/tailwind.css

@@ -24,33 +24,6 @@
 |--------------------------------------------------------------------------
 */
 @theme {
-  /* Blue Chill (SocialLane Primary) */
-  --color-blue-chill-50: oklch(0.984 0.012 192.5);
-  --color-blue-chill-100: oklch(0.964 0.034 192.4);
-  --color-blue-chill-200: oklch(0.937 0.063 192.3);
-  --color-blue-chill-300: oklch(0.882 0.118 192.2);
-  --color-blue-chill-400: oklch(0.827 0.165 192.9);
-  --color-blue-chill-500: oklch(0.778 0.138 192.7);
-  --color-blue-chill-600: oklch(0.652 0.119 192.5);
-  --color-blue-chill-700: oklch(0.523 0.098 192.4);
-  --color-blue-chill-800: oklch(0.443 0.075 192.3);
-  --color-blue-chill-900: oklch(0.382 0.058 192.2);
-  --color-blue-chill-950: oklch(0.279 0.042 192.1);
-
-  /* Web Orange (SocialLane Secondary) */
-
-  --color-web-orange-50: oklch(0.984 0.038 95.8);
-  --color-web-orange-100: oklch(0.958 0.088 95.5);
-  --color-web-orange-200: oklch(0.912 0.158 95.2);
-  --color-web-orange-300: oklch(0.858 0.188 94.9);
-  --color-web-orange-400: oklch(0.818 0.178 85.2);
-  --color-web-orange-500: oklch(0.768 0.168 70.5);
-  --color-web-orange-600: oklch(0.652 0.158 55.2);
-  --color-web-orange-700: oklch(0.532 0.138 45.1);
-  --color-web-orange-800: oklch(0.448 0.108 48.2);
-  --color-web-orange-900: oklch(0.398 0.088 55.3);
-  --color-web-orange-950: oklch(0.268 0.068 45.5);
-
   /* Primary - dark gray (emphasis, buttons, links) */
   --color-primary: oklch(0.45 0 0);
   --color-primary-light: oklch(0.65 0 0);
@@ -590,7 +563,7 @@
   }
   .sl-cta-notify-form input[type='email'],
   .sl-cta-notify-form input[type='text'] {
-    @apply w-full px-4 py-3 text-base leading-normal font-sans bg-neutral-800 border border-neutral-600 rounded-lg text-neutral-100 placeholder:text-neutral-500 focus:outline-none focus:ring-2 focus:ring-violet-500 focus:ring-offset-0;
+    @apply w-full px-4 py-3 text-base leading-normal font-sans bg-neutral-800 border border-neutral-600 rounded-lg text-neutral-100 placeholder:text-neutral-500 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-0;
   }
   .sl-cta-notify-form input[type='submit'],
   .sl-cta-notify-form button[type='submit'] {

package/elements/button/button.php

@@ -73,12 +73,14 @@ class Button extends Widget_Base {
 				'label'   => esc_html__( 'Style', 'sociallane-elements' ),
 				'type'    => Controls_Manager::SELECT,
 				'default' => 'primary',
-				'options' => [
-					'primary'   => esc_html__( 'Primary', 'sociallane-elements' ),
-					'secondary' => esc_html__( 'Secondary', 'sociallane-elements' ),
-					'ghost'     => esc_html__( 'Ghost', 'sociallane-elements' ),
-					'outline'   => esc_html__( 'Outline', 'sociallane-elements' ),
-				],
+				'options' => function_exists( 'sociallane_get_button_preset_options' )
+					? sociallane_get_button_preset_options()
+					: [
+						'primary'   => esc_html__( 'Primary', 'sociallane-elements' ),
+						'secondary' => esc_html__( 'Secondary', 'sociallane-elements' ),
+						'ghost'     => esc_html__( 'Ghost', 'sociallane-elements' ),
+						'outline'   => esc_html__( 'Outline', 'sociallane-elements' ),
+					],
 			]
 		);
 
@@ -88,8 +90,8 @@ class Button extends Widget_Base {
 				'label'   => esc_html__( 'Color', 'sociallane-elements' ),
 				'type'    => Controls_Manager::SELECT,
 				'default' => 'default',
-				'options' => function_exists( 'sociallane_get_button_color_options' ) ? sociallane_get_button_color_options() : [ 'default' => esc_html__( 'Default (brand)', 'sociallane-elements' ) ],
-				'description' => esc_html__( 'Same style, different accent.', 'sociallane-elements' ),
+				'options' => function_exists( 'sociallane_get_button_color_options' ) ? sociallane_get_button_color_options() : [ 'default' => esc_html__( 'Default', 'sociallane-elements' ) ],
+				'description' => esc_html__( 'Uses the default theme color.', 'sociallane-elements' ),
 			]
 		);
 
@@ -140,7 +142,9 @@ class Button extends Widget_Base {
 			'url'           => esc_url( $url_data['url'] ?? '#' ),
 			'variant'       => $settings['variant'] ?? 'primary',
 			'size'          => $settings['size'] ?? 'md',
-			'color'         => $settings['color'] ?? 'default',
+			'color'         => function_exists( 'sociallane_normalize_button_color' )
+				? sociallane_normalize_button_color( (string) ( $settings['color'] ?? 'default' ) )
+				: 'default',
 			'icon'          => $settings['icon'] ?? null,
 			'icon_position' => $settings['icon_position'] ?? 'right',
 			'attrs'         => '',

package/elements/button/templates/render.php

@@ -25,37 +25,21 @@ $icon          = $button['icon'] ?? null;
 $icon_position = $button['icon_position'] ?? 'right';
 $attrs         = $button['attrs'] ?? '';
 $extra_class   = $button['class'] ?? '';
+// Keep color key for backward compatibility; palette is default-only.
+if ( function_exists( 'sociallane_normalize_button_color' ) ) {
+	$color = sociallane_normalize_button_color( (string) $color );
+} else {
+	$color = 'default';
+}
 
 // Variant styles: Primary, Secondary, Ghost, Outline
 $variant_classes = [
-	'primary'   => 'bg-transparent text-white border border-blue-chill-100/30 hover:bg-blue-chill-400/20 focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
-	'secondary' => 'bg-blue-chill-100/30 text-white hover:bg-blue-chill-200/50 focus:ring-2 focus:ring-secondary focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
+	'primary'   => 'bg-primary text-white hover:bg-primary-dark focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:bg-primary-light dark:text-neutral-900 dark:hover:bg-primary',
+	'secondary' => 'bg-secondary text-white hover:bg-secondary-dark focus:ring-2 focus:ring-secondary focus:ring-offset-2 dark:bg-secondary-light dark:text-neutral-900 dark:hover:bg-secondary',
 	'ghost'     => 'bg-transparent text-primary hover:bg-primary/10 focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:text-primary-light dark:hover:bg-white/10 dark:focus:ring-offset-neutral-900',
 	'outline'   => 'bg-transparent text-primary border border-primary hover:bg-primary hover:text-white focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:text-primary-light dark:border-primary-light dark:hover:bg-primary dark:hover:text-white dark:focus:ring-offset-neutral-900',
 ];
 
-// Optional accent color override: same style, different palette
-$accent_classes = [
-	'primary' => [
-		'default'     => null,
-		'blue-chill'  => 'bg-blue-chill-500 text-white hover:bg-blue-chill-600 focus:ring-2 focus:ring-blue-chill-500 focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
-		'web-orange'  => 'bg-web-orange-500 text-white hover:bg-web-orange-600 focus:ring-2 focus:ring-web-orange-500 focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
-	],
-	'outline' => [
-		'default'     => null,
-		'blue-chill'  => 'bg-transparent text-blue-chill-500 border border-blue-chill-500 hover:bg-blue-chill-500 hover:text-white focus:ring-2 focus:ring-blue-chill-500 focus:ring-offset-2 dark:text-blue-chill-300 dark:border-blue-chill-300 dark:hover:bg-blue-chill-500 dark:hover:text-white dark:focus:ring-offset-neutral-900',
-		'web-orange'  => 'bg-transparent text-web-orange-500 border border-web-orange-500 hover:bg-web-orange-500 hover:text-white focus:ring-2 focus:ring-web-orange-500 focus:ring-offset-2 dark:text-web-orange-400 dark:border-web-orange-400 dark:hover:bg-web-orange-500 dark:hover:text-white dark:focus:ring-offset-neutral-900',
-	],
-	'ghost' => [
-		'default'     => null,
-		'blue-chill'  => 'bg-transparent text-blue-chill-500 hover:bg-blue-chill-500/10 focus:ring-2 focus:ring-blue-chill-500 focus:ring-offset-2 dark:text-blue-chill-300 dark:hover:bg-blue-chill-500/10 dark:focus:ring-offset-neutral-900',
-		'web-orange'  => 'bg-transparent text-web-orange-500 hover:bg-web-orange-500/10 focus:ring-2 focus:ring-web-orange-500 focus:ring-offset-2 dark:text-web-orange-400 dark:hover:bg-web-orange-500/10 dark:focus:ring-offset-neutral-900',
-	],
-];
-if ( in_array( $variant, [ 'primary', 'outline', 'ghost' ], true ) && $color !== 'default' && isset( $accent_classes[ $variant ][ $color ] ) ) {
-	$variant_classes[ $variant ] = $accent_classes[ $variant ][ $color ];
-}
-
 $size_classes = [
 	'sm' => 'px-4 py-2 text-sm gap-1.5',
 	'md' => 'px-6 py-3 text-base gap-2',

package/includes/button-presets.php

@@ -57,15 +57,25 @@ function sociallane_parse_button_preset( string $preset ): array {
 /**
  * Get button color (accent) options for an optional "Button color" dropdown
  *
- * Use the same button style (e.g. Primary) with different accent colors.
- * Pass the selected value as $button['color'] when rendering; default means use variant default.
+ * Default-only palette to keep button styling consistent across widgets.
  *
  * @return array<string, string> Option key => label
  */
 function sociallane_get_button_color_options(): array {
 	return [
-		'default'     => esc_html__( 'Default (brand)', 'sociallane-elements' ),
-		'blue-chill'  => esc_html__( 'Blue Chilli', 'sociallane-elements' ),
-		'web-orange'  => esc_html__( 'Web Orange', 'sociallane-elements' ),
+		'default' => esc_html__( 'Default', 'sociallane-elements' ),
 	];
 }
+
+/**
+ * Normalize a button color key to an allowed option.
+ *
+ * @param string $color Requested button color key.
+ * @return string Allowed color key; defaults to 'default'.
+ */
+function sociallane_normalize_button_color( string $color ): string {
+	$color   = trim( $color );
+	$options = sociallane_get_button_color_options();
+
+	return isset( $options[ $color ] ) ? $color : 'default';
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sociallane/elements",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "Elementor widgets and elements with Tailwind CSS for SocialLane. WordPress plugin.",
   "type": "module",
   "private": false,

package/packages/core/assets/css/tailwind.css

@@ -24,33 +24,6 @@
 |--------------------------------------------------------------------------
 */
 @theme {
-  /* Blue Chill (SocialLane Primary) */
-  --color-blue-chill-50: oklch(0.984 0.012 192.5);
-  --color-blue-chill-100: oklch(0.964 0.034 192.4);
-  --color-blue-chill-200: oklch(0.937 0.063 192.3);
-  --color-blue-chill-300: oklch(0.882 0.118 192.2);
-  --color-blue-chill-400: oklch(0.827 0.165 192.9);
-  --color-blue-chill-500: oklch(0.778 0.138 192.7);
-  --color-blue-chill-600: oklch(0.652 0.119 192.5);
-  --color-blue-chill-700: oklch(0.523 0.098 192.4);
-  --color-blue-chill-800: oklch(0.443 0.075 192.3);
-  --color-blue-chill-900: oklch(0.382 0.058 192.2);
-  --color-blue-chill-950: oklch(0.279 0.042 192.1);
-
-  /* Web Orange (SocialLane Secondary) */
-
-  --color-web-orange-50: oklch(0.984 0.038 95.8);
-  --color-web-orange-100: oklch(0.958 0.088 95.5);
-  --color-web-orange-200: oklch(0.912 0.158 95.2);
-  --color-web-orange-300: oklch(0.858 0.188 94.9);
-  --color-web-orange-400: oklch(0.818 0.178 85.2);
-  --color-web-orange-500: oklch(0.768 0.168 70.5);
-  --color-web-orange-600: oklch(0.652 0.158 55.2);
-  --color-web-orange-700: oklch(0.532 0.138 45.1);
-  --color-web-orange-800: oklch(0.448 0.108 48.2);
-  --color-web-orange-900: oklch(0.398 0.088 55.3);
-  --color-web-orange-950: oklch(0.268 0.068 45.5);
-
   /* Primary - dark gray (emphasis, buttons, links) */
   --color-primary: oklch(0.45 0 0);
   --color-primary-light: oklch(0.65 0 0);
@@ -590,7 +563,7 @@
   }
   .sl-cta-notify-form input[type='email'],
   .sl-cta-notify-form input[type='text'] {
-    @apply w-full px-4 py-3 text-base leading-normal font-sans bg-neutral-800 border border-neutral-600 rounded-lg text-neutral-100 placeholder:text-neutral-500 focus:outline-none focus:ring-2 focus:ring-violet-500 focus:ring-offset-0;
+    @apply w-full px-4 py-3 text-base leading-normal font-sans bg-neutral-800 border border-neutral-600 rounded-lg text-neutral-100 placeholder:text-neutral-500 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-0;
   }
   .sl-cta-notify-form input[type='submit'],
   .sl-cta-notify-form button[type='submit'] {

package/packages/core/assets/dist/.vite/manifest.json

@@ -1,13 +1,25 @@
 {
+  "_vendor-gsap-DG3BZlja.js": {
+    "file": "vendor-gsap-DG3BZlja.js",
+    "name": "vendor-gsap"
+  },
+  "_vendor-lenis-yRRXrftv.js": {
+    "file": "vendor-lenis-yRRXrftv.js",
+    "name": "vendor-lenis"
+  },
   "assets/css/tailwind.css": {
-    "file": "tailwind-BMzFIA_O.css",
+    "file": "tailwind-DOt-nulx.css",
     "src": "assets/css/tailwind.css",
     "isEntry": true
   },
   "assets/js/animations.js": {
-    "file": "animations-BySooxN8.js",
+    "file": "animations-tqJYzwcE.js",
     "name": "animations",
     "src": "assets/js/animations.js",
-    "isEntry": true
+    "isEntry": true,
+    "imports": [
+      "_vendor-gsap-DG3BZlja.js",
+      "_vendor-lenis-yRRXrftv.js"
+    ]
   }
 }

package/packages/core/assets/dist/animations-tqJYzwcE.js

@@ -0,0 +1,252 @@
+import { g as gsapWithCSS, S as SplitText, a as ScrollTrigger } from "./vendor-gsap-DG3BZlja.js";
+import { L as Lenis } from "./vendor-lenis-yRRXrftv.js";
+const REVEAL_TYPES = {
+  "fade-up": { opacity: 0, y: 30 },
+  "fade-down": { opacity: 0, y: -30 },
+  "fade-left": { opacity: 0, x: 30 },
+  "fade-right": { opacity: 0, x: -30 },
+  "scale": { opacity: 0, scale: 0.95 },
+  "rotate": { opacity: 0, rotation: -5 }
+};
+function initReveal(scope = document) {
+  scope instanceof Document ? scope : scope.ownerDocument ?? document;
+  const container = scope instanceof Document ? scope.body : scope;
+  const els = container.querySelectorAll("[data-sl-reveal]");
+  els.forEach((el) => {
+    const type = el.getAttribute("data-sl-reveal") || "fade-up";
+    const delay = parseFloat(el.getAttribute("data-sl-delay") || 0);
+    const duration = parseFloat(el.getAttribute("data-sl-duration") || 0.6);
+    const from = REVEAL_TYPES[type] ?? REVEAL_TYPES["fade-up"];
+    gsapWithCSS.fromTo(
+      el,
+      from,
+      {
+        opacity: 1,
+        x: 0,
+        y: 0,
+        scale: 1,
+        rotation: 0,
+        duration,
+        delay,
+        ease: "power2.out",
+        scrollTrigger: {
+          trigger: el,
+          start: "top 85%",
+          toggleActions: "play none none none"
+        }
+      }
+    );
+  });
+}
+function initStagger(scope = document) {
+  const container = scope instanceof Document ? scope.body : scope;
+  const parents = container.querySelectorAll("[data-sl-stagger]");
+  parents.forEach((parent) => {
+    const delayStr = parent.getAttribute("data-sl-stagger");
+    const staggerDelay = delayStr ? parseFloat(delayStr) : 0.1;
+    const children = Array.from(parent.children).filter(
+      (c) => !c.hasAttribute("data-sl-stagger-skip")
+    );
+    if (children.length === 0) return;
+    gsapWithCSS.fromTo(
+      children,
+      { opacity: 0, y: 20 },
+      {
+        opacity: 1,
+        y: 0,
+        duration: 0.5,
+        stagger: staggerDelay,
+        ease: "power2.out",
+        scrollTrigger: {
+          trigger: parent,
+          start: "top 85%",
+          toggleActions: "play none none none"
+        }
+      }
+    );
+  });
+}
+const splitInstances = /* @__PURE__ */ new WeakMap();
+function initSplitText(scope = document) {
+  const container = scope instanceof Document ? scope.body : scope;
+  const els = container.querySelectorAll("[data-sl-split]");
+  els.forEach((el) => {
+    const type = el.getAttribute("data-sl-split") || "words";
+    const staggerVal = parseFloat(el.getAttribute("data-sl-split-stagger") || 0.02);
+    if (!el.textContent.trim()) return;
+    const typeMap = { chars: "chars", words: "words", lines: "lines" };
+    const splitType = typeMap[type] || "words";
+    const split = new SplitText(el, {
+      type: splitType,
+      charsClass: "sl-split-char",
+      wordsClass: "sl-split-word",
+      linesClass: "sl-split-line"
+    });
+    splitInstances.set(el, split);
+    const targets = split[splitType] ?? split.chars ?? split.words ?? split.lines;
+    if (!targets || targets.length === 0) return;
+    gsapWithCSS.fromTo(
+      targets,
+      { opacity: 0, y: 15 },
+      {
+        opacity: 1,
+        y: 0,
+        duration: 0.5,
+        stagger: staggerVal,
+        ease: "power2.out",
+        scrollTrigger: {
+          trigger: el,
+          start: "top 85%",
+          toggleActions: "play none none none"
+        }
+      }
+    );
+  });
+}
+function initPin(scope = document) {
+  const container = scope instanceof Document ? scope.body : scope;
+  const els = container.querySelectorAll("[data-sl-pin]");
+  els.forEach((el) => {
+    const end = el.getAttribute("data-sl-pin-end") || "+=100%";
+    ScrollTrigger.create({
+      trigger: el,
+      start: "top top",
+      end,
+      pin: true,
+      pinSpacing: true
+    });
+  });
+}
+const DURATION_HEIGHT = 0.35;
+const EASE = "power2.out";
+function initHoverReveal(scope = document) {
+  const root = scope instanceof Document ? scope : scope.ownerDocument ?? document;
+  const container = scope instanceof Document ? root.body : scope;
+  if (!container || typeof container.querySelectorAll !== "function") return;
+  const cards = container.querySelectorAll("[data-sl-hover-reveal]");
+  cards.forEach((card) => {
+    const collapsibleItems = card.querySelectorAll("[data-sl-hover-reveal-collapsible]");
+    const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    if (reducedMotion) {
+      collapsibleItems.forEach((item) => {
+        gsapWithCSS.set(item, { height: "auto", opacity: 1, transform: "none", overflow: "visible" });
+      });
+      return;
+    }
+    collapsibleItems.forEach((item) => {
+      gsapWithCSS.set(item, { height: 0, opacity: 0, transform: "translateY(10px)", overflow: "hidden" });
+    });
+    let tlEnter = null;
+    let tlLeave = null;
+    const onEnter = () => {
+      if (tlLeave) tlLeave.kill();
+      tlEnter = gsapWithCSS.timeline({ overwrite: true });
+      collapsibleItems.forEach((item, index) => {
+        const autoHeight = item.scrollHeight;
+        tlEnter.to(item, {
+          height: autoHeight,
+          opacity: 1,
+          transform: "translateY(0)",
+          overflow: "visible",
+          duration: DURATION_HEIGHT,
+          ease: EASE
+        }, index * 0.05);
+      });
+    };
+    const onLeave = () => {
+      if (tlEnter) tlEnter.kill();
+      tlLeave = gsapWithCSS.timeline({ overwrite: true });
+      collapsibleItems.forEach((item, index) => {
+        tlLeave.to(item, {
+          height: 0,
+          opacity: 0,
+          transform: "translateY(10px)",
+          overflow: "hidden",
+          duration: DURATION_HEIGHT * 0.8,
+          ease: EASE
+        }, index * 0.03);
+      });
+    };
+    card.addEventListener("mouseenter", onEnter);
+    card.addEventListener("mouseleave", onLeave);
+    card.addEventListener("focusin", onEnter);
+    card.addEventListener("focusout", onLeave);
+  });
+}
+gsapWithCSS.registerPlugin(ScrollTrigger, SplitText);
+const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+const isElementorPreview = () => typeof document !== "undefined" && document.body && document.body.classList.contains("elementor-editor-active");
+const isElementorEditor = () => typeof window !== "undefined" && window.elementorFrontend;
+let lenis = null;
+function initAnimationsInScope(scope = document) {
+  const root = scope instanceof Document ? scope : scope?.ownerDocument ?? document;
+  const container = scope instanceof Document ? root.body : scope;
+  if (!container) return;
+  initReveal(container);
+  initStagger(container);
+  initSplitText(container);
+  initPin(container);
+  initHoverReveal(container);
+}
+function killTriggersInScope(scope) {
+  const container = scope instanceof Document ? scope.body : scope;
+  if (!container || typeof container.contains !== "function") return;
+  ScrollTrigger.getAll().forEach((t) => {
+    if (t.trigger && container.contains(t.trigger)) {
+      t.kill();
+    }
+  });
+}
+function initAllAnimations() {
+  if (prefersReducedMotion) {
+    const targets = document.querySelectorAll(
+      "[data-sl-reveal], [data-sl-split], [data-sl-stagger]"
+    );
+    gsapWithCSS.set(targets, { opacity: 1, transform: "none" });
+    document.querySelectorAll("[data-sl-stagger]").forEach((parent) => {
+      gsapWithCSS.set(parent.children, { opacity: 1, transform: "none" });
+    });
+    return;
+  }
+  initAnimationsInScope(document);
+}
+function run() {
+  if (prefersReducedMotion) {
+    initAllAnimations();
+    window.SocialLaneAnimations = { gsap: gsapWithCSS, ScrollTrigger, SplitText, lenis: null, init: initAllAnimations };
+    return;
+  }
+  if (!isElementorPreview()) {
+    lenis = new Lenis({ lerp: 0.1, smoothWheel: true });
+    lenis.on("scroll", ScrollTrigger.update);
+    gsapWithCSS.ticker.add((time) => lenis.raf(time * 1e3));
+    gsapWithCSS.ticker.lagSmoothing(0);
+  }
+  initAllAnimations();
+  window.SocialLaneAnimations = {
+    gsap: gsapWithCSS,
+    ScrollTrigger,
+    SplitText,
+    lenis,
+    init: initAllAnimations,
+    initInScope: initAnimationsInScope
+  };
+  if (isElementorEditor() && window.elementorFrontend?.hooks) {
+    window.elementorFrontend.hooks.addAction(
+      "frontend/element_ready/global",
+      ($scope) => {
+        const el = $scope && $scope[0];
+        if (el) {
+          killTriggersInScope(el);
+          initAnimationsInScope(el);
+        }
+      }
+    );
+  }
+}
+if (document.readyState === "loading") {
+  document.addEventListener("DOMContentLoaded", run);
+} else {
+  run();
+}
+//# sourceMappingURL=animations-tqJYzwcE.js.map

package/packages/core/assets/dist/animations-tqJYzwcE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations-tqJYzwcE.js","sources":["../js/utilities/reveal.js","../js/utilities/stagger.js","../js/utilities/split-text.js","../js/utilities/pin.js","../js/utilities/hover-reveal.js","../js/animations.js"],"sourcesContent":["/**\n * Scroll reveal animation utility.\n * Elements with data-sl-reveal animate into view on scroll.\n *\n * @package SocialLane_Elements\n */\n\nimport gsap from 'gsap';\nimport { ScrollTrigger } from 'gsap/ScrollTrigger';\n\nconst REVEAL_TYPES = {\n  'fade-up': { opacity: 0, y: 30 },\n  'fade-down': { opacity: 0, y: -30 },\n  'fade-left': { opacity: 0, x: 30 },\n  'fade-right': { opacity: 0, x: -30 },\n  'scale': { opacity: 0, scale: 0.95 },\n  'rotate': { opacity: 0, rotation: -5 },\n};\n\n/**\n * Initialize reveal animations within a scope.\n *\n * @param {Element|Document} scope Root element or document to search.\n */\nexport function initReveal(scope = document) {\n  const root = scope instanceof Document ? scope : scope.ownerDocument ?? document;\n  const container = scope instanceof Document ? scope.body : scope;\n  const els = container.querySelectorAll('[data-sl-reveal]');\n\n  els.forEach((el) => {\n    const type = el.getAttribute('data-sl-reveal') || 'fade-up';\n    const delay = parseFloat(el.getAttribute('data-sl-delay') || 0);\n    const duration = parseFloat(el.getAttribute('data-sl-duration') || 0.6);\n    const from = REVEAL_TYPES[type] ?? REVEAL_TYPES['fade-up'];\n\n    gsap.fromTo(\n      el,\n      from,\n      {\n        opacity: 1,\n        x: 0,\n        y: 0,\n        scale: 1,\n        rotation: 0,\n        duration,\n        delay,\n        ease: 'power2.out',\n        scrollTrigger: {\n          trigger: el,\n          start: 'top 85%',\n          toggleActions: 'play none none none',\n        },\n      }\n    );\n  });\n}\n","/**\n * Stagger animation utility.\n * Children of elements with data-sl-stagger animate in sequence.\n *\n * @package SocialLane_Elements\n */\n\nimport gsap from 'gsap';\nimport { ScrollTrigger } from 'gsap/ScrollTrigger';\n\n/**\n * Initialize stagger animations within a scope.\n *\n * @param {Element|Document} scope Root element or document to search.\n */\nexport function initStagger(scope = document) {\n  const container = scope instanceof Document ? scope.body : scope;\n  const parents = container.querySelectorAll('[data-sl-stagger]');\n\n  parents.forEach((parent) => {\n    const delayStr = parent.getAttribute('data-sl-stagger');\n    const staggerDelay = delayStr ? parseFloat(delayStr) : 0.1;\n    const children = Array.from(parent.children).filter(\n      (c) => !c.hasAttribute('data-sl-stagger-skip')\n    );\n\n    if (children.length === 0) return;\n\n    gsap.fromTo(\n      children,\n      { opacity: 0, y: 20 },\n      {\n        opacity: 1,\n        y: 0,\n        duration: 0.5,\n        stagger: staggerDelay,\n        ease: 'power2.out',\n        scrollTrigger: {\n          trigger: parent,\n          start: 'top 85%',\n          toggleActions: 'play none none none',\n        },\n      }\n    );\n  });\n}\n","/**\n * Split text animation utility.\n * Text elements with data-sl-split animate characters/words/lines on scroll.\n *\n * @package SocialLane_Elements\n */\n\nimport gsap from 'gsap';\nimport { ScrollTrigger } from 'gsap/ScrollTrigger';\nimport SplitText from 'gsap/SplitText';\n\nconst splitInstances = new WeakMap();\n\n/**\n * Initialize split text animations within a scope.\n *\n * @param {Element|Document} scope Root element or document to search.\n */\nexport function initSplitText(scope = document) {\n  const container = scope instanceof Document ? scope.body : scope;\n  const els = container.querySelectorAll('[data-sl-split]');\n\n  els.forEach((el) => {\n    const type = el.getAttribute('data-sl-split') || 'words';\n    const staggerVal = parseFloat(el.getAttribute('data-sl-split-stagger') || 0.02);\n\n    if (!el.textContent.trim()) return;\n\n    const typeMap = { chars: 'chars', words: 'words', lines: 'lines' };\n    const splitType = typeMap[type] || 'words';\n\n    const split = new SplitText(el, {\n      type: splitType,\n      charsClass: 'sl-split-char',\n      wordsClass: 'sl-split-word',\n      linesClass: 'sl-split-line',\n    });\n\n    splitInstances.set(el, split);\n\n    const targets = split[splitType] ?? split.chars ?? split.words ?? split.lines;\n    if (!targets || targets.length === 0) return;\n\n    gsap.fromTo(\n      targets,\n      { opacity: 0, y: 15 },\n      {\n        opacity: 1,\n        y: 0,\n        duration: 0.5,\n        stagger: staggerVal,\n        ease: 'power2.out',\n        scrollTrigger: {\n          trigger: el,\n          start: 'top 85%',\n          toggleActions: 'play none none none',\n        },\n      }\n    );\n  });\n}\n\n/**\n * Revert split text and clean up.\n *\n * @param {Element} el Element that was split.\n */\nexport function revertSplitText(el) {\n  const split = splitInstances.get(el);\n  if (split && typeof split.revert === 'function') {\n    split.revert();\n    splitInstances.delete(el);\n  }\n}\n","/**\n * Pin (sticky scroll) animation utility.\n * Elements with data-sl-pin stay pinned during scroll.\n *\n * @package SocialLane_Elements\n */\n\nimport gsap from 'gsap';\nimport { ScrollTrigger } from 'gsap/ScrollTrigger';\n\n/**\n * Initialize pin animations within a scope.\n *\n * @param {Element|Document} scope Root element or document to search.\n */\nexport function initPin(scope = document) {\n  const container = scope instanceof Document ? scope.body : scope;\n  const els = container.querySelectorAll('[data-sl-pin]');\n\n  els.forEach((el) => {\n    const end = el.getAttribute('data-sl-pin-end') || '+=100%';\n\n    ScrollTrigger.create({\n      trigger: el,\n      start: 'top top',\n      end,\n      pin: true,\n      pinSpacing: true,\n    });\n  });\n}\n","/**\n * Hover reveal: backdrop bar is visible with gradient; collapsible content animates height + opacity.\n * Elements with [data-sl-hover-reveal] get bar [data-sl-hover-reveal-bar].\n * Elements with [data-sl-hover-reveal-collapsible] animate height + opacity.\n *\n * @package SocialLane_Elements\n */\n\nimport gsap from 'gsap';\n\nconst DURATION_HEIGHT = 0.35;\nconst DURATION_ITEMS = 0.2;\nconst STAGGER = 0.05;\nconst EASE = 'power2.out';\n\n/**\n * Initialize hover-reveal animations within a scope.\n *\n * @param {Element|Document} scope Root element or document to search.\n */\nexport function initHoverReveal(scope = document) {\n  const root = scope instanceof Document ? scope : scope.ownerDocument ?? document;\n  const container = scope instanceof Document ? root.body : scope;\n  if (!container || typeof container.querySelectorAll !== 'function') return;\n\n  const cards = container.querySelectorAll('[data-sl-hover-reveal]');\n  cards.forEach((card) => {\n    const collapsibleItems = card.querySelectorAll('[data-sl-hover-reveal-collapsible]');\n\n    const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    if (reducedMotion) {\n      collapsibleItems.forEach((item) => {\n        gsap.set(item, { height: 'auto', opacity: 1, transform: 'none', overflow: 'visible' });\n      });\n      return;\n    }\n\n    // Set initial state: collapsed\n    collapsibleItems.forEach((item) => {\n      gsap.set(item, { height: 0, opacity: 0, transform: 'translateY(10px)', overflow: 'hidden' });\n    });\n\n    let tlEnter = null;\n    let tlLeave = null;\n\n    const onEnter = () => {\n      if (tlLeave) tlLeave.kill();\n      tlEnter = gsap.timeline({ overwrite: true });\n\n      // Animate each collapsible item\n      collapsibleItems.forEach((item, index) => {\n        // Get the auto height for this item\n        const autoHeight = item.scrollHeight;\n\n        tlEnter.to(item, {\n          height: autoHeight,\n          opacity: 1,\n          transform: 'translateY(0)',\n          overflow: 'visible',\n          duration: DURATION_HEIGHT,\n          ease: EASE,\n        }, index * 0.05);\n      });\n    };\n\n    const onLeave = () => {\n      if (tlEnter) tlEnter.kill();\n      tlLeave = gsap.timeline({ overwrite: true });\n\n      // Collapse all items\n      collapsibleItems.forEach((item, index) => {\n        tlLeave.to(item, {\n          height: 0,\n          opacity: 0,\n          transform: 'translateY(10px)',\n          overflow: 'hidden',\n          duration: DURATION_HEIGHT * 0.8,\n          ease: EASE,\n        }, index * 0.03);\n      });\n    };\n\n    card.addEventListener('mouseenter', onEnter);\n    card.addEventListener('mouseleave', onLeave);\n    card.addEventListener('focusin', onEnter);\n    card.addEventListener('focusout', onLeave);\n  });\n}\n","/**\n * GSAP + Lenis Animation Entry Point\n *\n * Initializes scroll animations, split text, stagger effects, and smooth scroll.\n * Supports Elementor editor (reinit on content change) and prefers-reduced-motion.\n *\n * @package SocialLane_Elements\n */\n\nimport gsap from 'gsap';\nimport { ScrollTrigger } from 'gsap/ScrollTrigger';\nimport SplitText from 'gsap/SplitText';\nimport Lenis from 'lenis';\nimport { initReveal } from './utilities/reveal.js';\nimport { initStagger } from './utilities/stagger.js';\nimport { initSplitText } from './utilities/split-text.js';\nimport { initPin } from './utilities/pin.js';\nimport { initHoverReveal } from './utilities/hover-reveal.js';\n\ngsap.registerPlugin(ScrollTrigger, SplitText);\n\nconst prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\nconst isElementorPreview = () =>\n  typeof document !== 'undefined' &&\n  document.body &&\n  document.body.classList.contains('elementor-editor-active');\n\nconst isElementorEditor = () => typeof window !== 'undefined' && window.elementorFrontend;\n\nlet lenis = null;\n\nfunction initAnimationsInScope(scope = document) {\n  const root = scope instanceof Document ? scope : scope?.ownerDocument ?? document;\n  const container = scope instanceof Document ? root.body : scope;\n  if (!container) return;\n\n  initReveal(container);\n  initStagger(container);\n  initSplitText(container);\n  initPin(container);\n  initHoverReveal(container);\n}\n\nfunction killTriggersInScope(scope) {\n  const container = scope instanceof Document ? scope.body : scope;\n  if (!container || typeof container.contains !== 'function') return;\n  ScrollTrigger.getAll().forEach((t) => {\n    if (t.trigger && container.contains(t.trigger)) {\n      t.kill();\n    }\n  });\n}\n\nfunction initAllAnimations() {\n  if (prefersReducedMotion) {\n    const targets = document.querySelectorAll(\n      '[data-sl-reveal], [data-sl-split], [data-sl-stagger]'\n    );\n    gsap.set(targets, { opacity: 1, transform: 'none' });\n    document.querySelectorAll('[data-sl-stagger]').forEach((parent) => {\n      gsap.set(parent.children, { opacity: 1, transform: 'none' });\n    });\n    return;\n  }\n\n  initAnimationsInScope(document);\n}\n\nfunction run() {\n  if (prefersReducedMotion) {\n    initAllAnimations();\n    window.SocialLaneAnimations = { gsap, ScrollTrigger, SplitText, lenis: null, init: initAllAnimations };\n    return;\n  }\n\n  if (!isElementorPreview()) {\n    lenis = new Lenis({ lerp: 0.1, smoothWheel: true });\n    lenis.on('scroll', ScrollTrigger.update);\n    gsap.ticker.add((time) => lenis.raf(time * 1000));\n    gsap.ticker.lagSmoothing(0);\n  }\n\n  initAllAnimations();\n\n  window.SocialLaneAnimations = {\n    gsap,\n    ScrollTrigger,\n    SplitText,\n    lenis,\n    init: initAllAnimations,\n    initInScope: initAnimationsInScope,\n  };\n\n  if (isElementorEditor() && window.elementorFrontend?.hooks) {\n    window.elementorFrontend.hooks.addAction(\n      'frontend/element_ready/global',\n      ($scope) => {\n        const el = $scope && $scope[0];\n        if (el) {\n          killTriggersInScope(el);\n          initAnimationsInScope(el);\n        }\n      }\n    );\n  }\n}\n\nif (document.readyState === 'loading') {\n  document.addEventListener('DOMContentLoaded', run);\n} else {\n  run();\n}\n"],"names":["gsap"],"mappings":"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"}