@devvistatech/devvista-kit 0.0.10 → 0.0.13

package/dist/components/addOns/non-functional/Testimonials.jsx

@@ -1,177 +0,0 @@
-"use client";
-import { motion } from "framer-motion";
-import { useRef, useState, useEffect } from "react";
-var TestimonialModal = function (_a) {
-    var isOpen = _a.isOpen, onClose = _a.onClose, quote = _a.quote, author = _a.author, isMobile = _a.isMobile;
-    var modalRef = useRef(null);
-    var handleClickOutside = function (event) {
-        if (modalRef.current && !modalRef.current.contains(event.target)) {
-            onClose();
-        }
-    };
-    useEffect(function () {
-        var _a;
-        if (isOpen) {
-            var firstFocusable = (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("button");
-            firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();
-            document.body.style.overflow = "hidden";
-        }
-        else {
-            document.body.style.overflow = "auto";
-        }
-        return function () {
-            document.body.style.overflow = "auto";
-        };
-    }, [isOpen]);
-    if (!isOpen)
-        return null;
-    return (<div className="fixed inset-0 bg-black/50 flex items-center justify-center z-[10000] p-4" onClick={handleClickOutside} aria-modal="true" role="dialog">
-      <motion.div ref={modalRef} initial={{ opacity: 0, scale: 0.95 }} animate={{ opacity: 1, scale: 1 }} exit={{ opacity: 0, scale: 0.95 }} className="bg-white rounded-2xl p-6 sm:p-8 max-w-lg w-full overflow-y-auto relative glassmorphism" style={{ maxHeight: isMobile ? "50vh" : "80vh" }}>
-        <button onClick={onClose} className="absolute top-4 right-4 text-gray-500 hover:text-gray-700" aria-label="Close testimonial modal">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-            <path d="M18 6L6 18M6 6l12 12"/>
-          </svg>
-        </button>
-        <p className="text-[#2D2D2D] text-lg sm:text-xl font-medium italic mb-4">
-          “{quote}”
-        </p>
-        <p className="text-[#2D2D2D] text-base sm:text-lg font-medium text-right">
-          — {author}
-        </p>
-      </motion.div>
-    </div>);
-};
-var Testimonials = function (_a) {
-    var isMobile = _a.isMobile;
-    var _b = useState(null), selectedTestimonial = _b[0], setSelectedTestimonial = _b[1];
-    var testimonialRef = useRef(null);
-    useEffect(function () {
-        var event = new CustomEvent("modalStateChange", {
-            detail: { isOpen: !!selectedTestimonial },
-        });
-        window.dispatchEvent(event);
-    }, [selectedTestimonial]);
-    var sectionVariants = {
-        hidden: { opacity: 0, y: 20 },
-        visible: {
-            opacity: 1,
-            y: 0,
-            transition: { duration: isMobile ? 0.3 : 0.5, ease: "easeOut" },
-        },
-    };
-    var cardVariants = {
-        hidden: { opacity: 0, y: 20 },
-        visible: {
-            opacity: 1,
-            y: 0,
-            transition: { duration: isMobile ? 0.3 : 0.5, ease: "easeOut" },
-        },
-        hover: {
-            scale: isMobile ? 1 : 1.05,
-            transition: { duration: 0.2, ease: "easeOut" },
-        },
-    };
-    var itemVariants = {
-        hidden: { opacity: 0, y: 10 },
-        visible: {
-            opacity: 1,
-            y: 0,
-            transition: { duration: isMobile ? 0.3 : 0.5, ease: "easeOut" },
-        },
-    };
-    var scrollToTestimonials = function () {
-        if (testimonialRef.current) {
-            var headerOffset = 290;
-            var elementPosition = testimonialRef.current.getBoundingClientRect().top + window.pageYOffset;
-            window.scrollTo({
-                top: elementPosition - headerOffset,
-                behavior: "smooth",
-            });
-        }
-    };
-    return (<div className={"pt-12 px-12 pb-24 bg-[#1B2743] ".concat(isMobile ? "pt-32" : "pt-12", " pb-12")}>
-      <style jsx>{"\n        @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap\");\n\n        :root {\n          --jubilee: #F47C7C;\n          --natural-white: #F7F7F7;\n          --caviar: #2D2D2D;\n          --storm-cloud: #4A636E;\n          --exuberant-pink: #FF69B4;\n          --modern-purple: #D946EF;\n        }\n\n        * {\n          font-family: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        }\n\n        .glassmorphism {\n          background: rgba(255, 255, 255, 0.1);\n          backdrop-filter: blur(12px);\n          -webkit-backdrop-filter: blur(12px);\n          border: 1px solid rgba(255, 255, 255, 0.2);\n          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);\n          transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n        }\n\n        @supports not (backdrop-filter: blur(12px)) {\n          .glassmorphism {\n            background: rgba(255, 255, 255, 0.3);\n          }\n        }\n\n        .glassmorphism:hover {\n          box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\n        }\n\n        .line-clamp-8 {\n          display: -webkit-box;\n          -webkit-line-clamp: 8;\n          -webkit-box-orient: vertical;\n          overflow: hidden;\n        }\n      "}</style>
-      {!isMobile && (<div className="flex justify-center">
-          <button onClick={scrollToTestimonials} className="relative mb-72 transition-all duration-300 hover:scale-110" style={{ top: "-20px" }} aria-label="Scroll down">
-            <svg xmlns="http://www.w3.org/2000/svg" width="120" height="60" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="text-white transition-all duration-300">
-              <polyline points="4 8 12 16 20 8"/>
-            </svg>
-          </button>
-        </div>)}
-      <motion.div ref={testimonialRef} variants={sectionVariants} initial="hidden" animate="visible">
-        <motion.h2 variants={itemVariants} className="text-4xl sm:text-5xl font-extrabold mb-16 text-white/90 text-center tracking-tight drop-shadow-md uppercase">
-          Testimonials
-        </motion.h2>
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 sm:gap-10 lg:gap-12 min-h-fit items-stretch">
-          {[
-            {
-                quote: "I came to FitStop looking for consistent classes that I could take that would allow me to prioritize my own health, as a mom who wanted to keep up with her energetic young kids. What I found was a gem in Kathy and a tribe of amazing people alongside! In just a matter of months, I went from being the \"new girl\" to laughing and engaging with those who've been attending classes for the long haul! It is a joy to be \"in it\" on this quest for health, strength, confidence, and longevity with such a committed and authentic group of humans! Kathy cares about each of her members (and their loved ones) deeply and her approach to whole-body health (physical, emotional, nutrition, mental, rest, etc.) is unparalleled! She exudes warmth, encouragement, fun, and sets a positive tone for each class and training session. At the same time, she is a powerhouse \u2013 strong, smart, and energetic, but always humble and unpretentious. She excels at switching it up from week to week in classes and training sessions, keeping the motivation high and our bodies working hard! Strength training with Kathy has been one of the most impactful decisions of my adult life. She is a stellar coach with a commitment to constantly learning, growing, and challenging herself and her clients.",
-                author: "Susan H.",
-            },
-            {
-                quote: "Joining Fit Stop was life-changing. Kathy’s guidance is invaluable—thank you!",
-                author: "Pam S.",
-            },
-            {
-                quote: "Six years with Kathy transformed my health. Her tailored advice is a game-changer.",
-                author: "Stan Kaplan D.D.S.",
-            },
-            {
-                quote: "Modern, well-equipped, and friendly—Fit Stop is a fantastic place to train.",
-                author: "Vicki Meguid",
-            },
-            {
-                quote: "Kathy’s gym feels like home. Classes are fun, and the space is always clean and bright.",
-                author: "Deb G.",
-            },
-            {
-                quote: "From the moment I walked into FitStop and started training with Kathy, I knew I was in the right place. Coming off a health scare, I needed support—and Kathy provided that from day one. Her mix of expertise, kindness, and genuine care is unmatched. Her classes introduced me to a community of strong, supportive women, and I quickly felt right at home. FitStop isn’t just a gym—it’s a safe, welcoming space where I feel empowered and encouraged. Thanks to Kathy, I feel strong and confident again. I actually look forward to going to the gym now! If you’re looking for a place that prioritizes both wellness and community, FitStop is it.",
-                author: "Annie T.",
-            },
-            {
-                quote: "I lost 40 pounds with Kathy’s simple formula: eat right, exercise, and stay consistent.",
-                author: "Kristi K.",
-                image: "/images/kristiportrait.jpg",
-            },
-            {
-                quote: "I have been a member of FitStop since its opening in East Syracuse. I have followed Kathy for many years prior to her opening her own gym. The FitStop is very welcoming and a great place to work out. I especially enjoy her classes and my gym mates. We work hard but we have fun at the same time. Kathy is very knowledgeable and helpful ensuring everyone gets a safe, great workout.",
-                author: "Carol K.",
-            },
-            {
-                quote: "Kathy makes everyone feel welcome and ensures that the classes are inviting to all. I’ve been going to the Fitstop for fifteen years and it’s a positive, bright spot in my day. And I should mention that it is a great workout, emphasizing mobility and strength, keeping us active in our golden years.",
-                author: "Kate F.",
-            },
-            {
-                quote: "Kathy you are my North Star! Kathy has helped me to achieve the best decade of my life in spite of having the lingering effects of Lymes disease. Kathy keeps it real, no lame excuses accepted!! But also tailored to my level of ability She keeps me motivated to be active, eat healthy and best of all stay energy positive. Any day I see Kathy is the best day! I just love her.",
-                author: "Anita D.",
-            },
-        ].map(function (testimonial, index) { return (<motion.div key={index} variants={cardVariants} initial="hidden" animate="visible" whileHover="hover" className="flex">
-              <div className="mb-16 overflow-hidden bg-white/30 backdrop-blur-lg border border-white/10 shadow-lg rounded-2xl w-full h-[500px] flex flex-col items-center justify-between" style={{
-                backgroundImage: testimonial.image ? "url(".concat(testimonial.image, ")") : "none",
-                backgroundSize: "contain",
-                backgroundPosition: "center",
-                backgroundRepeat: "no-repeat",
-            }} role="region" aria-label="Testimonial">
-                <div className={"flex-1 flex flex-col justify-center w-full bg-black/40 rounded-2xl ".concat(isMobile ? "p-4" : "p-12")}>
-                  <div className="flex flex-col items-center justify-center h-full">
-                    <p className="text-white text-base sm:text-lg font-medium italic mb-2 text-center content-text line-clamp-8">
-                      “{testimonial.quote}”
-                    </p>
-                    <p className="text-white/80 text-sm sm:text-base font-medium text-center content-text" style={{
-                textShadow: "\n                          -1px -1px 0 #000,\n                          1px -1px 0 #000,\n                          -1px 1px 0 #000,\n                          1px 1px 0 #000,\n                          0 2px 4px rgba(0, 0, 0, 0.4)\n                        ",
-            }}>
-                      — {testimonial.author}
-                    </p>
-                  </div>
-                  <button onClick={function () { return setSelectedTestimonial({ quote: testimonial.quote, author: testimonial.author }); }} className="mt-4 text-white bg-[#F47C7C] hover:bg-[#FF69B4] rounded-full px-4 py-2 text-sm font-semibold transition-colors duration-200 self-center">
-                    Read More
-                  </button>
-                </div>
-              </div>
-            </motion.div>); })}
-        </div>
-        <TestimonialModal isOpen={!!selectedTestimonial} onClose={function () { return setSelectedTestimonial(null); }} quote={(selectedTestimonial === null || selectedTestimonial === void 0 ? void 0 : selectedTestimonial.quote) || ""} author={(selectedTestimonial === null || selectedTestimonial === void 0 ? void 0 : selectedTestimonial.author) || ""} isMobile={isMobile}/>
-      </motion.div>
-    </div>);
-};
-export default Testimonials;

package/dist/components/addOns/non-functional/ThreeSetGallery.jsx

@@ -1,40 +0,0 @@
-var ThreeSetGallery = function (_a) {
-    var _b = _a.images, images = _b === void 0 ? [
-        {
-            src: '/images/gallery/placeholder1.jpg',
-            alt: 'Gallery Image 1',
-            title: 'Image One',
-            description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
-        },
-        {
-            src: '/images/gallery/placeholder2.jpg',
-            alt: 'Gallery Image 2',
-            title: 'Image Two',
-            description: 'Sed do eiusmod tempor incididunt ut labore et dolore.',
-        },
-        {
-            src: '/images/gallery/placeholder3.jpg',
-            alt: 'Gallery Image 3',
-            title: 'Image Three',
-            description: 'Ut enim ad minim veniam, quis nostrud exercitation.',
-        },
-    ] : _b, _c = _a.columns, columns = _c === void 0 ? '3' : _c;
-    var gridCols = {
-        '1': 'grid-cols-1',
-        '2': 'grid-cols-2',
-        '3': 'grid-cols-3',
-        '4': 'grid-cols-4',
-    };
-    return (<section className="w-full h-full">
-      <div className={"grid ".concat(gridCols[columns], " gap-0")}>
-        {images.map(function (image, index) { return (<div key={index} className="relative overflow-hidden group">
-            <img src={image.src} alt={image.alt} className="w-full h-[400px] sm:h-[900px] object-cover object-top transform transition-all duration-300 group-hover:scale-105 group-hover:blur-sm"/>
-            <div className="absolute inset-0 flex flex-col items-center justify-center bg-black/50 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300">
-              <h3 className="text-2xl font-bold">{image.title}</h3>
-              <p className="text-lg">{image.description}</p>
-            </div>
-          </div>); })}
-      </div>
-    </section>);
-};
-export default ThreeSetGallery;

package/dist/components/addOns/non-functional/aboutSections/AboutSection.jsx

@@ -1,35 +0,0 @@
-// src/components/AboutSection.tsx
-"use client";
-import { useState } from 'react';
-import { motion } from 'framer-motion';
-import { EditToggleButton } from '@/components/other/button';
-import { ABOUT_SECTION } from './constants/aboutSection';
-export default function AboutSection() {
-    var _a = useState(false), isReadMore = _a[0], setIsReadMore = _a[1];
-    var toggleReadMore = function () {
-        setIsReadMore(!isReadMore);
-    };
-    return (<section className="relative py-16 sm:py-24 md:py-32 bg-white w-full flex justify-center">
-      <div className="w-full px-4 sm:px-6 md:px-12 text-center">
-        <motion.h2 className="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold mb-8 md:mb-16 text-blue-900" initial={{ opacity: 0, y: 40 }} whileInView={{ opacity: 1, y: 0 }} transition={{ duration: 1.2, ease: 'easeOut' }} viewport={{ once: true }}>
-          {ABOUT_SECTION.UI.LOREM_IPSUM_DOLOR}
-        </motion.h2>
-        <div className="max-w-4xl mx-auto space-y-6 md:space-y-8">
-          <p className="text-base sm:text-lg md:text-xl max-w-3xl mx-auto mb-8 md:mb-12 text-gray-700">
-            {ABOUT_SECTION.UI.LOREM_IPSUM_PARAGRAPH}
-          </p>
-          {isReadMore && (<>
-              <motion.p className="text-base sm:text-lg md:text-xl max-w-3xl mx-auto mb-8 md:mb-12 text-gray-700" initial={{ opacity: 0, height: 0 }} animate={{ opacity: 1, height: 'auto' }} transition={{ duration: 0.5, ease: 'easeOut' }}>
-                {ABOUT_SECTION.UI.AT_VERO_PARAGRAPH}
-              </motion.p>
-              <motion.p className="text-base sm:text-lg md:text-xl max-w-3xl mx-auto mb-8 md:mb-12 text-gray-700" initial={{ opacity: 0, height: 0 }} animate={{ opacity: 1, height: 'auto' }} transition={{ duration: 0.5, ease: 'easeOut', delay: 0.2 }}>
-                {ABOUT_SECTION.UI.LOREM_IPSUM_PARAGRAPH}
-              </motion.p>
-            </>)}
-          <EditToggleButton onClick={toggleReadMore} size="lg" className="mt-4 bg-teal-600 hover:bg-teal-700 text-white rounded-full text-base sm:text-lg md:text-xl shadow-xl transform active:scale-95 transition-transform">
-            {isReadMore ? ABOUT_SECTION.BUTTONS.MINUS_LEGERE_BUTTON : ABOUT_SECTION.BUTTONS.PLUS_LEGERE_BUTTON}
-          </EditToggleButton>
-        </div>
-      </div>
-    </section>);
-}

package/dist/components/addOns/non-functional/aboutSections/constants/aboutSection.js

@@ -1,24 +0,0 @@
-// components/addOns/non-functional/aboutSections/constants/aboutSection.ts
-// Constants for hardcoded text in AboutSection.tsx, organized by purpose
-export var ABOUT_SECTION = {
-    // UI Text for AboutSection
-    UI: {
-        // Heading for the section
-        LOREM_IPSUM_DOLOR: "Lorem Ipsum Dolor",
-        // Paragraph text (used for first and third paragraphs)
-        LOREM_IPSUM_PARAGRAPH: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
-        // Second paragraph text (shown when read more is toggled)
-        AT_VERO_PARAGRAPH: "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate.",
-    },
-    // Button Text for AboutSection
-    BUTTONS: {
-        // EditToggleButton text when read more is active
-        MINUS_LEGERE_BUTTON: "Minus Legere",
-        // EditToggleButton text when read more is inactive
-        PLUS_LEGERE_BUTTON: "Plus Legere",
-    },
-    // Error Messages for AboutSection
-    ERRORS: {
-    // No hardcoded errors
-    },
-};

package/dist/components/addOns/non-functional/imageCarousels/ProductSlider.jsx

@@ -1,80 +0,0 @@
-// src/components/ProductSlider.tsx
-'use client';
-import { ChevronLeft, ChevronRight } from 'lucide-react';
-import { PROGRAM_SLIDER } from './constants/programSlider';
-var ProductSlider = function (_a) {
-    var _b = _a.products, products = _b === void 0 ? [
-        {
-            id: '1',
-            name: PROGRAM_SLIDER.UI.PRODUCT_NAMES[0],
-            description: PROGRAM_SLIDER.UI.PRODUCT_DESCRIPTIONS[0],
-            image: '/images/products/placeholder1.jpg',
-        },
-        {
-            id: '2',
-            name: PROGRAM_SLIDER.UI.PRODUCT_NAMES[1],
-            description: PROGRAM_SLIDER.UI.PRODUCT_DESCRIPTIONS[1],
-            image: '/images/products/placeholder2.jpg',
-        },
-        {
-            id: '3',
-            name: PROGRAM_SLIDER.UI.PRODUCT_NAMES[2],
-            description: PROGRAM_SLIDER.UI.PRODUCT_DESCRIPTIONS[2],
-            image: '/images/products/placeholder3.jpg',
-        },
-        {
-            id: '4',
-            name: PROGRAM_SLIDER.UI.PRODUCT_NAMES[3],
-            description: PROGRAM_SLIDER.UI.PRODUCT_DESCRIPTIONS[3],
-            image: '/images/products/placeholder4.jpg',
-        },
-        {
-            id: '5',
-            name: PROGRAM_SLIDER.UI.PRODUCT_NAMES[4],
-            description: PROGRAM_SLIDER.UI.PRODUCT_DESCRIPTIONS[4],
-            image: '/images/products/placeholder5.jpg',
-        },
-        {
-            id: '6',
-            name: PROGRAM_SLIDER.UI.PRODUCT_NAMES[5],
-            description: PROGRAM_SLIDER.UI.PRODUCT_DESCRIPTIONS[5],
-            image: '/images/products/placeholder6.jpg',
-        },
-    ] : _b;
-    var scrollLeft = function () {
-        var _a;
-        (_a = document.getElementById('scroll-container')) === null || _a === void 0 ? void 0 : _a.scrollBy({ left: -300, behavior: 'smooth' });
-    };
-    var scrollRight = function () {
-        var _a;
-        (_a = document.getElementById('scroll-container')) === null || _a === void 0 ? void 0 : _a.scrollBy({ left: 300, behavior: 'smooth' });
-    };
-    return (<section className="bg-white">
-      <div className="w-full px-0">
-        <div className="relative w-full">
-          <button onClick={scrollLeft} className="absolute left-4 top-1/2 -translate-y-1/2 z-10 hover:bg-black/70 text-white bg-black/40 w-12 h-12 flex items-center justify-center rounded-full shadow-lg transition-all duration-300" aria-label={PROGRAM_SLIDER.BUTTONS.PREVIOUS_PRODUCT_ARIA}>
-            <ChevronLeft size={24}/>
-          </button>
-          <div id="scroll-container" className="flex overflow-x-scroll scroll-smooth snap-x snap-mandatory scrollbar-hide" style={{
-            scrollSnapType: 'x mandatory',
-            scrollbarWidth: 'none',
-            msOverflowStyle: 'none',
-        }}>
-            {products.map(function (product) { return (<div key={product.id} className="min-w-full md:min-w-[50%] lg:min-w-[33.3333%] snap-start relative">
-                <div className="relative w-full h-[500px] sm:h-[600px] md:h-[800px] lg:h-[1200px]">
-                  <img src={product.image} alt={product.name} className="w-full h-full object-cover"/>
-                  <div className="absolute bottom-0 w-full bg-black/50 text-white text-center py-4">
-                    <h3 className="text-2xl font-bold">{product.name}</h3>
-                    <p className="text-lg">{product.description}</p>
-                  </div>
-                </div>
-              </div>); })}
-          </div>
-          <button onClick={scrollRight} className="absolute right-4 top-1/2 -translate-y-1/2 z-10 hover:bg-black/70 text-white bg-black/40 w-12 h-12 flex items-center justify-center rounded-full shadow-lg transition-all duration-300" aria-label={PROGRAM_SLIDER.BUTTONS.NEXT_PRODUCT_ARIA}>
-            <ChevronRight size={24}/>
-          </button>
-        </div>
-      </div>
-    </section>);
-};
-export default ProductSlider;

package/dist/components/addOns/non-functional/imageCarousels/ProgramCarousel.jsx

@@ -1,155 +0,0 @@
-// src/components/ProgramsCarousel.tsx
-"use client";
-import Link from 'next/link';
-import { PrevButton, NextButton, ActionButton } from "@/components/other/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/other/card';
-import { ChevronLeft, ChevronRight } from 'lucide-react';
-import { motion } from 'framer-motion';
-import { useCallback, useEffect, useRef, useState } from 'react';
-import useEmblaCarousel from 'embla-carousel-react';
-import { PROGRAM_CAROUSEL } from './constants/programCarousel';
-var staggerChildren = {
-    hidden: { opacity: 0 },
-    visible: {
-        opacity: 1,
-        transition: {
-            staggerChildren: 0.2,
-            delayChildren: 0.3,
-        },
-    },
-};
-var childVariant = {
-    hidden: { opacity: 0, y: 20 },
-    visible: {
-        opacity: 1,
-        y: 0,
-        transition: { duration: 0.5, ease: 'easeOut' },
-    },
-};
-// Separate component for each slide
-var ProgramSlide = function (_a) {
-    var program = _a.program;
-    var videoRef = useRef(null);
-    var handleMouseEnter = function () {
-        if (videoRef.current) {
-            videoRef.current.play().catch(function (error) { return console.error(PROGRAM_CAROUSEL.ERRORS.VIDEO_PLAY_ERROR, error); });
-        }
-    };
-    var handleMouseLeave = function () {
-        if (videoRef.current) {
-            videoRef.current.pause();
-            videoRef.current.currentTime = 0;
-        }
-    };
-    return (<motion.div className="embla__slide flex-[0_0_100%] max-[640px]:h-[400px] sm:flex-[0_0_33.333333%] sm:h-[900px] w-full flex items-center justify-center" variants={childVariant} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>
-      <Card className="bg-white/90 w-full max-[640px]:h-[400px] sm:h-[900px] flex flex-col border-none pb-6 sm:pb-12 shadow-lg hover:shadow-xl transition-shadow duration-300">
-        <div className="relative w-full max-[640px]:h-[280px] sm:h-[800px]">
-          <video ref={videoRef} src={program.video} poster={program.poster} className="w-full h-full object-cover" muted playsInline loop/>
-        </div>
-        <CardHeader className="flex-shrink-0 max-[640px]">
-          <CardTitle className="max-[640px]:text-xl sm:text-3xl font-bold text-center">
-            {program.title}
-          </CardTitle>
-        </CardHeader>
-        <CardContent className="flex-grow flex items-center justify-center max-[640px]">
-          <CardDescription className="max-[640px]:text-lg sm:text-lg text-gray-800 text-center line-clamp-3">
-            {program.description}
-          </CardDescription>
-        </CardContent>
-      </Card>
-    </motion.div>);
-};
-var ProgramsCarousel = function (_a) {
-    var _b = _a.programs, programs = _b === void 0 ? [
-        {
-            title: PROGRAM_CAROUSEL.UI.PROGRAM_TITLES[0],
-            video: '/videos/placeholder1.mp4',
-            poster: '/images/placeholder1.jpg',
-            description: PROGRAM_CAROUSEL.UI.PROGRAM_DESCRIPTIONS[0],
-            link: '/',
-        },
-        {
-            title: PROGRAM_CAROUSEL.UI.PROGRAM_TITLES[1],
-            video: '/videos/placeholder2.mp4',
-            poster: '/images/placeholder2.jpg',
-            description: PROGRAM_CAROUSEL.UI.PROGRAM_DESCRIPTIONS[1],
-            link: '/',
-        },
-        {
-            title: PROGRAM_CAROUSEL.UI.PROGRAM_TITLES[2],
-            video: '/videos/placeholder3.mp4',
-            poster: '/images/placeholder3.jpg',
-            description: PROGRAM_CAROUSEL.UI.PROGRAM_DESCRIPTIONS[2],
-            link: '/',
-        },
-        {
-            title: PROGRAM_CAROUSEL.UI.PROGRAM_TITLES[3],
-            video: '/videos/placeholder4.mp4',
-            poster: '/images/placeholder4.jpg',
-            description: PROGRAM_CAROUSEL.UI.PROGRAM_DESCRIPTIONS[3],
-            link: '/',
-        },
-        {
-            title: PROGRAM_CAROUSEL.UI.PROGRAM_TITLES[4],
-            video: '/videos/placeholder5.mp4',
-            poster: '/images/placeholder5.jpg',
-            description: PROGRAM_CAROUSEL.UI.PROGRAM_DESCRIPTIONS[4],
-            link: '/',
-        },
-    ] : _b, _c = _a.sectionTitle, sectionTitle = _c === void 0 ? PROGRAM_CAROUSEL.UI.SECTION_TITLE : _c, _d = _a.buttonText, buttonText = _d === void 0 ? PROGRAM_CAROUSEL.UI.VIEW_ALL_BUTTON_TEXT : _d, _e = _a.buttonLink, buttonLink = _e === void 0 ? '/' : _e;
-    var _f = useEmblaCarousel({ loop: true, align: 'start', containScroll: 'trimSnaps', slidesToScroll: 1 }), emblaRef = _f[0], emblaApi = _f[1];
-    var _g = useState(false), canPrev = _g[0], setCanPrev = _g[1];
-    var _h = useState(true), canNext = _h[0], setCanNext = _h[1];
-    var scrollPrev = useCallback(function () {
-        if (emblaApi)
-            emblaApi.scrollPrev();
-    }, [emblaApi]);
-    var scrollNext = useCallback(function () {
-        if (emblaApi)
-            emblaApi.scrollNext();
-    }, [emblaApi]);
-    var onSelect = useCallback(function () {
-        if (!emblaApi)
-            return;
-        setCanPrev(emblaApi.canScrollPrev());
-        setCanNext(emblaApi.canScrollNext());
-    }, [emblaApi]);
-    useEffect(function () {
-        if (!emblaApi)
-            return;
-        emblaApi.on('select', onSelect);
-        emblaApi.on('reInit', onSelect);
-        onSelect();
-        emblaApi.reInit();
-        emblaApi.scrollTo(0, false);
-        var handleResize = function () { return emblaApi.reInit(); };
-        window.addEventListener('resize', handleResize);
-        return function () { return window.removeEventListener('resize', handleResize); };
-    }, [emblaApi, onSelect]);
-    return (<motion.section className="w-full bg-white/80 relative overflow-hidden p-0 m-0" initial="hidden" whileInView="visible">
-      <div className="w-full py-12 sm:py-24 m-0">
-        <motion.h2 className="text-4xl sm:text-6xl font-bold text-center mb-8">
-          {sectionTitle}
-        </motion.h2>
-        <div className="embla relative border-none outline-none w-full" ref={emblaRef}>
-          <motion.div className="embla__container flex gap-0 w-full" variants={staggerChildren} initial="hidden" whileInView="visible" viewport={{ once: true }}>
-            {programs.map(function (program, index) { return (<ProgramSlide key={index} program={program}/>); })}
-          </motion.div>
-          <PrevButton className="absolute left-0 top-1/2 transform -translate-y-1/2 p-2 rounded-r-full" onClick={scrollPrev} disabled={!canPrev} aria-label={PROGRAM_CAROUSEL.BUTTONS.PREVIOUS_SLIDE_ARIA}>
-            <ChevronLeft size={24}/>
-          </PrevButton>
-          <NextButton className="absolute right-0 top-1/2 transform -translate-y-1/2 p-2 rounded-l-full" onClick={scrollNext} disabled={!canNext} aria-label={PROGRAM_CAROUSEL.BUTTONS.NEXT_SLIDE_ARIA}>
-            <ChevronRight size={24}/>
-          </NextButton>
-        </div>
-        <motion.div className="mt-8 text-center" initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} transition={{ duration: 0.5, delay: 0.6, ease: 'easeOut' }}>
-          <Link href={buttonLink}>
-            <ActionButton className="hover:scale-110 hover:shadow-lg hover:shadow-gray-800" aria-label={buttonText}>
-              {buttonText}
-            </ActionButton>
-          </Link>
-        </motion.div>
-      </div>
-    </motion.section>);
-};
-export default ProgramsCarousel;

