@fynd-design-engineering/fynd-one-v2 3.4.61 → 3.4.63

package/dist/navigation-v2/styles.css

@@ -1 +1,233 @@
-:root{--nav-height: 70px;--nav-bg: rgba(255, 255, 255, .82);--nav-blur: saturate(180%) blur(20px);--nav-border: #1c1c1c0f;--nav-text-muted: #0000009d;--nav-text-active: #000000;--nav-item-radius: 6px;--nav-item-hover-bg: rgba(255, 255, 255, .06);--nav-panel-bg: #fff;--nav-panel-border: #1f1f1f;--nav-panel-radius: 12px;--nav-panel-shadow: 0 8px 32px rgba(0, 0, 0, .159), 0 1px 0 rgba(255, 255, 255, .01)}@media (max-width: 991px){:root{--nav-height: 48px}}@media (max-width: 600px){[data-nav-announcement-wrapper]{transition-timing-function:linear!important;align-items:center}}[data-nav]{position:sticky;top:0;z-index:200;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}[data-nav-bar]{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:var(--nav-height);background:var(--nav-bg);backdrop-filter:var(--nav-blur);-webkit-backdrop-filter:var(--nav-blur);border-bottom:1px solid transparent;transition:border-color .2s}[data-nav][data-menu-open] [data-nav-bar]{border-bottom-color:var(--nav-border)}[data-nav-logo]{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:600;color:var(--nav-text-active);text-decoration:none;letter-spacing:-.3px;flex-shrink:0}[data-nav-links]{list-style:none;display:flex;align-items:center;gap:2px;position:static}[data-nav-item]{position:relative;height:var(--nav-height);display:flex;align-items:center;justify-content:center}[data-nav-trigger],[data-nav-link]{display:flex;align-items:center;gap:4px;border-radius:var(--nav-item-radius);color:var(--nav-text-muted);background:transparent;border:none;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s}[data-nav-trigger]:hover,[data-nav-item][data-active] [data-nav-trigger]{color:var(--nav-text-active);background:var(--nav-item-hover-bg)}[data-nav-trigger] .nav-chevron{width:10px;height:6px;flex-shrink:0;opacity:.45}[data-nav-plain]{color:var(--nav-text-muted);text-decoration:none;display:block;transition:color .15s,background .15s}[data-nav-plain]:hover{color:var(--nav-text-active);background:var(--nav-item-hover-bg)}[data-nav-right]{display:flex;align-items:center;gap:6px;flex-shrink:0}[data-nav-panel-stage]{position:absolute;top:100%;left:0;right:0;height:0;overflow:visible;pointer-events:none;z-index:1}[data-nav-panel]{position:absolute;top:8px;left:0;background:var(--nav-panel-bg);border:1px solid var(--nav-panel-border);border-radius:var(--nav-panel-radius);padding:16px;pointer-events:auto;box-shadow:var(--nav-panel-shadow);overflow:hidden}.btn-ghost{padding:5px 13px;border-radius:6px;font-size:.8rem;color:#888;background:transparent;border:1px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.btn-ghost:hover{color:#fff;border-color:#333}.btn-outline{padding:5px 13px;border-radius:6px;font-size:.8rem;color:#ccc;background:transparent;border:1px solid #2e2e2e;cursor:pointer;transition:border-color .15s,color .15s}.btn-outline:hover{border-color:#555;color:#fff}.btn-primary{padding:5px 13px;border-radius:6px;font-size:.8rem;font-weight:500;color:#000;background:#fff;border:none;cursor:pointer;transition:background .15s}.btn-primary:hover{background:#ddd}.cols-3{display:grid;grid-template-columns:repeat(3,180px);gap:0 24px}.cols-2{display:grid;grid-template-columns:repeat(2,200px);gap:0 24px}.cols-1{display:grid;grid-template-columns:220px}.col-label{font-size:.67rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:#333;margin-bottom:4px;padding:0 8px}.menu-item{display:block;padding:7px 8px;border-radius:6px;text-decoration:none;color:inherit;transition:background .12s}.menu-item:hover{background:#161616}.menu-item-title{display:block;font-size:.8rem;font-weight:500;color:#ddd}.menu-item-desc{display:block;font-size:.72rem;color:#4a4a4a;margin-top:1px}body{background:red}
+/* src/navigation-v2/styles.css */
+:root {
+  --nav-height: 70px;
+  --nav-bg: rgba(255, 255, 255, 0.82);
+  --nav-blur: saturate(180%) blur(20px);
+  --nav-border: #1c1c1c0f;
+  --nav-text-muted: #0000009d;
+  --nav-text-active: #000000;
+  --nav-item-radius: 6px;
+  --nav-item-hover-bg: rgba(255, 255, 255, 0.06);
+  --nav-panel-bg: #fff;
+  --nav-panel-border: #1f1f1f;
+  --nav-panel-radius: 12px;
+  --nav-panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.159), 0 1px 0 rgba(255, 255, 255, 0.01);
+}
+@media (max-width: 991px) {
+  :root {
+    --nav-height: 48px;
+  }
+}
+@media (max-width: 600px) {
+  [data-nav-announcement-wrapper] {
+    transition-timing-function: linear !important;
+    align-items: center;
+  }
+}
+[data-nav] {
+  position: sticky;
+  top: 0;
+  z-index: 200;
+  font-family:
+    -apple-system,
+    BlinkMacSystemFont,
+    "Inter",
+    "Segoe UI",
+    sans-serif;
+}
+[data-nav-bar] {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 24px;
+  height: var(--nav-height);
+  background: var(--nav-bg);
+  backdrop-filter: var(--nav-blur);
+  -webkit-backdrop-filter: var(--nav-blur);
+  border-bottom: 1px solid transparent;
+  transition: border-color 0.2s;
+}
+[data-nav][data-menu-open] [data-nav-bar] {
+  border-bottom-color: var(--nav-border);
+}
+[data-nav-logo] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 0.92rem;
+  font-weight: 600;
+  color: var(--nav-text-active);
+  text-decoration: none;
+  letter-spacing: -0.3px;
+  flex-shrink: 0;
+}
+[data-nav-links] {
+  list-style: none;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  position: static;
+}
+[data-nav-item] {
+  position: relative;
+  height: var(--nav-height);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+[data-nav-trigger],
+[data-nav-link] {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  border-radius: var(--nav-item-radius);
+  color: var(--nav-text-muted);
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  white-space: nowrap;
+  transition: color 0.15s, background 0.15s;
+}
+[data-nav-trigger]:hover,
+[data-nav-item][data-active] [data-nav-trigger] {
+  color: var(--nav-text-active);
+  background: var(--nav-item-hover-bg);
+}
+[data-nav-trigger] .nav-chevron {
+  width: 10px;
+  height: 6px;
+  flex-shrink: 0;
+  opacity: 0.45;
+}
+[data-nav-plain] {
+  color: var(--nav-text-muted);
+  text-decoration: none;
+  display: block;
+  transition: color 0.15s, background 0.15s;
+}
+[data-nav-plain]:hover {
+  color: var(--nav-text-active);
+  background: var(--nav-item-hover-bg);
+}
+[data-nav-right] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex-shrink: 0;
+}
+[data-nav-panel-stage] {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  height: 0;
+  overflow: visible;
+  pointer-events: none;
+  z-index: 1;
+}
+[data-nav-panel] {
+  position: absolute;
+  top: 8px;
+  left: 0;
+  background: var(--nav-panel-bg);
+  border: 1px solid var(--nav-panel-border);
+  border-radius: var(--nav-panel-radius);
+  padding: 16px;
+  pointer-events: auto;
+  box-shadow: var(--nav-panel-shadow);
+  overflow: hidden;
+}
+.btn-ghost {
+  padding: 5px 13px;
+  border-radius: 6px;
+  font-size: 0.8rem;
+  color: #888;
+  background: transparent;
+  border: 1px solid transparent;
+  cursor: pointer;
+  transition: color 0.15s, border-color 0.15s;
+}
+.btn-ghost:hover {
+  color: #fff;
+  border-color: #333;
+}
+.btn-outline {
+  padding: 5px 13px;
+  border-radius: 6px;
+  font-size: 0.8rem;
+  color: #ccc;
+  background: transparent;
+  border: 1px solid #2e2e2e;
+  cursor: pointer;
+  transition: border-color 0.15s, color 0.15s;
+}
+.btn-outline:hover {
+  border-color: #555;
+  color: #fff;
+}
+.btn-primary {
+  padding: 5px 13px;
+  border-radius: 6px;
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: #000;
+  background: #fff;
+  border: none;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+.btn-primary:hover {
+  background: #ddd;
+}
+.cols-3 {
+  display: grid;
+  grid-template-columns: repeat(3, 180px);
+  gap: 0 24px;
+}
+.cols-2 {
+  display: grid;
+  grid-template-columns: repeat(2, 200px);
+  gap: 0 24px;
+}
+.cols-1 {
+  display: grid;
+  grid-template-columns: 220px;
+}
+.col-label {
+  font-size: 0.67rem;
+  font-weight: 500;
+  letter-spacing: 0.07em;
+  text-transform: uppercase;
+  color: #333;
+  margin-bottom: 4px;
+  padding: 0 8px;
+}
+.menu-item {
+  display: block;
+  padding: 7px 8px;
+  border-radius: 6px;
+  text-decoration: none;
+  color: inherit;
+  transition: background 0.12s;
+}
+.menu-item:hover {
+  background: #161616;
+}
+.menu-item-title {
+  display: block;
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: #ddd;
+}
+.menu-item-desc {
+  display: block;
+  font-size: 0.72rem;
+  color: #4a4a4a;
+  margin-top: 1px;
+}
+body {
+  background: red;
+}
+/*# sourceMappingURL=styles.css.map */

package/dist/others/feature-detail.js

@@ -0,0 +1,75 @@
+"use strict";
+(() => {
+  // bin/live-reload.js
+  if (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") {
+    new EventSource(`${"http://localhost:3000"}/esbuild`).addEventListener(
+      "change",
+      () => location.reload()
+    );
+  } else {
+  }
+
+  // src/others/feature-detail.ts
+  document.addEventListener("DOMContentLoaded", () => {
+    const richtextBlocks = document.querySelectorAll(".feature-richtext");
+    richtextBlocks.forEach((block) => {
+      const h2 = block.querySelector("h2");
+      if (!h2) return;
+      const siblings = [];
+      let sibling = h2.nextElementSibling;
+      while (sibling) {
+        siblings.push(sibling);
+        sibling = sibling.nextElementSibling;
+      }
+      const outerWrapper = document.createElement("div");
+      outerWrapper.classList.add("features-outer-wrapper");
+      let innerDiv = null;
+      siblings.forEach((el) => {
+        if (el.tagName === "H3") {
+          innerDiv = document.createElement("div");
+          innerDiv.classList.add("feature-item");
+          innerDiv.appendChild(el);
+          outerWrapper.appendChild(innerDiv);
+        } else if (el.tagName === "P" && innerDiv) {
+          innerDiv.appendChild(el);
+        }
+      });
+      h2.after(outerWrapper);
+    });
+  });
+  document.addEventListener("DOMContentLoaded", () => {
+    const featureBlocks = document.querySelectorAll("[data-feature-block]");
+    const tocContainer = document.querySelector("[data-toc-links]");
+    if (!tocContainer || featureBlocks.length === 0) return;
+    featureBlocks.forEach((block) => {
+      const badge = block.querySelector("badge");
+      if (!badge || !badge.textContent) return;
+      const text = badge.textContent.trim();
+      const slug = text.toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "");
+      block.id = slug;
+      const tocLink = document.createElement("a");
+      tocLink.className = "feature-toc-link";
+      tocLink.setAttribute("data-toc-link", slug);
+      tocLink.href = `#${slug}`;
+      tocContainer.addEventListener("click", (e) => {
+        const link = e.target.closest("a.feature-toc-link");
+        if (!link) return;
+        e.preventDefault();
+        e.stopPropagation();
+        const slug2 = link.getAttribute("data-toc-link");
+        if (!slug2) return;
+        const target = document.getElementById(slug2);
+        console.log("slug:", slug2, "target:", target);
+        if (!target) return;
+        const top = target.getBoundingClientRect().top + window.scrollY - 100;
+        window.scrollTo({ top, behavior: "smooth" });
+      });
+      const tocText = document.createElement("div");
+      tocText.setAttribute("data-toc-link-text", slug);
+      tocText.textContent = text;
+      tocLink.appendChild(tocText);
+      tocContainer.appendChild(tocLink);
+    });
+  });
+})();
+//# sourceMappingURL=feature-detail.js.map

