@rtstic.dev/pulse 0.0.18 → 0.0.20

package/dist/global/faqs.js

@@ -0,0 +1 @@
+"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll('[data-acc="item"]').forEach(n=>{let a=n.querySelector('[data-acc="toggle"]'),e=n.querySelector('[data-acc="panel"]'),c=n.querySelector('[data-acc="inner"]');if(!a||!e||!c)return;gsap.set(e,{height:0,overflow:"hidden"}),gsap.set(c,{opacity:0}),a.setAttribute("aria-expanded","false");let t=!1;a.addEventListener("click",()=>{if(t)return;t=!0,a.getAttribute("aria-expanded")==="true"?r(n,()=>t=!1):l(n,()=>t=!1)})})});function l(o,n){let a=o.querySelector('[data-acc="toggle"]'),e=o.querySelector('[data-acc="panel"]'),c=o.querySelector('[data-acc="inner"]');if(!a||!e||!c){n?.();return}e.accAnim?.kill();let t=gsap.timeline({onComplete:()=>n?.()});gsap.set(e,{height:"auto",visibility:"hidden"});let i=e.offsetHeight;gsap.set(e,{height:0,visibility:"visible",overflow:"hidden"}),t.to(e,{height:i,duration:.35,ease:"power3.inOut",onComplete:()=>{e.style.height="auto"}}),t.to(c,{opacity:1,duration:.2,ease:"power2.out"},"-=0.15"),e.accAnim=t,a.setAttribute("aria-expanded","true")}function r(o,n){let a=o.querySelector('[data-acc="toggle"]'),e=o.querySelector('[data-acc="panel"]'),c=o.querySelector('[data-acc="inner"]');if(!a||!e||!c){n?.();return}e.accAnim?.kill();let t=gsap.timeline({onComplete:()=>n?.()});t.to(c,{opacity:0,duration:.15,ease:"power2.in"}),t.to(e,{height:0,duration:.25,ease:"power3.inOut"},"-=0.05"),e.accAnim=t,a.setAttribute("aria-expanded","false")}})();