package/dist/components/addOns/non-functional/imageCarousels/constants/programCarousel.js

@@ -1,39 +0,0 @@
-// components/addOns/non-functional/imageCarousels/constants/programCarousel.ts
-// Constants for hardcoded text in ProgramsCarousel.tsx, organized by purpose
-export var PROGRAM_CAROUSEL = {
-    // UI Text for ProgramsCarousel
-    UI: {
-        // Default program titles
-        PROGRAM_TITLES: [
-            "Program One",
-            "Program Two",
-            "Program Three",
-            "Program Four",
-            "Program Five",
-        ],
-        // Default program descriptions
-        PROGRAM_DESCRIPTIONS: [
-            "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
-            "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
-            "Ut enim ad minim veniam, quis nostrud exercitation ullamco.",
-            "Duis aute irure dolor in reprehenderit in voluptate velit.",
-            "Excepteur sint occaecat cupidatat non proident.",
-        ],
-        // Default section title
-        SECTION_TITLE: "Our Programs",
-        // Default button text (also used as aria-label)
-        VIEW_ALL_BUTTON_TEXT: "View All Programs",
-    },
-    // Button Text for ProgramsCarousel
-    BUTTONS: {
-        // Aria-label for previous button
-        PREVIOUS_SLIDE_ARIA: "Previous slide",
-        // Aria-label for next button
-        NEXT_SLIDE_ARIA: "Next slide",
-    },
-    // Error Messages for ProgramsCarousel
-    ERRORS: {
-        // Console error message for video playback failure
-        VIDEO_PLAY_ERROR: "Video play error:",
-    },
-};

