@imksh/create 1.0.26 → 1.0.28

package/templates/production-fullstack/client/src/components/ui/ConfirmModal.tsx

@@ -1,152 +0,0 @@
-import { useEffect } from "react";
-import { createPortal } from "react-dom";
-import {
-  FaTriangleExclamation,
-  FaCircleInfo,
-  FaCircleCheck,
-  FaCircleXmark,
-} from "react-icons/fa6";
-
-const variants: Record<
-  "warning" | "error" | "success" | "info",
-  { icon: any; iconBg: string; iconColor: string; button: string }
-> = {
-  warning: {
-    icon: FaTriangleExclamation,
-    iconBg: "bg-warning/15",
-    iconColor: "text-warning",
-    button: "btn-warning",
-  },
-  error: {
-    icon: FaCircleXmark,
-    iconBg: "bg-error/15",
-    iconColor: "text-error",
-    button: "btn-error",
-  },
-  success: {
-    icon: FaCircleCheck,
-    iconBg: "bg-success/15",
-    iconColor: "text-success",
-    button: "btn-success",
-  },
-  info: {
-    icon: FaCircleInfo,
-    iconBg: "bg-info/15",
-    iconColor: "text-info",
-    button: "btn-info",
-  },
-};
-
-export interface ConfirmModalProps {
-  open: boolean;
-  variant?: "warning" | "error" | "success" | "info";
-  title?: string;
-  message?: string;
-  confirmText?: string;
-  cancelText?: string;
-  loading?: boolean;
-  closeOnBackdrop?: boolean;
-  closeOnEsc?: boolean;
-  onConfirm: () => void | Promise<void>;
-  onCancel: () => void;
-}
-
-const ConfirmModal = ({
-  open,
-  variant = "warning",
-  title = "Confirm Action",
-  message = "Are you sure you want to continue?",
-  confirmText = "Confirm",
-  cancelText = "Cancel",
-  loading = false,
-  closeOnBackdrop = true,
-  closeOnEsc = true,
-  onConfirm,
-  onCancel,
-}: ConfirmModalProps) => {
-  useEffect(() => {
-    if (!open || !closeOnEsc) return;
-
-    const handleKeyDown = (e: KeyboardEvent) => {
-      if (e.key === "Escape") {
-        onCancel?.();
-      }
-    };
-
-    window.addEventListener("keydown", handleKeyDown);
-
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [open, closeOnEsc, onCancel]);
-
-  if (!open) return null;
-
-  const style = variants[variant || "warning"];
-  const Icon = style.icon;
-
-  return createPortal(
-    <div className="fixed inset-0 z-[9999] flex items-center justify-center">
-      {/* Backdrop */}
-
-      <div
-        className="absolute inset-0 bg-black/60 backdrop-blur-sm"
-        onClick={closeOnBackdrop ? onCancel : undefined}
-      />
-
-      {/* Modal */}
-
-      <div className="relative w-full max-w-md mx-4 rounded-2xl bg-base-100 shadow-2xl animate-in fade-in zoom-in duration-200">
-        <div className="p-6">
-
-          <div className="flex gap-4">
-
-            <div
-              className={`w-14 h-14 rounded-full flex items-center justify-center shrink-0 ${style.iconBg}`}
-            >
-              <Icon className={`text-2xl ${style.iconColor}`} />
-            </div>
-
-            <div className="flex-1">
-
-              <h2 className="text-xl font-bold">
-                {title}
-              </h2>
-
-              <p className="mt-2 text-sm text-base-content/70 leading-relaxed">
-                {message}
-              </p>
-
-            </div>
-
-          </div>
-
-          <div className="mt-8 flex justify-end gap-3">
-
-            <button
-              className="btn btn-ghost"
-              disabled={loading}
-              onClick={onCancel}
-            >
-              {cancelText}
-            </button>
-
-            <button
-              className={`btn ${style.button}`}
-              disabled={loading}
-              onClick={onConfirm}
-            >
-              {loading && (
-                <span className="loading loading-spinner loading-xs" />
-              )}
-
-              {confirmText}
-            </button>
-
-          </div>
-        </div>
-      </div>
-    </div>,
-    document.body,
-  );
-};
-
-export default ConfirmModal;

package/templates/production-fullstack/client/src/components/ui/ToggleSwitch.tsx

@@ -1,38 +0,0 @@
-import React from "react";
-import { motion } from "motion/react";
-
-const ToggleSwitch = ({ checked, onChange, label }) => {
-  return (
-    <div
-      className="flex items-center gap-3 cursor-pointer select-none w-fit group"
-      onClick={() => onChange(!checked)}
-    >
-      <span className="text-sm font-bold">{label}</span>
-      <div
-        className={`w-12 h-6 flex items-center rounded-full p-1 transition-all duration-300 shadow-inner border ${
-          checked
-            ? "bg-gradient-to-r from-emerald-400 to-cyan-500 border-transparent shadow-emerald-500/20"
-            : "bg-base-300 border-base-300/50"
-        }`}
-      >
-        <motion.div
-          className={`w-4 h-4 rounded-full shadow-sm ${
-            checked ? "bg-white" : "bg-base-content/40"
-          }`}
-          layout
-          initial={false}
-          animate={{
-            x: checked ? 24 : 0,
-          }}
-          transition={{
-            type: "spring",
-            stiffness: 500,
-            damping: 30,
-          }}
-        />
-      </div>
-    </div>
-  );
-};
-
-export default ToggleSwitch;

package/templates/production-fullstack/client/src/constants/navigation.ts

@@ -1,14 +0,0 @@
-import { FaHome, FaUser, FaCog, FaBook } from "react-icons/fa";
-
-export const navigation = [
-  {
-    title: "Home",
-    path: "/",
-    icon: FaHome,
-  },
-  {
-    title: "Profile",
-    path: "/profile",
-    icon: FaUser,
-  },
-];

package/templates/production-fullstack/client/src/features/core/pages/Profile.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const Profile = () => {
-  return (
-    <div>Profile</div>
-  )
-}
-
-export default Profile

package/templates/production-fullstack/client/src/hooks/useLenis.ts

@@ -1,28 +0,0 @@
-import { useEffect } from "react";
-import Lenis from "lenis";
-
-const useLenis = () => {
-  useEffect(() => {
-    const lenis = new Lenis({
-      duration: 1.1, // reduce
-      easing: (t) => 1 - Math.pow(1 - t, 3),
-      smooth: true,
-      smoothTouch: false,
-    });
-
-    let rafId;
-    const raf = (time) => {
-      lenis.raf(time);
-      rafId = requestAnimationFrame(raf);
-    };
-
-    rafId = requestAnimationFrame(raf);
-
-    return () => {
-      cancelAnimationFrame(rafId);
-      lenis.destroy();
-    };
-  }, []);
-};
-
-export default useLenis;

package/templates/production-fullstack/client/src/hooks/usePwaInstall.ts

@@ -1,45 +0,0 @@
-import { useState, useEffect } from "react";
-
-const usePwaInstall = () => {
-  const [canInstall, setCanInstall] = useState(false);
-  const [isInstalled, setIsInstalled] = useState(false);
-  const [deferredPrompt, setDeferredPrompt] = useState(null);
-
-  useEffect(() => {
-    const handleBeforeInstallPrompt = (e) => {
-      e.preventDefault();
-      setDeferredPrompt(e);
-      setCanInstall(true);
-    };
-
-    const handleAppInstalled = () => {
-      setIsInstalled(true);
-      setCanInstall(false);
-    };
-
-    window.addEventListener("beforeinstallprompt", handleBeforeInstallPrompt);
-    window.addEventListener("appinstalled", handleAppInstalled);
-
-    if (window.matchMedia("(display-mode: standalone)").matches) {
-      setIsInstalled(true);
-    }
-
-    return () => {
-      window.removeEventListener("beforeinstallprompt", handleBeforeInstallPrompt);
-      window.removeEventListener("appinstalled", handleAppInstalled);
-    };
-  }, []);
-
-  const promptInstall = async () => {
-    if (!deferredPrompt) return null;
-    deferredPrompt.prompt();
-    const choiceResult = await deferredPrompt.userChoice;
-    setDeferredPrompt(null);
-    setCanInstall(false);
-    return choiceResult;
-  };
-
-  return { canInstall, isInstalled, promptInstall };
-};
-
-export default usePwaInstall;

package/templates/production-fullstack/client/src/hooks/useWindowSize.ts

@@ -1,25 +0,0 @@
-import { useState, useEffect } from "react";
-
-const useWindowSize = () => {
-  const [size, setSize] = useState({
-    width: window.innerWidth,
-    height: window.innerHeight,
-  });
-
-
-  useEffect(() => {
-    const handleResize = () => {
-      setSize({
-        width: window.innerWidth,
-        height: window.innerHeight,
-      });
-    };
-
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
-
-  return size;
-};
-
-export default useWindowSize;

package/templates/production-fullstack/client/src/index.css

@@ -1,158 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');
-@import "tailwindcss";
-@plugin "flyonui";
-
-
-/* ========================================
-   LIGHT THEME 
-======================================== */
-:root, [data-theme="light"] {
-  /* --font-sans: "Outfit", sans-serif; */
-  --color-base-100: #ffffff;
-  --color-base-200: #f8fafc;
-  --color-base-300: #e2e8f0;
-  --color-base-content: #0f172a;
-
-  --color-primary: #2563eb;
-  --color-primary-content: #ffffff;
-  --color-secondary: #64748b;
-  --color-secondary-content: #ffffff;
-  --color-accent: #00b8a3;
-  --color-accent-content: #ffffff;
-  --color-neutral: #1e293b;
-  --color-neutral-content: #ffffff;
-
-  --color-info: #0ea5e9;
-  --color-success: #22c55e;
-  --color-warning: #f59e0b;
-  --color-error: #ef4444;
-
-  --rounded-box: 12px;
-  --rounded-btn: 10px;
-  --rounded-badge: 8px;
-}
-
-/* ========================================
-   DARK THEME 
-======================================== */
-[data-theme="dark"] {
-  --color-base-100: #282828;
-  --color-base-200: #242424;
-  --color-base-300: #2d2d2d;
-  --color-base-content: #f5f5f5;
-
-  --color-primary: #2563eb;
-  --color-primary-content: #ffffff;
-  --color-secondary: #3a3a3a;
-  --color-secondary-content: #d4d4d4;
-  --color-accent: #00b8a3;
-  --color-accent-content: #ffffff;
-  --color-neutral: #2d2d2d;
-  --color-neutral-content: #f5f5f5;
-
-  --color-info: #38bdf8;
-  --color-success: #22c55e;
-  --color-warning: #f59e0b;
-  --color-error: #ef4444;
-
-  --rounded-box: 12px;
-  --rounded-btn: 10px;
-  --rounded-badge: 8px;
-}
-
-/* ========================================
-   MODERN UI UTILITIES & ANIMATIONS
-======================================== */
-html {
-  scroll-behavior: smooth;
-}
-
-body {
-  font-family: var(--font-sans);
-}
-
-.glass-panel {
-  background: rgba(255, 255, 255, 0.03);
-  backdrop-filter: blur(16px);
-  -webkit-backdrop-filter: blur(16px);
-  border: 1px solid rgba(255, 255, 255, 0.05);
-}
-
-[data-theme="light"] .glass-panel {
-  background: rgba(255, 255, 255, 0.6);
-  border: 1px solid rgba(0, 0, 0, 0.05);
-}
-
-@keyframes float {
-  0%, 100% { transform: translateY(0); }
-  50% { transform: translateY(-10px); }
-}
-.animate-float {
-  animation: float 6s ease-in-out infinite;
-}
-
-@keyframes float-slow {
-  0%, 100% { transform: translateY(0); }
-  50% { transform: translateY(-20px); }
-}
-.animate-float-slow {
-  animation: float-slow 8s ease-in-out infinite;
-}
-
-@keyframes pulse-glow {
-  0%, 100% { opacity: 0.4; transform: scale(1); }
-  50% { opacity: 0.8; transform: scale(1.05); }
-}
-.animate-pulse-glow {
-  animation: pulse-glow 4s ease-in-out infinite;
-}
-
-/* ========================================
-   ANIMATIONS
-======================================== */
-@keyframes slideInRight {
-  from { transform: translateX(100%); opacity: 0; }
-  to   { transform: translateX(0);    opacity: 1; }
-}
-
-.animate-slideInRight {
-  animation: slideInRight 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards;
-}
-
-@keyframes fadeIn {
-  from { opacity: 0; transform: translateY(8px); }
-  to   { opacity: 1; transform: translateY(0); }
-}
-
-.animate-fadeIn {
-  animation: fadeIn 0.3s ease forwards;
-}
-
-@keyframes zoomIn {
-  from { opacity: 0; transform: scale(0.95); }
-  to   { opacity: 1; transform: scale(1); }
-}
-
-.animate-zoomIn {
-  animation: zoomIn 0.18s ease forwards;
-}
-
-/* Hide Scrollbar */
-
-::-webkit-scrollbar {
-  width: 0px;
-  height: 0px;
-}
-
-* {
-  scrollbar-width: none;
-}
-
-.hide-scrollbar {
-  -ms-overflow-style: none; /* IE & Edge */
-  scrollbar-width: none; /* Firefox */
-}
-
-.hide-scrollbar::-webkit-scrollbar {
-  display: none; /* Chrome, Safari */
-}

package/templates/production-fullstack/client/src/store/useUiStore.ts

@@ -1,74 +0,0 @@
-import { create } from "zustand";
-import { ReactNode } from "react";
-
-export interface UiState {
-  open: boolean;
-  collapsed: boolean;
-  isMobileMenuOpened: boolean;
-  headerTitle: string;
-  headerActions: ReactNode;
-  setHeaderTitle: (title: string) => void;
-  setHeaderActions: (actions: ReactNode) => void;
-  toggleCollapsed: () => void;
-  setMobileMenuOpened: (open: boolean) => void;
-  toggleMobileMenuOpened: () => void;
-  theme: string;
-  setTheme: (theme: string) => void;
-  toggleTheme: () => void;
-  toggleSidebar: () => void;
-  openSidebar: () => void;
-  close: () => void;
-}
-
-export const useUiStore = create<UiState>((set, get) => ({
-  open: false,
-  collapsed: false,
-  isMobileMenuOpened: false,
-  headerTitle: "Dashboard",
-  headerActions: null,
-  setHeaderTitle: (title: string) => set({ headerTitle: title }),
-  setHeaderActions: (actions: ReactNode) => set({ headerActions: actions }),
-  toggleCollapsed: () => set((state) => ({ collapsed: !state.collapsed })),
-
-  setMobileMenuOpened: (open) => {
-    set({ isMobileMenuOpened: open });
-  },
-  toggleMobileMenuOpened: () => {
-    set((state) => ({ isMobileMenuOpened: !state.isMobileMenuOpened }));
-  },
-
-  theme: localStorage.getItem("theme") || "light",
-
-  setTheme: (theme) => {
-    document.documentElement.setAttribute("data-theme", theme);
-
-    localStorage.setItem("theme", theme);
-
-    set({ theme });
-  },
-
-  toggleTheme: () => {
-    const nextTheme = get().theme === "light" ? "dark" : "light";
-
-    document.documentElement.setAttribute("data-theme", nextTheme);
-
-    localStorage.setItem("theme", nextTheme);
-
-    set({ theme: nextTheme });
-  },
-
-  toggleSidebar: () =>
-    set((state) => ({
-      open: !state.open,
-    })),
-
-  openSidebar: () =>
-    set({
-      open: true,
-    }),
-
-  close: () =>
-    set({
-      open: false,
-    }),
-}));

package/templates/production-fullstack/client/src/utils/formatDate.ts

@@ -1,19 +0,0 @@
-export const formatDate = (
-  date: string | Date | number,
-  options: Intl.DateTimeFormatOptions = {
-    day: "2-digit",
-    month: "short",
-    year: "numeric",
-  },
-  locale = "en-IN"
-): string => {
-  if (!date) return "-";
-
-  const parsedDate = new Date(date);
-
-  if (isNaN(parsedDate.getTime())) {
-    return "-";
-  }
-
-  return new Intl.DateTimeFormat(locale, options).format(parsedDate);
-};

package/templates/production-fullstack/client/src/utils/getInitials.ts

@@ -1,10 +0,0 @@
-export const getInitials = (name = "") => {
-  if (!name.trim()) return "";
-
-  return name
-    .trim()
-    .split(/\s+/)
-    .slice(0, 2)
-    .map((word) => word[0].toUpperCase())
-    .join("");
-};

package/templates/production-fullstack/client/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/templates/production-fullstack/client/tsconfig.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["src"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/templates/production-fullstack/client/tsconfig.node.json

@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/templates/production-fullstack/client/vite.config.ts

@@ -1,8 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import tailwindcss from '@tailwindcss/vite'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [react(), tailwindcss()],
-})

package/templates/production-fullstack/mobile/assets/animations/loading.json

@@ -1 +0,0 @@
-{"v":"4.6.8","fr":29.9700012207031,"ip":0,"op":40.0000016292334,"w":256,"h":256,"nm":"Comp 1","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 3","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":20,"s":[208.6,127.969,0],"e":[208.6,88,0],"to":[0,-6.66145849227905,0],"ti":[0,-0.00520833348855,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":30,"s":[208.6,88,0],"e":[208.6,128,0],"to":[0,0.00520833348855,0],"ti":[0,-6.66666650772095,0]},{"t":40.0000016292334}]},"a":{"a":0,"k":[-70,-0.5,0]},"s":{"a":0,"k":[75,75,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[33.75,34.5]},"p":{"a":0,"k":[0,0]},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse"},{"ty":"fl","c":{"a":0,"k":[0.9843137,0.5490196,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-70.125,-0.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":300.00001221925,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":2,"ty":4,"nm":"Shape Layer 2","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":15,"s":[168.6,128,0],"e":[168.6,88,0],"to":[0,-6.66666650772095,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":25,"s":[168.6,88,0],"e":[168.6,128,0],"to":[0,0,0],"ti":[0,-6.66666650772095,0]},{"t":35.0000014255792}]},"a":{"a":0,"k":[-70,-0.5,0]},"s":{"a":0,"k":[75,75,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[33.75,34.5]},"p":{"a":0,"k":[0,0]},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse"},{"ty":"fl","c":{"a":0,"k":[0.9921569,0.8470588,0.2078431,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-70.125,-0.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":300.00001221925,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":3,"ty":4,"nm":"Shape Layer 1","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":10,"s":[128.594,127.969,0],"e":[128.594,88,0],"to":[0,-6.66145849227905,0],"ti":[0,-0.00520833348855,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":20,"s":[128.594,88,0],"e":[128.594,128,0],"to":[0,0.00520833348855,0],"ti":[0,-6.66666650772095,0]},{"t":30.0000012219251}]},"a":{"a":0,"k":[-70,-0.5,0]},"s":{"a":0,"k":[75,75,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[33.75,34.5]},"p":{"a":0,"k":[0,0]},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse"},{"ty":"fl","c":{"a":0,"k":[0.2627451,0.627451,0.2784314,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-70.125,-0.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":300.00001221925,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":4,"ty":4,"nm":"Shape Layer 4","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":5,"s":[88.6,127.969,0],"e":[88.6,88,0],"to":[0,-6.66145849227905,0],"ti":[0,-0.00520833348855,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":15,"s":[88.6,88,0],"e":[88.6,128,0],"to":[0,0.00520833348855,0],"ti":[0,-6.66666650772095,0]},{"t":25.0000010182709}]},"a":{"a":0,"k":[-70,-0.5,0]},"s":{"a":0,"k":[75,75,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[33.75,34.5]},"p":{"a":0,"k":[0,0]},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse"},{"ty":"fl","c":{"a":0,"k":[0.1176471,0.5333334,0.8980392,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-70.125,-0.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":300.00001221925,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":5,"ty":4,"nm":"Shape Layer 5","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":0,"s":[48.6,127.969,0],"e":[48.6,88,0],"to":[0,-6.66145849227905,0],"ti":[0,-0.00520833348855,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"n":"0p667_1_0p333_0","t":10,"s":[48.6,88,0],"e":[48.6,128,0],"to":[0,0.00520833348855,0],"ti":[0,-6.66666650772095,0]},{"t":20.0000008146167}]},"a":{"a":0,"k":[-70,-0.5,0]},"s":{"a":0,"k":[75,75,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[33.75,34.5]},"p":{"a":0,"k":[0,0]},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse"},{"ty":"fl","c":{"a":0,"k":[0.8980392,0.2235294,0.2078431,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-70.125,-0.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":300.00001221925,"st":0,"bm":0,"sr":1}]}