package/dist/others/feature-detail.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../bin/live-reload.js", "../../src/others/feature-detail.ts"],
+  "sourcesContent": ["// Only enable live reload when running on localhost\nif (\n  window.location.hostname === \"localhost\" ||\n  window.location.hostname === \"127.0.0.1\"\n) {\n  new EventSource(`${SERVE_ORIGIN}/esbuild`).addEventListener(\"change\", () =>\n    location.reload()\n  );\n} else {\n  // console.log(\"Live reload disabled: not running on localhost\");\n}\n", "document.addEventListener(\"DOMContentLoaded\", () => {\n    const richtextBlocks = document.querySelectorAll<HTMLElement>(\".feature-richtext\");\n\n    richtextBlocks.forEach((block) => {\n        const h2 = block.querySelector(\"h2\");\n        if (!h2) return;\n\n        // Collect all h3 and p elements that come after the h2\n        const siblings: Element[] = [];\n        let sibling = h2.nextElementSibling;\n        while (sibling) {\n            siblings.push(sibling);\n            sibling = sibling.nextElementSibling;\n        }\n\n        // Create the outer wrapper\n        const outerWrapper = document.createElement(\"div\");\n        outerWrapper.classList.add(\"features-outer-wrapper\");\n\n        // Group h3 + p pairs into inner divs\n        let innerDiv: HTMLDivElement | null = null;\n\n        siblings.forEach((el) => {\n            if (el.tagName === \"H3\") {\n                // Start a new inner div for each h3\n                innerDiv = document.createElement(\"div\");\n                innerDiv.classList.add(\"feature-item\");\n                innerDiv.appendChild(el);\n                outerWrapper.appendChild(innerDiv);\n            } else if (el.tagName === \"P\" && innerDiv) {\n                // Append p to the current inner div\n                innerDiv.appendChild(el);\n            }\n        });\n\n        // Insert the outer wrapper after the h2\n        h2.after(outerWrapper);\n    });\n});\n\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n    const featureBlocks = document.querySelectorAll<HTMLElement>(\"[data-feature-block]\");\n    const tocContainer = document.querySelector<HTMLElement>(\"[data-toc-links]\");\n\n    if (!tocContainer || featureBlocks.length === 0) return;\n\n    featureBlocks.forEach((block) => {\n        const badge = block.querySelector(\"badge\");\n        if (!badge || !badge.textContent) return;\n\n        const text = badge.textContent.trim();\n        const slug = text.toLowerCase().replace(/\\s+/g, \"-\").replace(/[^a-z0-9-]/g, \"\");\n\n        // Set id on the feature block for anchor linking\n        block.id = slug;\n\n        // Create the toc link as an anchor\n        const tocLink = document.createElement(\"a\");\n        tocLink.className = \"feature-toc-link\";\n        tocLink.setAttribute(\"data-toc-link\", slug);\n        tocLink.href = `#${slug}`;\n\n        // Smooth scroll with offset\n        tocContainer.addEventListener(\"click\", (e) => {\n            const link = (e.target as HTMLElement).closest(\"a.feature-toc-link\");\n            if (!link) return;\n\n            e.preventDefault();\n            e.stopPropagation();\n\n            const slug = link.getAttribute(\"data-toc-link\");\n            if (!slug) return;\n\n            const target = document.getElementById(slug);\n            console.log(\"slug:\", slug, \"target:\", target); // debug\n\n            if (!target) return;\n\n            const top = target.getBoundingClientRect().top + window.scrollY - 100;\n            window.scrollTo({ top, behavior: \"smooth\" });\n        });\n\n        // Create the text div\n        const tocText = document.createElement(\"div\");\n        tocText.setAttribute(\"data-toc-link-text\", slug);\n        tocText.textContent = text;\n\n        tocLink.appendChild(tocText);\n        tocContainer.appendChild(tocLink);\n    });\n});"],
+  "mappings": ";;;AACA,MACE,OAAO,SAAS,aAAa,eAC7B,OAAO,SAAS,aAAa,aAC7B;AACA,QAAI,YAAY,GAAG,uBAAY,UAAU,EAAE;AAAA,MAAiB;AAAA,MAAU,MACpE,SAAS,OAAO;AAAA,IAClB;AAAA,EACF,OAAO;AAAA,EAEP;;;ACVA,WAAS,iBAAiB,oBAAoB,MAAM;AAChD,UAAM,iBAAiB,SAAS,iBAA8B,mBAAmB;AAEjF,mBAAe,QAAQ,CAAC,UAAU;AAC9B,YAAM,KAAK,MAAM,cAAc,IAAI;AACnC,UAAI,CAAC,GAAI;AAGT,YAAM,WAAsB,CAAC;AAC7B,UAAI,UAAU,GAAG;AACjB,aAAO,SAAS;AACZ,iBAAS,KAAK,OAAO;AACrB,kBAAU,QAAQ;AAAA,MACtB;AAGA,YAAM,eAAe,SAAS,cAAc,KAAK;AACjD,mBAAa,UAAU,IAAI,wBAAwB;AAGnD,UAAI,WAAkC;AAEtC,eAAS,QAAQ,CAAC,OAAO;AACrB,YAAI,GAAG,YAAY,MAAM;AAErB,qBAAW,SAAS,cAAc,KAAK;AACvC,mBAAS,UAAU,IAAI,cAAc;AACrC,mBAAS,YAAY,EAAE;AACvB,uBAAa,YAAY,QAAQ;AAAA,QACrC,WAAW,GAAG,YAAY,OAAO,UAAU;AAEvC,mBAAS,YAAY,EAAE;AAAA,QAC3B;AAAA,MACJ,CAAC;AAGD,SAAG,MAAM,YAAY;AAAA,IACzB,CAAC;AAAA,EACL,CAAC;AAED,WAAS,iBAAiB,oBAAoB,MAAM;AAChD,UAAM,gBAAgB,SAAS,iBAA8B,sBAAsB;AACnF,UAAM,eAAe,SAAS,cAA2B,kBAAkB;AAE3E,QAAI,CAAC,gBAAgB,cAAc,WAAW,EAAG;AAEjD,kBAAc,QAAQ,CAAC,UAAU;AAC7B,YAAM,QAAQ,MAAM,cAAc,OAAO;AACzC,UAAI,CAAC,SAAS,CAAC,MAAM,YAAa;AAElC,YAAM,OAAO,MAAM,YAAY,KAAK;AACpC,YAAM,OAAO,KAAK,YAAY,EAAE,QAAQ,QAAQ,GAAG,EAAE,QAAQ,eAAe,EAAE;AAG9E,YAAM,KAAK;AAGX,YAAM,UAAU,SAAS,cAAc,GAAG;AAC1C,cAAQ,YAAY;AACpB,cAAQ,aAAa,iBAAiB,IAAI;AAC1C,cAAQ,OAAO,IAAI,IAAI;AAGvB,mBAAa,iBAAiB,SAAS,CAAC,MAAM;AAC1C,cAAM,OAAQ,EAAE,OAAuB,QAAQ,oBAAoB;AACnE,YAAI,CAAC,KAAM;AAEX,UAAE,eAAe;AACjB,UAAE,gBAAgB;AAElB,cAAMA,QAAO,KAAK,aAAa,eAAe;AAC9C,YAAI,CAACA,MAAM;AAEX,cAAM,SAAS,SAAS,eAAeA,KAAI;AAC3C,gBAAQ,IAAI,SAASA,OAAM,WAAW,MAAM;AAE5C,YAAI,CAAC,OAAQ;AAEb,cAAM,MAAM,OAAO,sBAAsB,EAAE,MAAM,OAAO,UAAU;AAClE,eAAO,SAAS,EAAE,KAAK,UAAU,SAAS,CAAC;AAAA,MAC/C,CAAC;AAGD,YAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,cAAQ,aAAa,sBAAsB,IAAI;AAC/C,cAAQ,cAAc;AAEtB,cAAQ,YAAY,OAAO;AAC3B,mBAAa,YAAY,OAAO;AAAA,IACpC,CAAC;AAAA,EACL,CAAC;",
+  "names": ["slug"]
+}