package/dist/components/addOns/non-functional/imageCarousels/constants/programSlider.js

@@ -1,36 +0,0 @@
-// components/addOns/non-functional/imageCarousels/constants/programSlider.ts
-// Constants for hardcoded text in ProductSlider.tsx, organized by purpose
-export var PROGRAM_SLIDER = {
-    // UI Text for ProductSlider
-    UI: {
-        // Default product names
-        PRODUCT_NAMES: [
-            "Product One",
-            "Product Two",
-            "Product Three",
-            "Product Four",
-            "Product Five",
-            "Product Six",
-        ],
-        // Default product descriptions
-        PRODUCT_DESCRIPTIONS: [
-            "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
-            "Sed do eiusmod tempor incididunt ut labore et dolore.",
-            "Ut enim ad minim veniam, quis nostrud exercitation.",
-            "Duis aute irure dolor in reprehenderit in voluptate velit.",
-            "Excepteur sint occaecat cupidatat non proident.",
-            "Sunt in culpa qui officia deserunt mollit anim id est laborum.",
-        ],
-    },
-    // Button Text for ProductSlider
-    BUTTONS: {
-        // Aria-label for previous button
-        PREVIOUS_PRODUCT_ARIA: "Previous product",
-        // Aria-label for next button
-        NEXT_PRODUCT_ARIA: "Next product",
-    },
-    // Error Messages for ProductSlider
-    ERRORS: {
-    // No hardcoded errors
-    },
-};

package/dist/components/addOns/non-functional/spinner.jsx

@@ -1,13 +0,0 @@
-"use client";
-import { motion } from "framer-motion";
-var spinnerVariants = {
-    animate: {
-        rotate: 360,
-        transition: { duration: 1, repeat: Infinity, ease: "linear" },
-    },
-};
-export default function Spinner() {
-    return (<div className="fixed inset-0 flex items-center justify-center bg-gray-900/80 z-50">
-      <motion.div variants={spinnerVariants} animate="animate" className="w-12 h-12 border-4 border-t-4 border-gray-300 border-t-blue-500 rounded-full"/>
-    </div>);
-}