package/dist/global/faqs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/global/faqs.ts"],
+  "sourcesContent": ["// \u2705 Simple GSAP Accordion (open/close only)\n// Attribute names used in HTML:\n// - data-acc=\"item\" (wrapper)\n// - data-acc=\"toggle\" (click target)\n// - data-acc=\"panel\" (height animates)\n// - data-acc=\"inner\" (opacity animates)\n\ninterface AccordionPanel extends HTMLElement {\n  accAnim?: { kill(): void };\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", (): void => {\n  const items = document.querySelectorAll<HTMLElement>('[data-acc=\"item\"]');\n\n  items.forEach((item) => {\n    const toggle = item.querySelector<HTMLElement>('[data-acc=\"toggle\"]');\n    const panel = item.querySelector<AccordionPanel>('[data-acc=\"panel\"]');\n    const inner = item.querySelector<HTMLElement>('[data-acc=\"inner\"]');\n\n    if (!toggle || !panel || !inner) return;\n\n    // initial: closed\n    gsap.set(panel, { height: 0, overflow: \"hidden\" });\n    gsap.set(inner, { opacity: 0 });\n    toggle.setAttribute(\"aria-expanded\", \"false\");\n\n    let animating = false;\n\n    toggle.addEventListener(\"click\", () => {\n      if (animating) return;\n      animating = true;\n\n      const open = toggle.getAttribute(\"aria-expanded\") === \"true\";\n\n      if (open) {\n        collapseItem(item, () => (animating = false));\n      } else {\n        expandItem(item, () => (animating = false));\n      }\n    });\n  });\n});\n\nfunction expandItem(item: HTMLElement, done?: () => void): void {\n  const toggle = item.querySelector<HTMLElement>('[data-acc=\"toggle\"]');\n  const panel = item.querySelector<AccordionPanel>('[data-acc=\"panel\"]');\n  const inner = item.querySelector<HTMLElement>('[data-acc=\"inner\"]');\n\n  if (!toggle || !panel || !inner) {\n    done?.();\n    return;\n  }\n\n  panel.accAnim?.kill();\n\n  const tl = gsap.timeline({ onComplete: () => done?.() });\n\n  // measure height\n  gsap.set(panel, { height: \"auto\", visibility: \"hidden\" });\n  const h = panel.offsetHeight;\n  gsap.set(panel, { height: 0, visibility: \"visible\", overflow: \"hidden\" });\n\n  tl.to(panel, {\n    height: h,\n    duration: 0.35,\n    ease: \"power3.inOut\",\n    onComplete: () => {\n      panel.style.height = \"auto\";\n    },\n  });\n\n  tl.to(inner, { opacity: 1, duration: 0.2, ease: \"power2.out\" }, \"-=0.15\");\n\n  panel.accAnim = tl;\n  toggle.setAttribute(\"aria-expanded\", \"true\");\n}\n\nfunction collapseItem(item: HTMLElement, done?: () => void): void {\n  const toggle = item.querySelector<HTMLElement>('[data-acc=\"toggle\"]');\n  const panel = item.querySelector<AccordionPanel>('[data-acc=\"panel\"]');\n  const inner = item.querySelector<HTMLElement>('[data-acc=\"inner\"]');\n\n  if (!toggle || !panel || !inner) {\n    done?.();\n    return;\n  }\n\n  panel.accAnim?.kill();\n\n  const tl = gsap.timeline({ onComplete: () => done?.() });\n\n  tl.to(inner, { opacity: 0, duration: 0.15, ease: \"power2.in\" });\n  tl.to(panel, { height: 0, duration: 0.25, ease: \"power3.inOut\" }, \"-=0.05\");\n\n  panel.accAnim = tl;\n  toggle.setAttribute(\"aria-expanded\", \"false\");\n}\n"],
+  "mappings": ";;;AAWA,WAAS,iBAAiB,oBAAoB,MAAY;AACxD,UAAM,QAAQ,SAAS,iBAA8B,mBAAmB;AAExE,UAAM,QAAQ,CAAC,SAAS;AACtB,YAAM,SAAS,KAAK,cAA2B,qBAAqB;AACpE,YAAM,QAAQ,KAAK,cAA8B,oBAAoB;AACrE,YAAM,QAAQ,KAAK,cAA2B,oBAAoB;AAElE,UAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAO;AAGjC,WAAK,IAAI,OAAO,EAAE,QAAQ,GAAG,UAAU,SAAS,CAAC;AACjD,WAAK,IAAI,OAAO,EAAE,SAAS,EAAE,CAAC;AAC9B,aAAO,aAAa,iBAAiB,OAAO;AAE5C,UAAI,YAAY;AAEhB,aAAO,iBAAiB,SAAS,MAAM;AACrC,YAAI,UAAW;AACf,oBAAY;AAEZ,cAAM,OAAO,OAAO,aAAa,eAAe,MAAM;AAEtD,YAAI,MAAM;AACR,uBAAa,MAAM,MAAO,YAAY,KAAM;AAAA,QAC9C,OAAO;AACL,qBAAW,MAAM,MAAO,YAAY,KAAM;AAAA,QAC5C;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AAED,WAAS,WAAW,MAAmB,MAAyB;AAC9D,UAAM,SAAS,KAAK,cAA2B,qBAAqB;AACpE,UAAM,QAAQ,KAAK,cAA8B,oBAAoB;AACrE,UAAM,QAAQ,KAAK,cAA2B,oBAAoB;AAElE,QAAI,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO;AAC/B,aAAO;AACP;AAAA,IACF;AAEA,UAAM,SAAS,KAAK;AAEpB,UAAM,KAAK,KAAK,SAAS,EAAE,YAAY,MAAM,OAAO,EAAE,CAAC;AAGvD,SAAK,IAAI,OAAO,EAAE,QAAQ,QAAQ,YAAY,SAAS,CAAC;AACxD,UAAM,IAAI,MAAM;AAChB,SAAK,IAAI,OAAO,EAAE,QAAQ,GAAG,YAAY,WAAW,UAAU,SAAS,CAAC;AAExE,OAAG,GAAG,OAAO;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM;AAAA,MACN,YAAY,MAAM;AAChB,cAAM,MAAM,SAAS;AAAA,MACvB;AAAA,IACF,CAAC;AAED,OAAG,GAAG,OAAO,EAAE,SAAS,GAAG,UAAU,KAAK,MAAM,aAAa,GAAG,QAAQ;AAExE,UAAM,UAAU;AAChB,WAAO,aAAa,iBAAiB,MAAM;AAAA,EAC7C;AAEA,WAAS,aAAa,MAAmB,MAAyB;AAChE,UAAM,SAAS,KAAK,cAA2B,qBAAqB;AACpE,UAAM,QAAQ,KAAK,cAA8B,oBAAoB;AACrE,UAAM,QAAQ,KAAK,cAA2B,oBAAoB;AAElE,QAAI,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO;AAC/B,aAAO;AACP;AAAA,IACF;AAEA,UAAM,SAAS,KAAK;AAEpB,UAAM,KAAK,KAAK,SAAS,EAAE,YAAY,MAAM,OAAO,EAAE,CAAC;AAEvD,OAAG,GAAG,OAAO,EAAE,SAAS,GAAG,UAAU,MAAM,MAAM,YAAY,CAAC;AAC9D,OAAG,GAAG,OAAO,EAAE,QAAQ,GAAG,UAAU,MAAM,MAAM,eAAe,GAAG,QAAQ;AAE1E,UAAM,UAAU;AAChB,WAAO,aAAa,iBAAiB,OAAO;AAAA,EAC9C;",
+  "names": []
+}

package/dist/global/styles.css

@@ -1 +1 @@
-[ai-gradient="1"]{background:linear-gradient(90deg,#ff84d2 2%,#ffa49d 46%,#ff5c2a 88%)}[ai-gradient="2"]{background:linear-gradient(90deg,#fd4fad 17%,#ff5200)}[style-bg-color=foreground]{background-color:var(--background-colors--foreground)}[style-bg-color=background]{background-color:var(--background-colors--background)}[style-type=h1]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h1);line-height:var(--_line-height---line-height-heading-tags--h1);font-weight:var(--_font-weight---font-weight-heading-tags--h1);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h1);margin:0}[style-type=h2]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h2);line-height:var(--_line-height---line-height-heading-tags--h2);font-weight:var(--_font-weight---font-weight-heading-tags--h2);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h2);margin:0}[style-type=h3]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h3);line-height:var(--_line-height---line-height-heading-tags--h3);font-weight:var(--_font-weight---font-weight-heading-tags--h3);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h3);margin:0}[style-type=h4]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h4);line-height:var(--_line-height---line-height-heading-tags--h4);font-weight:var(--_font-weight---font-weight-heading-tags--h4);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h4);margin:0}[style-type=h5]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h5);line-height:var(--_line-height---line-height-heading-tags--h5);font-weight:var(--_font-weight---font-weight-heading-tags--h5);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h5);margin:0}[style-type=h6]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h6);line-height:var(--_line-height---line-height-heading-tags--h6);font-weight:var(--_font-weight---font-weight-heading-tags--h6);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h6);margin:0}[style-type=title-l]{font-family:var(--_font-family---title);font-size:var(--_text-size---title--l);line-height:var(--_line-height---line-height-title--l);font-weight:var(--_font-weight---font-weight-title--l);letter-spacing:var(--_letter-spacing---letter-spacing-body--l)}[style-type=title-m]{font-family:var(--_font-family---title);font-size:var(--_text-size---title--m);line-height:var(--_line-height---line-height-title--m);font-weight:var(--_font-weight---font-weight-title--m);letter-spacing:var(--_letter-spacing---letter-spacing-title--m)}[style-type=title-s]{font-family:var(--_font-family---title);font-size:var(--_text-size---title--s);line-height:var(--_line-height---line-height-title--s);font-weight:var(--_font-weight---font-weight-title--s);letter-spacing:var(--_letter-spacing---letter-spacing-title--s)}[style-type=body-l]{font-family:var(--_font-family---body);font-size:var(--_text-size---body--l);line-height:var(--_line-height---line-height-body--l);font-weight:var(--_font-weight---font-weight-body--l);letter-spacing:var(--_letter-spacing---letter-spacing-body--l)}[style-type=body-m]{font-family:var(--_font-family---body);font-size:var(--_text-size---body--m);line-height:var(--_line-height---line-height-body--m);font-weight:var(--_font-weight---font-weight-body--m);letter-spacing:var(--_letter-spacing---letter-spacing-body--m)}[style-type=body-s]{font-family:var(--_font-family---body);font-size:var(--_text-size---body--s);line-height:var(--_line-height---line-height-body--s);font-weight:var(--_font-weight---font-weight-body--s);letter-spacing:var(--_letter-spacing---letter-spacing-body--s)}[style-text-align=center]{text-align:center}[style-text-align=left]{text-align:left}[style-text-align=right]{text-align:right}[style-text-color=title]{color:var(--text-colors--title)}[style-text-color=subtext]{color:var(--text-colors--subtext)}[style-text-color=orange]{color:var(--text-colors--orange)}[style-button-color=orange]{border-color:var(--orange--orange40);background-color:var(--orange--orange40);color:var(--text-colors--title-inverse)}[style-button-color=white]{border:1px solid var(--white);background-color:var(--white);color:var(--text-colors--title-inverse)}[style-button-color=transparent]{background-color:var(--transparent);color:var(--white);border:1px solid var(--white)}[style-padding-y=small]{padding-top:var(--_spaces---padding--small);padding-bottom:var(--_spaces---padding--small)}[style-padding-y=large]{padding-top:var(--_spaces---padding--large);padding-bottom:var(--_spaces---padding--largea)}[style-flex=center]{display:flex;justify-content:center;align-items:center}[style-flex=left]{flex-flow:column;align-items:flex-start;display:flex}[style-flex=right]{flex-flow:column;align-items:flex-end;display:flex}[style-flex=center]{flex-flow:column;align-items:center;justify-content:space-between;display:flex}
+[ai-gradient="1"]{background:linear-gradient(90deg,#ff84d2 2%,#ffa49d 46%,#ff5c2a 88%)}[ai-gradient="2"]{background:linear-gradient(90deg,#fd4fad 17%,#ff5200)}[style-bg-color=foreground]{background-color:var(--background-colors--foreground)}[style-bg-color=background]{background-color:var(--background-colors--background)}[style-type=h1]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h1);line-height:var(--_line-height---line-height-heading-tags--h1);font-weight:var(--_font-weight---font-weight-heading-tags--h1);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h1);margin:0}[style-type=h2]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h2);line-height:var(--_line-height---line-height-heading-tags--h2);font-weight:var(--_font-weight---font-weight-heading-tags--h2);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h2);margin:0}[style-type=h3]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h3);line-height:var(--_line-height---line-height-heading-tags--h3);font-weight:var(--_font-weight---font-weight-heading-tags--h3);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h3);margin:0}[style-type=h4]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h4);line-height:var(--_line-height---line-height-heading-tags--h4);font-weight:var(--_font-weight---font-weight-heading-tags--h4);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h4);margin:0}[style-type=h5]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h5);line-height:var(--_line-height---line-height-heading-tags--h5);font-weight:var(--_font-weight---font-weight-heading-tags--h5);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h5);margin:0}[style-type=h6]{font-family:var(--_font-family---heading);font-size:var(--_text-size---heading--h6);line-height:var(--_line-height---line-height-heading-tags--h6);font-weight:var(--_font-weight---font-weight-heading-tags--h6);letter-spacing:var(--_letter-spacing---letter-spacing-heading-tags--h6);margin:0}[style-type=title-l]{font-family:var(--_font-family---title);font-size:var(--_text-size---title--l);line-height:var(--_line-height---line-height-title--l);font-weight:var(--_font-weight---font-weight-title--l);letter-spacing:var(--_letter-spacing---letter-spacing-body--l)}[style-type=title-m]{font-family:var(--_font-family---title);font-size:var(--_text-size---title--m);line-height:var(--_line-height---line-height-title--m);font-weight:var(--_font-weight---font-weight-title--m);letter-spacing:var(--_letter-spacing---letter-spacing-title--m)}[style-type=title-s]{font-family:var(--_font-family---title);font-size:var(--_text-size---title--s);line-height:var(--_line-height---line-height-title--s);font-weight:var(--_font-weight---font-weight-title--s);letter-spacing:var(--_letter-spacing---letter-spacing-title--s)}[style-type=display-l]{font-family:var(--_font-family---display);font-size:var(--_text-size---display--l);line-height:var(--_line-height---line-height-display--l);font-weight:var(--_font-weight---font-weight-display--l);letter-spacing:var(--_letter-spacing---letter-spacing-display--l)}[style-type=display-m]{font-family:var(--_font-family---display);font-size:var(--_text-size---display--m);line-height:var(--_line-height---line-height-display--m);font-weight:var(--_font-weight---font-weight-display--m);letter-spacing:var(--_letter-spacing---letter-spacing-display--m)}[style-type=display-s]{font-family:var(--_font-family---display);font-size:var(--_text-size---display--s);line-height:var(--_line-height---line-height-display--s);font-weight:var(--_font-weight---font-weight-display--s);letter-spacing:var(--_letter-spacing---letter-spacing-display--s)}[style-type=body-l]{font-family:var(--_font-family---body);font-size:var(--_text-size---body--l);line-height:var(--_line-height---line-height-body--l);font-weight:var(--_font-weight---font-weight-body--l);letter-spacing:var(--_letter-spacing---letter-spacing-body--l)}[style-type=body-m]{font-family:var(--_font-family---body);font-size:var(--_text-size---body--m);line-height:var(--_line-height---line-height-body--m);font-weight:var(--_font-weight---font-weight-body--m);letter-spacing:var(--_letter-spacing---letter-spacing-body--m)}[style-type=body-s]{font-family:var(--_font-family---body);font-size:var(--_text-size---body--s);line-height:var(--_line-height---line-height-body--s);font-weight:var(--_font-weight---font-weight-body--s);letter-spacing:var(--_letter-spacing---letter-spacing-body--s)}[style-text-align=center]{text-align:center}[style-text-align=left]{text-align:left}[style-text-align=right]{text-align:right}[style-text-color=title]{color:var(--text-colors--title)}[style-text-color=subtext]{color:var(--text-colors--subtext)}[style-text-color=orange]{color:var(--text-colors--orange)}[style-button-color=orange]{border-color:var(--orange--orange40);background-color:var(--orange--orange40);color:var(--text-colors--title-inverse)}[style-button-color=white]{border:1px solid var(--white);background-color:var(--white);color:var(--text-colors--title-inverse)}[style-button-color=transparent]{background-color:var(--transparent);color:var(--white);border:1px solid var(--white)}[style-padding-y=small]{padding-top:var(--_spaces---padding--small);padding-bottom:var(--_spaces---padding--small)}[style-padding-y=large]{padding-top:var(--_spaces---padding--large);padding-bottom:var(--_spaces---padding--largea)}[style-flex=center]{display:flex;justify-content:center;align-items:center}[style-flex=left]{flex-flow:column;align-items:flex-start;display:flex}[style-flex=right]{flex-flow:column;align-items:flex-end;display:flex}[style-flex=center]{flex-flow:column;align-items:center;justify-content:space-between;display:flex}