package/dist/others/geolocation.js

@@ -1 +1,50 @@
-"use strict";(()=>{var t="https://ipwho.is/";function o(n){let e=()=>{"requestIdleCallback"in window?window.requestIdleCallback(n,{timeout:2e3}):setTimeout(n,0)};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",e,{once:!0}):e()}async function s(){try{let n=await fetch(t);if(!n.ok)throw new Error("HTTP "+n.status);let e=await n.json();return e.success&&e.country_code?e.country_code:null}catch{return null}}async function c(){let n=await s(),e=document.querySelector("[fynd-geolocation]");e&&(n==="IN"?e.style.display="block":e.style.display="none")}o(c);})();
+"use strict";
+(() => {
+  // bin/live-reload.js
+  if (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") {
+    new EventSource(`${"http://localhost:3000"}/esbuild`).addEventListener(
+      "change",
+      () => location.reload()
+    );
+  } else {
+  }
+
+  // src/others/geolocation.ts
+  var LOOKUP_URL = "https://ipwho.is/";
+  function runNonBlocking(fn) {
+    const start = () => {
+      if ("requestIdleCallback" in window) {
+        window.requestIdleCallback(fn, { timeout: 2e3 });
+      } else {
+        setTimeout(fn, 0);
+      }
+    };
+    if (document.readyState === "loading") {
+      document.addEventListener("DOMContentLoaded", start, { once: true });
+    } else {
+      start();
+    }
+  }
+  async function getCountryCode() {
+    try {
+      const res = await fetch(LOOKUP_URL);
+      if (!res.ok) throw new Error("HTTP " + res.status);
+      const data = await res.json();
+      return data.success && data.country_code ? data.country_code : null;
+    } catch {
+      return null;
+    }
+  }
+  async function init() {
+    const code = await getCountryCode();
+    const el = document.querySelector("[fynd-geolocation]");
+    if (!el) return;
+    if (code === "IN") {
+      el.style.display = "block";
+    } else {
+      el.style.display = "none";
+    }
+  }
+  runNonBlocking(init);
+})();
+//# sourceMappingURL=geolocation.js.map

package/dist/others/hero-aniamtion.js

@@ -1 +1,53 @@
-"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{let e=Array.from(document.querySelectorAll("[fynd-animate]"));if(e.length===0)return;let o=window.gsap;if(!o){console.warn("GSAP not found on window.");return}if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){e.forEach(t=>{t.style.opacity="1",t.style.transform="translateY(0)",t.style.filter="none"});return}o.set(e,{y:-10,opacity:0,filter:"blur(6px)"}),setTimeout(()=>{o.to(e,{y:0,opacity:1,filter:"blur(0px)",duration:.8,ease:"expo.out",stagger:.1,overwrite:"auto",onComplete:()=>{e.forEach(t=>{t.style.filter="none"})}})},150)});})();
+"use strict";
+(() => {
+  // bin/live-reload.js
+  if (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") {
+    new EventSource(`${"http://localhost:3000"}/esbuild`).addEventListener(
+      "change",
+      () => location.reload()
+    );
+  } else {
+  }
+
+  // src/others/hero-aniamtion.ts
+  document.addEventListener("DOMContentLoaded", () => {
+    const elements = Array.from(
+      document.querySelectorAll("[fynd-animate]")
+    );
+    if (elements.length === 0) return;
+    const gsap = window.gsap;
+    if (!gsap) {
+      console.warn("GSAP not found on window.");
+      return;
+    }
+    const prefersReducedMotion = window.matchMedia(
+      "(prefers-reduced-motion: reduce)"
+    ).matches;
+    if (prefersReducedMotion) {
+      elements.forEach((el) => {
+        el.style.opacity = "1";
+        el.style.transform = "translateY(0)";
+        el.style.filter = "none";
+      });
+      return;
+    }
+    gsap.set(elements, { y: -10, opacity: 0, filter: "blur(6px)" });
+    setTimeout(() => {
+      gsap.to(elements, {
+        y: 0,
+        opacity: 1,
+        filter: "blur(0px)",
+        duration: 0.8,
+        ease: "expo.out",
+        stagger: 0.1,
+        overwrite: "auto",
+        onComplete: () => {
+          elements.forEach((el) => {
+            el.style.filter = "none";
+          });
+        }
+      });
+    }, 150);
+  });
+})();
+//# sourceMappingURL=hero-aniamtion.js.map

package/dist/others/hero-india-animation-2.js

@@ -1 +1,70 @@
-"use strict";(()=>{var r=window.gsap,m=["Online Selling","Omnichannel POS","Quick Commerce","Order Management","Supply Chain","Enriched Catalog","Photoshoot","Retail Insights"];function u(){let e=document.getElementById("chroma");e&&(e.setAttribute("data-animate","false"),e.offsetWidth,e.setAttribute("data-animate","true"))}function c(e){let t=document.createElement("h1");return t.id="chroma",t.className="chroma-text",t.setAttribute("data-animate","false"),t.textContent=e,t.style.opacity="0",t}function h(e=m,{fadeDuration:t=.35,holdDuration:d=3}={}){let i=document.querySelector("[chroma-slot]");if(!i||!r)return null;let l=a=>{let o=c(a),n=r.timeline({defaults:{ease:"power1.out"}});return n.add(()=>{i.appendChild(o)}),n.to(o,{duration:t,autoAlpha:1,onStart:()=>u()}),n.to(o,{duration:d,autoAlpha:1}),n.to(o,{duration:t,autoAlpha:0}),n.add(()=>{o.remove()}),n},s=r.timeline({repeat:-1});return e.forEach(a=>s.add(l(a))),s}document.addEventListener("DOMContentLoaded",()=>{h()});})();
+"use strict";
+(() => {
+  // bin/live-reload.js
+  if (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") {
+    new EventSource(`${"http://localhost:3000"}/esbuild`).addEventListener(
+      "change",
+      () => location.reload()
+    );
+  } else {
+  }
+
+  // src/others/hero-india-animation-2.ts
+  var gsap = window.gsap;
+  var heroAnimatedText = [
+    "Online Selling",
+    "Omnichannel POS",
+    "Quick Commerce",
+    "Order Management",
+    "Supply Chain",
+    "Enriched Catalog",
+    "Photoshoot",
+    "Retail Insights"
+  ];
+  function playChroma() {
+    const el = document.getElementById("chroma");
+    if (!el) return;
+    el.setAttribute("data-animate", "false");
+    void el.offsetWidth;
+    el.setAttribute("data-animate", "true");
+  }
+  function makeChromaHeading(text) {
+    const h1 = document.createElement("h1");
+    h1.id = "chroma";
+    h1.className = "chroma-text";
+    h1.setAttribute("data-animate", "false");
+    h1.textContent = text;
+    h1.style.opacity = "0";
+    return h1;
+  }
+  function startChromaLoop(texts = heroAnimatedText, { fadeDuration = 0.35, holdDuration = 3 } = {}) {
+    const slot = document.querySelector("[chroma-slot]");
+    if (!slot || !gsap) return null;
+    const slide = (text) => {
+      const el = makeChromaHeading(text);
+      const t = gsap.timeline({ defaults: { ease: "power1.out" } });
+      t.add(() => {
+        slot.appendChild(el);
+      });
+      t.to(el, {
+        duration: fadeDuration,
+        autoAlpha: 1,
+        // opacity + visibility
+        onStart: () => playChroma()
+      });
+      t.to(el, { duration: holdDuration, autoAlpha: 1 });
+      t.to(el, { duration: fadeDuration, autoAlpha: 0 });
+      t.add(() => {
+        el.remove();
+      });
+      return t;
+    };
+    const master = gsap.timeline({ repeat: -1 });
+    texts.forEach((txt) => master.add(slide(txt)));
+    return master;
+  }
+  document.addEventListener("DOMContentLoaded", () => {
+    startChromaLoop();
+  });
+})();
+//# sourceMappingURL=hero-india-animation-2.js.map

package/dist/others/hero-india-animation.js

@@ -1 +1,93 @@
-"use strict";(()=>{function D(e,m={}){let{selector:g='h1[hero-text-reveal="india"]',delayMs:s=2500,perCharStagger:l=.035,revealDuration:p=.6,holdDuration:h=.9,outDuration:y=.35,yDistance:f=2}=m,r=document.querySelector(g);if(!r)return;let n=window.gsap,i=window.SplitText||n&&n.SplitText;if(!n||!i||(n.registerPlugin&&n.registerPlugin(i),!Array.isArray(e)||e.length===0))return;let x=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1,o=0;r.textContent=e[o];let v=()=>{let t=document.getElementById("shimmerText");t&&(t.setAttribute("data-shimmer","false"),t.offsetWidth,t.setAttribute("data-shimmer","true"))},T=(t,w)=>{r.textContent=t;let c=new i(r,{type:"chars"}),a=c.chars||[];n.set(a,{opacity:0,y:f});let d=n.timeline({defaults:{ease:"power2.out"},onComplete:()=>{c.revert(),w()}});return d.to(a,{onStart:v,opacity:1,y:0,duration:p,stagger:l}).to({},{duration:h}).to(a,{opacity:0,duration:y,stagger:l*.6,ease:"power1.in"}),d};if(x){let t=()=>{o=(o+1)%e.length,r.textContent=e[o],setTimeout(t,2e3)};setTimeout(t,s);return}let u=()=>{o=(o+1)%e.length,T(e[o],u)};setTimeout(u,s)}var S=["selling online","self-checkout in store","product photoshoot","multi-channel catalog","hyperlocal delivery","agentic support"];document.addEventListener("DOMContentLoaded",()=>{D(S)});})();
+"use strict";
+(() => {
+  // bin/live-reload.js
+  if (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") {
+    new EventSource(`${"http://localhost:3000"}/esbuild`).addEventListener(
+      "change",
+      () => location.reload()
+    );
+  } else {
+  }
+
+  // src/others/hero-india-animation.ts
+  function startHeroTextRevealWithSplit(phrases, opts = {}) {
+    const {
+      selector = 'h1[hero-text-reveal="india"]',
+      delayMs = 2500,
+      perCharStagger = 0.035,
+      revealDuration = 0.6,
+      holdDuration = 0.9,
+      outDuration = 0.35,
+      yDistance = 2
+    } = opts;
+    const el = document.querySelector(selector);
+    if (!el) return;
+    const gsap = window.gsap;
+    const SplitText = window.SplitText || gsap && gsap.SplitText;
+    if (!gsap || !SplitText) return;
+    if (gsap.registerPlugin) gsap.registerPlugin(SplitText);
+    if (!Array.isArray(phrases) || phrases.length === 0) return;
+    const prefersReducedMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
+    let index = 0;
+    el.textContent = phrases[index];
+    const triggerShimmer = () => {
+      const shimmerEl = document.getElementById("shimmerText");
+      if (!shimmerEl) return;
+      shimmerEl.setAttribute("data-shimmer", "false");
+      void shimmerEl.offsetWidth;
+      shimmerEl.setAttribute("data-shimmer", "true");
+    };
+    const animatePhrase = (text, onComplete) => {
+      el.textContent = text;
+      const split = new SplitText(el, { type: "chars" });
+      const chars = split.chars || [];
+      gsap.set(chars, { opacity: 0, y: yDistance });
+      const tl = gsap.timeline({
+        defaults: { ease: "power2.out" },
+        onComplete: () => {
+          split.revert();
+          onComplete();
+        }
+      });
+      tl.to(chars, {
+        onStart: triggerShimmer,
+        opacity: 1,
+        y: 0,
+        duration: revealDuration,
+        stagger: perCharStagger
+      }).to({}, { duration: holdDuration }).to(chars, {
+        opacity: 0,
+        duration: outDuration,
+        stagger: perCharStagger * 0.6,
+        ease: "power1.in"
+      });
+      return tl;
+    };
+    if (prefersReducedMotion) {
+      const cycle = () => {
+        index = (index + 1) % phrases.length;
+        el.textContent = phrases[index];
+        setTimeout(cycle, 2e3);
+      };
+      setTimeout(cycle, delayMs);
+      return;
+    }
+    const playLoop = () => {
+      index = (index + 1) % phrases.length;
+      animatePhrase(phrases[index], playLoop);
+    };
+    setTimeout(playLoop, delayMs);
+  }
+  var heroAnimatedText = [
+    "selling online",
+    "self-checkout in store",
+    "product photoshoot",
+    "multi-channel catalog",
+    "hyperlocal delivery",
+    "agentic support"
+  ];
+  document.addEventListener("DOMContentLoaded", () => {
+    startHeroTextRevealWithSplit(heroAnimatedText);
+  });
+})();
+//# sourceMappingURL=hero-india-animation.js.map