@intlayer/design-system 2.0.10 → 2.0.12

package/dist/components/Headers/index.es.js

@@ -1,35 +1,103 @@
 "use client";
-import { p as e } from "../../styled-components.browser.esm-D6kkzXl4.js";
-const i = e.h1({
+import { j as a } from "../../jsx-runtime-Tw_Kw2GZ.js";
+import { p as s } from "../../styled-components.browser.esm-D6kkzXl4.js";
+const p = {
+  position: "relative",
+  scrollMargin: "2rem",
+  scrollPadding: "2rem",
+  "&::after": {
+    content: "var(--tw-content)",
+    position: "absolute",
+    left: "-3rem",
+    top: "0px",
+    height: "100%",
+    "--tw-scale-x": ".75",
+    "--tw-scale-y": ".75",
+    transform: "translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))",
+    "--tw-gradient-to": "rgba(93, 93, 93, 1) var(--tw-gradient-to-position)",
+    paddingLeft: "1.5rem",
+    paddingRight: "1.5rem",
+    "--tw-text-opacity": "1",
+    color: "rgba(93, 93, 93, var(--tw-text-opacity))",
+    transitionProperty: "opacity",
+    transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
+    transitionDuration: "200ms",
+    transitionDelay: "100ms",
+    animationDelay: "100ms",
+    animationDuration: "200ms",
+    "--tw-content": "'#'"
+  },
+  "&:hover::after": {
+    content: "var(--tw-content)",
+    cursor: "pointer",
+    opacity: "0.8"
+  },
+  "@media (min-width: 768px)": {
+    "&::after": {
+      content: "var(--tw-content)",
+      opacity: "0"
+    }
+  },
+  '&:where([data-theme="dark"], [data-theme="dark"] *)::after': {
+    content: "var(--tw-content)",
+    "--tw-text-opacity": "1",
+    color: "rgba(136, 136, 136, var(--tw-text-opacity))"
+  }
+}, w = s.h1({
   marginTop: "2.5rem",
   fontSize: "2.25rem",
   lineHeight: "2.5rem",
   fontWeight: "700"
-}), n = e.h2({
+}), h = s.h2(() => [{
   marginTop: "1.25rem",
   fontSize: "1.5rem",
   lineHeight: "2rem",
   fontWeight: "700"
-}), o = e.h3({
+}, p]), y = s.h3(() => [{
   marginTop: "0.75rem",
   fontSize: "1.25rem",
   lineHeight: "1.75rem",
   fontWeight: "700"
-}), r = e.h4({
+}, p]), u = s.h4(() => [{
   marginTop: "0.75rem",
   fontSize: "1.125rem",
   lineHeight: "1.75rem",
   fontWeight: "700"
-}), m = e.h5({
+}, p]), H = s.h5(() => [{
   marginTop: "0.75rem",
   fontSize: "1rem",
   lineHeight: "1.5rem",
   fontWeight: "700"
-});
+}, p]), v = (t) => String(t).normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, "-").toLowerCase(), x = (t) => {
+  var o;
+  const e = document.getElementById(t), n = (((o = e == null ? void 0 : e.getBoundingClientRect()) == null ? void 0 : o.top) ?? 0) + window.scrollY - 150;
+  window.scrollTo({
+    top: n,
+    behavior: "smooth"
+  });
+}, k = (t, e) => {
+  const c = t.getBoundingClientRect().left, n = t.getBoundingClientRect().top, o = window.getComputedStyle(t, ":after"), r = c + parseInt(o.getPropertyValue("left"), 10), i = r + parseInt(o.width, 10), m = n + parseInt(o.getPropertyValue("top"), 10), d = m + parseInt(o.height, 10), l = e.clientX, f = e.clientY;
+  return l >= r && l <= i && f >= m && f <= d;
+}, g = ({
+  H: t,
+  children: e,
+  ...c
+}) => {
+  const n = typeof e == "string" ? v(e) : void 0, o = async (r) => {
+    const {
+      id: i
+    } = r.currentTarget;
+    if (k(r.currentTarget, r) && typeof i == "string") {
+      const l = `${window.location.href.split("#")[0]}#${i}`;
+      await navigator.clipboard.writeText(l), x(i);
+    }
+  };
+  return /* @__PURE__ */ a.jsx(t, { id: n, onClick: o, "aria-label": `Click to scroll to section ${n} and copy the link to the clipboard`, ...c, children: e });
+}, b = w, W = (t) => /* @__PURE__ */ a.jsx(g, { H: h, ...t }), j = (t) => /* @__PURE__ */ a.jsx(g, { H: y, ...t }), z = (t) => /* @__PURE__ */ a.jsx(g, { H: u, ...t }), Y = (t) => /* @__PURE__ */ a.jsx(g, { H, ...t });
 export {
-  i as H1,
-  n as H2,
-  o as H3,
-  r as H4,
-  m as H5
+  b as H1,
+  W as H2,
+  j as H3,
+  z as H4,
+  Y as H5
 };

package/dist/components/IDE/IDE.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),e=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),p=require("react"),g=require("../Container/index.cjs.js"),l=require("../../MarkDownRender-BeQGOIow.cjs"),b=e.pt(g.Container)({display:"flex",height:"100%",width:"100%",flexDirection:"column",overflow:"scroll","--tw-shadow":"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)","--tw-shadow-colored":"0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"}),m=e.pt.div({display:"flex",width:"100%",alignItems:"center",justifyContent:"flex-start",overflow:"scroll",borderTopLeftRadius:"1.5rem",borderTopRightRadius:"1.5rem","--tw-bg-opacity":"1",backgroundColor:"rgba(209, 209, 209, var(--tw-bg-opacity))",fontSize:"0.75rem",lineHeight:"1rem","--tw-text-opacity":"1",color:"rgba(93, 93, 93, var(--tw-text-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-bg-opacity":"1",backgroundColor:"rgba(79, 79, 79, var(--tw-bg-opacity))","--tw-text-opacity":"1",color:"rgba(136, 136, 136, var(--tw-text-opacity))"}}),w=e.pt.div({marginLeft:"0.5rem",marginRight:"0.5rem",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"0.5rem",padding:"0.25rem"}),o=e.pt.div({height:"0.75rem",width:"0.75rem",borderRadius:"9999px"}),x=e.pt(o)({"--tw-bg-opacity":"1",backgroundColor:"rgb(239 68 68 / var(--tw-bg-opacity))"}),u=e.pt(o)({"--tw-bg-opacity":"1",backgroundColor:"rgb(234 179 8 / var(--tw-bg-opacity))"}),y=e.pt(o)({"--tw-bg-opacity":"1",backgroundColor:"rgb(34 197 94 / var(--tw-bg-opacity))"}),h=e.pt.div(({$isActive:r})=>[{display:"flex",height:"2rem",minWidth:"5rem",alignItems:"center",justifyContent:"center",paddingLeft:"0.75rem",paddingRight:"0.75rem",paddingTop:"0.25rem",paddingBottom:"0.25rem"},r?{"--tw-bg-opacity":"1",backgroundColor:"rgba(231, 231, 231, var(--tw-bg-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-bg-opacity":"1",backgroundColor:"rgba(69, 69, 69, var(--tw-bg-opacity))"}}:{cursor:"pointer","--tw-bg-opacity":"1",backgroundColor:"rgba(209, 209, 209, var(--tw-bg-opacity))","&:hover":{"--tw-bg-opacity":"1",backgroundColor:"rgba(176, 176, 176, var(--tw-bg-opacity))"},'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-bg-opacity":"1",backgroundColor:"rgba(79, 79, 79, var(--tw-bg-opacity))"},'&:where([data-theme="dark"], [data-theme="dark"] *):hover':{"--tw-bg-opacity":"1",backgroundColor:"rgba(93, 93, 93, var(--tw-bg-opacity))"}}]),v=e.pt.div({paddingLeft:"0.5rem",paddingTop:"0.5rem",fontSize:"0.75rem",lineHeight:"1rem","@media (min-width: 768px)":{fontSize:"0.875rem",lineHeight:"1.25rem"}}),j=({tabs:r,isDarkMode:d})=>{const[a,s]=p.useState(0),{content:c}=r[a];return t.jsxRuntimeExports.jsxs(b,{roundedSize:"3xl",transparency:"none",children:[t.jsxRuntimeExports.jsxs(m,{children:[t.jsxRuntimeExports.jsxs(w,{children:[t.jsxRuntimeExports.jsx(x,{}),t.jsxRuntimeExports.jsx(u,{}),t.jsxRuntimeExports.jsx(y,{})]}),r.map(({title:i},n)=>t.jsxRuntimeExports.jsx(h,{onClick:()=>s(n),$isActive:a===n,children:i},i))]}),t.jsxRuntimeExports.jsx(v,{children:t.jsxRuntimeExports.jsx(l.MarkdownRenderer,{isDarkMode:d,children:c})})]})};exports.IDE=j;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),o=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),p=require("react"),g=require("../Container/index.cjs.js"),l=require("../../MarkDownRender-BeQGOIow.cjs"),b=o.pt(g.Container)({display:"flex",height:"100%",width:"100%",flexDirection:"column",overflow:"scroll","--tw-shadow":"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)","--tw-shadow-colored":"0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"}),m=o.pt.div({display:"flex",width:"100%",alignItems:"center",justifyContent:"flex-start",overflow:"scroll",borderTopLeftRadius:"1.5rem",borderTopRightRadius:"1.5rem","--tw-bg-opacity":"1",backgroundColor:"rgba(209, 209, 209, var(--tw-bg-opacity))",fontSize:"0.75rem",lineHeight:"1rem","--tw-text-opacity":"1",color:"rgba(93, 93, 93, var(--tw-text-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-bg-opacity":"1",backgroundColor:"rgba(48, 48, 48, var(--tw-bg-opacity))","--tw-text-opacity":"1",color:"rgba(136, 136, 136, var(--tw-text-opacity))"}}),x=o.pt.div({marginLeft:"0.5rem",marginRight:"0.5rem",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"0.5rem",padding:"0.25rem"}),e=o.pt.div({height:"0.75rem",width:"0.75rem",borderRadius:"9999px"}),w=o.pt(e)({"--tw-bg-opacity":"1",backgroundColor:"rgb(239 68 68 / var(--tw-bg-opacity))"}),u=o.pt(e)({"--tw-bg-opacity":"1",backgroundColor:"rgb(234 179 8 / var(--tw-bg-opacity))"}),y=o.pt(e)({"--tw-bg-opacity":"1",backgroundColor:"rgb(34 197 94 / var(--tw-bg-opacity))"}),h=o.pt.div(({$isActive:r})=>[{display:"flex",height:"2rem",minWidth:"5rem",alignItems:"center",justifyContent:"center",paddingLeft:"0.75rem",paddingRight:"0.75rem",paddingTop:"0.25rem",paddingBottom:"0.25rem",transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms"},r?{"--tw-bg-opacity":"1",backgroundColor:"rgba(231, 231, 231, var(--tw-bg-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-bg-opacity":"1",backgroundColor:"rgba(39, 39, 39, var(--tw-bg-opacity))"}}:{cursor:"pointer","--tw-bg-opacity":"1",backgroundColor:"rgba(209, 209, 209, var(--tw-bg-opacity))","&:hover":{"--tw-bg-opacity":"1",backgroundColor:"rgba(176, 176, 176, var(--tw-bg-opacity))"},'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-bg-opacity":"1",backgroundColor:"rgba(48, 48, 48, var(--tw-bg-opacity))"},'&:where([data-theme="dark"], [data-theme="dark"] *):hover':{"--tw-bg-opacity":"1",backgroundColor:"rgba(39, 39, 39, var(--tw-bg-opacity))"}}]),v=o.pt.div({paddingLeft:"0.5rem",paddingTop:"0.5rem",fontSize:"0.75rem",lineHeight:"1rem","@media (min-width: 768px)":{fontSize:"0.875rem",lineHeight:"1.25rem"}}),f=({tabs:r,isDarkMode:d})=>{const[a,c]=p.useState(0),{content:s}=r[a];return t.jsxRuntimeExports.jsxs(b,{roundedSize:"3xl",transparency:"none",children:[t.jsxRuntimeExports.jsxs(m,{children:[t.jsxRuntimeExports.jsxs(x,{children:[t.jsxRuntimeExports.jsx(w,{}),t.jsxRuntimeExports.jsx(u,{}),t.jsxRuntimeExports.jsx(y,{})]}),r.map(({title:i},n)=>t.jsxRuntimeExports.jsx(h,{onClick:()=>c(n),$isActive:a===n,children:i},i))]}),t.jsxRuntimeExports.jsx(v,{children:t.jsxRuntimeExports.jsx(l.MarkdownRenderer,{isDarkMode:d,children:s})})]})};exports.IDE=f;

package/dist/components/IDE/IDE.es.js

@@ -1,10 +1,10 @@
 "use client";
 import { j as t } from "../../jsx-runtime-Tw_Kw2GZ.js";
-import { p as r } from "../../styled-components.browser.esm-D6kkzXl4.js";
+import { p as o } from "../../styled-components.browser.esm-D6kkzXl4.js";
 import { useState as p } from "react";
 import { Container as s } from "../Container/index.es.js";
 import { a as l } from "../../MarkDownRender-gURA8GAt.js";
-const b = r(s)({
+const b = o(s)({
   display: "flex",
   height: "100%",
   width: "100%",
@@ -13,7 +13,7 @@ const b = r(s)({
   "--tw-shadow": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
   "--tw-shadow-colored": "0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)",
   boxShadow: "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
-}), m = r.div({
+}), m = o.div({
   display: "flex",
   width: "100%",
   alignItems: "center",
@@ -29,11 +29,11 @@ const b = r(s)({
   color: "rgba(93, 93, 93, var(--tw-text-opacity))",
   '&:where([data-theme="dark"], [data-theme="dark"] *)': {
     "--tw-bg-opacity": "1",
-    backgroundColor: "rgba(79, 79, 79, var(--tw-bg-opacity))",
+    backgroundColor: "rgba(48, 48, 48, var(--tw-bg-opacity))",
     "--tw-text-opacity": "1",
     color: "rgba(136, 136, 136, var(--tw-text-opacity))"
   }
-}), w = r.div({
+}), w = o.div({
   marginLeft: "0.5rem",
   marginRight: "0.5rem",
   display: "flex",
@@ -41,21 +41,21 @@ const b = r(s)({
   justifyContent: "flex-start",
   gap: "0.5rem",
   padding: "0.25rem"
-}), a = r.div({
+}), a = o.div({
   height: "0.75rem",
   width: "0.75rem",
   borderRadius: "9999px"
-}), h = r(a)({
+}), h = o(a)({
   "--tw-bg-opacity": "1",
   backgroundColor: "rgb(239 68 68 / var(--tw-bg-opacity))"
-}), y = r(a)({
+}), y = o(a)({
   "--tw-bg-opacity": "1",
   backgroundColor: "rgb(234 179 8 / var(--tw-bg-opacity))"
-}), x = r(a)({
+}), x = o(a)({
   "--tw-bg-opacity": "1",
   backgroundColor: "rgb(34 197 94 / var(--tw-bg-opacity))"
-}), v = r.div(({
-  $isActive: o
+}), u = o.div(({
+  $isActive: r
 }) => [{
   display: "flex",
   height: "2rem",
@@ -65,13 +65,16 @@ const b = r(s)({
   paddingLeft: "0.75rem",
   paddingRight: "0.75rem",
   paddingTop: "0.25rem",
-  paddingBottom: "0.25rem"
-}, o ? {
+  paddingBottom: "0.25rem",
+  transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
+  transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
+  transitionDuration: "150ms"
+}, r ? {
   "--tw-bg-opacity": "1",
   backgroundColor: "rgba(231, 231, 231, var(--tw-bg-opacity))",
   '&:where([data-theme="dark"], [data-theme="dark"] *)': {
     "--tw-bg-opacity": "1",
-    backgroundColor: "rgba(69, 69, 69, var(--tw-bg-opacity))"
+    backgroundColor: "rgba(39, 39, 39, var(--tw-bg-opacity))"
   }
 } : {
   cursor: "pointer",
@@ -83,13 +86,13 @@ const b = r(s)({
   },
   '&:where([data-theme="dark"], [data-theme="dark"] *)': {
     "--tw-bg-opacity": "1",
-    backgroundColor: "rgba(79, 79, 79, var(--tw-bg-opacity))"
+    backgroundColor: "rgba(48, 48, 48, var(--tw-bg-opacity))"
   },
   '&:where([data-theme="dark"], [data-theme="dark"] *):hover': {
     "--tw-bg-opacity": "1",
-    backgroundColor: "rgba(93, 93, 93, var(--tw-bg-opacity))"
+    backgroundColor: "rgba(39, 39, 39, var(--tw-bg-opacity))"
   }
-}]), u = r.div({
+}]), f = o.div({
   paddingLeft: "0.5rem",
   paddingTop: "0.5rem",
   fontSize: "0.75rem",
@@ -98,13 +101,13 @@ const b = r(s)({
     fontSize: "0.875rem",
     lineHeight: "1.25rem"
   }
-}), R = ({
-  tabs: o,
+}), T = ({
+  tabs: r,
   isDarkMode: d
 }) => {
   const [e, c] = p(0), {
     content: g
-  } = o[e];
+  } = r[e];
   return /* @__PURE__ */ t.jsxs(b, { roundedSize: "3xl", transparency: "none", children: [
     /* @__PURE__ */ t.jsxs(m, { children: [
       /* @__PURE__ */ t.jsxs(w, { children: [
@@ -112,13 +115,13 @@ const b = r(s)({
         /* @__PURE__ */ t.jsx(y, {}),
         /* @__PURE__ */ t.jsx(x, {})
       ] }),
-      o.map(({
+      r.map(({
         title: i
-      }, n) => /* @__PURE__ */ t.jsx(v, { onClick: () => c(n), $isActive: e === n, children: i }, i))
+      }, n) => /* @__PURE__ */ t.jsx(u, { onClick: () => c(n), $isActive: e === n, children: i }, i))
     ] }),
-    /* @__PURE__ */ t.jsx(u, { children: /* @__PURE__ */ t.jsx(l, { isDarkMode: d, children: g }) })
+    /* @__PURE__ */ t.jsx(f, { children: /* @__PURE__ */ t.jsx(l, { isDarkMode: d, children: g }) })
   ] });
 };
 export {
-  R as IDE
+  T as IDE
 };

package/dist/components/Loader/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-D6agescH.cjs"),r=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),i=require("./spinner.cjs.js"),o=r.pt.div({display:"flex",width:"100%",height:"100%",maxHeight:"100vh",maxWidth:"100vw",alignItems:"center",justifyContent:"center"}),a=({className:x,children:t,isLoading:n=!0,...s})=>n?e.jsxRuntimeExports.jsx(o,{"aria-label":"Animated icon, meaning that the website is processing",...s,children:e.jsxRuntimeExports.jsx(i.Spinner,{})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t??e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})});exports.Loader=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-D6agescH.cjs"),t=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),r=require("./spinner.cjs.js"),o=t.pt.div({display:"flex",width:"100%",height:"100%",maxHeight:"100vh",maxWidth:"100vw",alignItems:"center",justifyContent:"center"}),a=t.pt(r.Spinner)({height:"2.5rem",width:"2.5rem"}),m=({children:n,isLoading:i=!0,...s})=>i?e.jsxRuntimeExports.jsx(o,{"aria-label":"Animated icon, meaning that the website is processing",...s,children:e.jsxRuntimeExports.jsx(a,{})}):n??e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});exports.Loader=m;

package/dist/components/Loader/index.es.js

@@ -1,8 +1,8 @@
 "use client";
-import { j as e } from "../../jsx-runtime-Tw_Kw2GZ.js";
-import { p as r } from "../../styled-components.browser.esm-D6kkzXl4.js";
+import { j as t } from "../../jsx-runtime-Tw_Kw2GZ.js";
+import { p as e } from "../../styled-components.browser.esm-D6kkzXl4.js";
 import { Spinner as s } from "./spinner.es.js";
-const a = r.div({
+const o = e.div({
   display: "flex",
   width: "100%",
   height: "100%",
@@ -10,12 +10,14 @@ const a = r.div({
   maxWidth: "100vw",
   alignItems: "center",
   justifyContent: "center"
-}), l = ({
-  className: m,
-  children: t,
-  isLoading: i = !0,
-  ...n
-}) => i ? /* @__PURE__ */ e.jsx(a, { "aria-label": "Animated icon, meaning that the website is processing", ...n, children: /* @__PURE__ */ e.jsx(s, {}) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: t ?? /* @__PURE__ */ e.jsx(e.Fragment, {}) });
+}), a = e(s)({
+  height: "2.5rem",
+  width: "2.5rem"
+}), d = ({
+  children: i,
+  isLoading: n = !0,
+  ...r
+}) => n ? /* @__PURE__ */ t.jsx(o, { "aria-label": "Animated icon, meaning that the website is processing", ...r, children: /* @__PURE__ */ t.jsx(a, {}) }) : i ?? /* @__PURE__ */ t.jsx(t.Fragment, {});
 export {
-  l as Loader
+  d as Loader
 };

package/dist/components/MarkDownRender/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),r=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),d=require("../../MarkDownRender-BeQGOIow.cjs"),c=require("../Container/index.cjs.js"),o=require("../Headers/index.cjs.js"),i=require("../IDE/CodeRender.cjs.js");require("../IDE/IDE.cjs.js");const s=r.pt.strong({borderRadius:"0.25rem",backgroundColor:"rgba(231, 231, 231, 0.6)",padding:"0.25rem","--tw-shadow":"0 1px 2px 0 rgb(0 0 0 / 0.05)","--tw-shadow-colored":"0 1px 2px 0 var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)","--tw-backdrop-blur":"blur(8px)",backdropFilter:"var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)",'&:where([data-theme="dark"], [data-theme="dark"] *)':{backgroundColor:"rgba(69, 69, 69, 0.6)"}}),p=r.pt.ul({marginTop:"1.25rem",display:"flex",flexDirection:"column",gap:"0.75rem",paddingLeft:"1.25rem"}),l=r.pt.ul({marginTop:"1.25rem",display:"flex",flexDirection:"column",gap:"0.75rem",paddingLeft:"1.25rem"}),m=r.pt.div({display:"flex",flexDirection:"column",gap:"1.5rem",padding:"2.5rem","--tw-text-opacity":"1",color:"rgba(18, 18, 18, var(--tw-text-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-text-opacity":"1",color:"rgba(255, 245, 237, var(--tw-text-opacity))"}}),w=r.pt.a({"--tw-text-opacity":"1",color:"rgba(93, 93, 93, var(--tw-text-opacity))",textDecorationLine:"underline",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-text-opacity":"1",color:"rgba(136, 136, 136, var(--tw-text-opacity))"}}),x=r.pt.img({maxWidth:"100%",borderRadius:"0.375rem"}),u=({children:a,isDarkMode:n})=>t.jsxRuntimeExports.jsx(d.Markdown,{options:{overrides:{h1:{component:o.H1},h2:{component:o.H2},h3:{component:o.H3},code:{component:e=>typeof e.className>"u"?t.jsxRuntimeExports.jsx(s,{children:e.children}):t.jsxRuntimeExports.jsx(c.Container,{className:"max-w-full overflow-x-scroll",children:t.jsxRuntimeExports.jsx(i.Code,{isDarkMode:n,showLineNumbers:!1,...e})})},ul:p,ol:l,img:e=>t.jsxRuntimeExports.jsx(x,{...e,src:`${e.src}?raw=true`}),a:w},wrapper:m},children:a??""});exports.MarkdownRenderer=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),r=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),d=require("../../MarkDownRender-BeQGOIow.cjs"),c=require("../Container/index.cjs.js"),o=require("../Headers/index.cjs.js"),i=require("../Headers/SectionScroller.cjs.js"),s=require("../IDE/CodeRender.cjs.js");require("../IDE/IDE.cjs.js");const p=r.pt.strong({borderRadius:"0.25rem",backgroundColor:"rgba(231, 231, 231, 0.6)",padding:"0.25rem","--tw-shadow":"0 1px 2px 0 rgb(0 0 0 / 0.05)","--tw-shadow-colored":"0 1px 2px 0 var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)","--tw-backdrop-blur":"blur(8px)",backdropFilter:"var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)",'&:where([data-theme="dark"], [data-theme="dark"] *)':{backgroundColor:"rgba(39, 39, 39, 0.6)"}}),l=r.pt.ul({marginTop:"1.25rem",display:"flex",flexDirection:"column",gap:"0.75rem",paddingLeft:"1.25rem"}),x=r.pt.ul({marginTop:"1.25rem",display:"flex",flexDirection:"column",gap:"0.75rem",paddingLeft:"1.25rem"}),m=r.pt.div({display:"flex",flexDirection:"column",gap:"1.5rem",padding:"2.5rem","--tw-text-opacity":"1",color:"rgba(18, 18, 18, var(--tw-text-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-text-opacity":"1",color:"rgba(255, 245, 237, var(--tw-text-opacity))"}}),w=r.pt.a({"--tw-text-opacity":"1",color:"rgba(93, 93, 93, var(--tw-text-opacity))",textDecorationLine:"underline",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-text-opacity":"1",color:"rgba(136, 136, 136, var(--tw-text-opacity))"}}),u=r.pt.img({maxWidth:"100%",borderRadius:"0.375rem"}),b=r.pt.blockquote({marginTop:"1.25rem",display:"flex",flexDirection:"column",gap:"0.75rem",borderLeftWidth:"4px","--tw-border-opacity":"1",borderColor:"rgba(231, 231, 231, var(--tw-border-opacity))",paddingLeft:"1.25rem","--tw-text-opacity":"1",color:"rgba(93, 93, 93, var(--tw-text-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-border-opacity":"1",borderColor:"rgba(39, 39, 39, var(--tw-border-opacity))","--tw-text-opacity":"1",color:"rgba(136, 136, 136, var(--tw-text-opacity))"}}),g=({children:a,isDarkMode:n})=>t.jsxRuntimeExports.jsx(d.Markdown,{options:{overrides:{h1:{component:o.H1},h2:{component:o.H2},h3:{component:o.H3},code:{component:e=>typeof e.className>"u"?t.jsxRuntimeExports.jsx(p,{children:e.children}):t.jsxRuntimeExports.jsx(c.Container,{className:"max-w-full overflow-x-scroll",children:t.jsxRuntimeExports.jsx(s.Code,{isDarkMode:n,showLineNumbers:!1,...e})})},blockquote:e=>t.jsxRuntimeExports.jsx(b,{...e}),ul:l,ol:x,img:e=>t.jsxRuntimeExports.jsx(u,{...e,loading:"lazy",src:`${e.src}?raw=true`}),a:w},wrapper:e=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(i.SectionScroller,{}),t.jsxRuntimeExports.jsx(m,{...e})]})},children:a??""});exports.MarkdownRenderer=g;

package/dist/components/MarkDownRender/index.es.js

@@ -1,12 +1,13 @@
 "use client";
-import { j as a } from "../../jsx-runtime-Tw_Kw2GZ.js";
-import { p as t } from "../../styled-components.browser.esm-D6kkzXl4.js";
+import { j as t } from "../../jsx-runtime-Tw_Kw2GZ.js";
+import { p as o } from "../../styled-components.browser.esm-D6kkzXl4.js";
 import { M as d } from "../../MarkDownRender-gURA8GAt.js";
 import { Container as c } from "../Container/index.es.js";
-import { H1 as i, H2 as n, H3 as p } from "../Headers/index.es.js";
-import { Code as l } from "../IDE/CodeRender.es.js";
+import { H1 as i, H2 as l, H3 as p } from "../Headers/index.es.js";
+import { SectionScroller as n } from "../Headers/SectionScroller.es.js";
+import { Code as m } from "../IDE/CodeRender.es.js";
 import "../IDE/IDE.es.js";
-const m = t.strong({
+const s = o.strong({
   borderRadius: "0.25rem",
   backgroundColor: "rgba(231, 231, 231, 0.6)",
   padding: "0.25rem",
@@ -16,21 +17,21 @@ const m = t.strong({
   "--tw-backdrop-blur": "blur(8px)",
   backdropFilter: "var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)",
   '&:where([data-theme="dark"], [data-theme="dark"] *)': {
-    backgroundColor: "rgba(69, 69, 69, 0.6)"
+    backgroundColor: "rgba(39, 39, 39, 0.6)"
   }
-}), s = t.ul({
+}), w = o.ul({
   marginTop: "1.25rem",
   display: "flex",
   flexDirection: "column",
   gap: "0.75rem",
   paddingLeft: "1.25rem"
-}), w = t.ul({
+}), x = o.ul({
   marginTop: "1.25rem",
   display: "flex",
   flexDirection: "column",
   gap: "0.75rem",
   paddingLeft: "1.25rem"
-}), x = t.div({
+}), b = o.div({
   display: "flex",
   flexDirection: "column",
   gap: "1.5rem",
@@ -41,7 +42,7 @@ const m = t.strong({
     "--tw-text-opacity": "1",
     color: "rgba(255, 245, 237, var(--tw-text-opacity))"
   }
-}), b = t.a({
+}), g = o.a({
   "--tw-text-opacity": "1",
   color: "rgba(93, 93, 93, var(--tw-text-opacity))",
   textDecorationLine: "underline",
@@ -49,36 +50,57 @@ const m = t.strong({
     "--tw-text-opacity": "1",
     color: "rgba(136, 136, 136, var(--tw-text-opacity))"
   }
-}), h = t.img({
+}), h = o.img({
   maxWidth: "100%",
   borderRadius: "0.375rem"
-}), S = ({
-  children: e,
-  isDarkMode: o
-}) => /* @__PURE__ */ a.jsx(d, { options: {
+}), y = o.blockquote({
+  marginTop: "1.25rem",
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.75rem",
+  borderLeftWidth: "4px",
+  "--tw-border-opacity": "1",
+  borderColor: "rgba(231, 231, 231, var(--tw-border-opacity))",
+  paddingLeft: "1.25rem",
+  "--tw-text-opacity": "1",
+  color: "rgba(93, 93, 93, var(--tw-text-opacity))",
+  '&:where([data-theme="dark"], [data-theme="dark"] *)': {
+    "--tw-border-opacity": "1",
+    borderColor: "rgba(39, 39, 39, var(--tw-border-opacity))",
+    "--tw-text-opacity": "1",
+    color: "rgba(136, 136, 136, var(--tw-text-opacity))"
+  }
+}), D = ({
+  children: a,
+  isDarkMode: e
+}) => /* @__PURE__ */ t.jsx(d, { options: {
   overrides: {
     h1: {
       component: i
     },
     h2: {
-      component: n
+      component: l
     },
     h3: {
       component: p
     },
     code: {
-      component: (r) => typeof r.className > "u" ? /* @__PURE__ */ a.jsx(m, { children: r.children }) : /* @__PURE__ */ a.jsx(c, { className: "max-w-full overflow-x-scroll", children: /* @__PURE__ */ a.jsx(l, { isDarkMode: o, showLineNumbers: !1, ...r }) })
+      component: (r) => typeof r.className > "u" ? /* @__PURE__ */ t.jsx(s, { children: r.children }) : /* @__PURE__ */ t.jsx(c, { className: "max-w-full overflow-x-scroll", children: /* @__PURE__ */ t.jsx(m, { isDarkMode: e, showLineNumbers: !1, ...r }) })
     },
-    ul: s,
-    ol: w,
+    blockquote: (r) => /* @__PURE__ */ t.jsx(y, { ...r }),
+    ul: w,
+    ol: x,
     img: (r) => (
       // eslint-disable-next-line jsx-a11y/alt-text
-      /* @__PURE__ */ a.jsx(h, { ...r, src: `${r.src}?raw=true` })
+      /* @__PURE__ */ t.jsx(h, { ...r, loading: "lazy", src: `${r.src}?raw=true` })
     ),
-    a: b
+    a: g
   },
-  wrapper: x
-}, children: e ?? "" });
+  wrapper: (r) => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(n, {}),
+    /* @__PURE__ */ t.jsx(b, { ...r })
+  ] })
+}, children: a ?? "" });
 export {
-  S as MarkdownRenderer
+  D as MarkdownRenderer
 };

package/dist/components/Modal/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../jsx-runtime-D6agescH.cjs"),a=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),c=require("react-dom");require("react");const p=require("../../hooks/useGetElementOrWindow.cjs.js"),u=require("../../hooks/useScrollBlockage/index.cjs.js"),i=require("../../motion-BuKul-u9.cjs"),w=a.pt(i.motion.div)(({$isOpen:t})=>[{position:"fixed",left:"0px",top:"0px",zIndex:"50",display:"flex",width:"100%",height:"100%",cursor:"pointer",alignItems:"center",justifyContent:"center",overflow:"auto",backgroundColor:"rgba(255, 255, 255, 0.6)","--tw-backdrop-blur":"blur(8px)",backdropFilter:"var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)"},t?{visibility:"visible"}:{display:"none"}]),x=a.pt(i.motion.div)({cursor:"default",overflow:"hidden",borderRadius:"0.25rem","--tw-shadow":"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)","--tw-shadow-colored":"0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"}),b=({children:t,isOpen:o,container:n,disableScroll:s=!1,onClose:l})=>{const e=p.useGetElementOrWindow(n);return u.useScrollBlockage({key:"modal",disableScroll:o&&s}),e?c.createPortal(r.jsxRuntimeExports.jsx(w,{initial:{opacity:o?0:1},animate:{opacity:o?1:0},transition:{duration:.1},onClick:l,$isOpen:o,children:r.jsxRuntimeExports.jsx(x,{onClick:d=>d.stopPropagation(),initial:{scale:o?.5:1},animate:{scale:o?1:.5},transition:{duration:.3},role:"dialog","aria-modal":!0,children:t})}),e):r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{})};exports.Modal=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../jsx-runtime-D6agescH.cjs"),a=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),c=require("react-dom");require("react");const p=require("../../hooks/useGetElementOrWindow.cjs.js"),u=require("../../hooks/useScrollBlockage/index.cjs.js"),i=require("../../motion-minimal-CwdK8lup.cjs"),w=a.pt(i.m.div)(({$isOpen:t})=>[{position:"fixed",left:"0px",top:"0px",zIndex:"50",display:"flex",width:"100%",height:"100%",cursor:"pointer",alignItems:"center",justifyContent:"center",overflow:"auto",backgroundColor:"rgba(255, 255, 255, 0.6)","--tw-backdrop-blur":"blur(8px)",backdropFilter:"var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)"},t?{visibility:"visible"}:{display:"none"}]),x=a.pt(i.m.div)({cursor:"default",overflow:"hidden",borderRadius:"0.25rem","--tw-shadow":"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)","--tw-shadow-colored":"0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"}),b=({children:t,isOpen:r,container:s,disableScroll:n=!1,onClose:l})=>{const e=p.useGetElementOrWindow(s);return u.useScrollBlockage({key:"modal",disableScroll:r&&n}),e?c.createPortal(o.jsxRuntimeExports.jsx(w,{initial:{opacity:r?0:1},animate:{opacity:r?1:0},transition:{duration:.1},onClick:l,$isOpen:r,children:o.jsxRuntimeExports.jsx(x,{onClick:d=>d.stopPropagation(),initial:{scale:r?.5:1},animate:{scale:r?1:.5},transition:{duration:.3},role:"dialog","aria-modal":!0,children:t})}),e):o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{})};exports.Modal=b;

package/dist/components/Modal/index.es.js

@@ -5,8 +5,8 @@ import { createPortal as s } from "react-dom";
 import "react";
 import { useGetElementOrWindow as c } from "../../hooks/useGetElementOrWindow.es.js";
 import { useScrollBlockage as w } from "../../hooks/useScrollBlockage/index.es.js";
-import { m as e } from "../../motion-CP5YERk7.js";
-const m = i(e.div)(({
+import { m as e } from "../../motion-minimal-BFpJTMRN.js";
+const b = i(e.div)(({
   $isOpen: t
 }) => [{
   position: "fixed",
@@ -27,7 +27,7 @@ const m = i(e.div)(({
   visibility: "visible"
 } : {
   display: "none"
-}]), b = i(e.div)({
+}]), m = i(e.div)({
   cursor: "default",
   overflow: "hidden",
   borderRadius: "0.25rem",
@@ -45,13 +45,13 @@ const m = i(e.div)(({
   return w({
     key: "modal",
     disableScroll: r && l
-  }), a ? s(/* @__PURE__ */ o.jsx(m, { initial: {
+  }), a ? s(/* @__PURE__ */ o.jsx(b, { initial: {
     opacity: r ? 0 : 1
   }, animate: {
     opacity: r ? 1 : 0
   }, transition: {
     duration: 0.1
-  }, onClick: n, $isOpen: r, children: /* @__PURE__ */ o.jsx(b, { onClick: (p) => p.stopPropagation(), initial: {
+  }, onClick: n, $isOpen: r, children: /* @__PURE__ */ o.jsx(m, { onClick: (p) => p.stopPropagation(), initial: {
     scale: r ? 0.5 : 1
   }, animate: {
     scale: r ? 1 : 0.5

package/dist/components/Navbar/DesktopNavbar.cjs.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),a=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),w=require("../Button/index.cjs.js"),v=require("./useNavigation.cjs.js"),k=a.pt.nav(()=>[{position:"sticky",top:"0px",zIndex:"50",display:"flex",width:"100vw",alignItems:"center",backgroundColor:"rgba(231, 231, 231, 0.8)",paddingLeft:"1rem",paddingRight:"1rem",paddingTop:"0.75rem",paddingBottom:"0.75rem","--tw-shadow":"0 0 10px -15px rgba(0,0,0,0.3)","--tw-shadow-colored":"0 0 10px -15px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)","--tw-backdrop-blur":"blur(8px)",backdropFilter:"var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)",'&:where([data-theme="dark"], [data-theme="dark"] *)':{backgroundColor:"rgba(69, 69, 69, 0.8)"}},a.ct`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),a=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),w=require("../Button/index.cjs.js"),v=require("./useNavigation.cjs.js"),k=a.pt.nav(()=>[{position:"sticky",top:"0px",zIndex:"50",display:"flex",width:"100vw",alignItems:"center",backgroundColor:"rgba(231, 231, 231, 0.8)",paddingLeft:"1rem",paddingRight:"1rem",paddingTop:"0.75rem",paddingBottom:"0.75rem","--tw-shadow":"0 0 10px -15px rgba(0,0,0,0.3)","--tw-shadow-colored":"0 0 10px -15px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)","--tw-backdrop-blur":"blur(8px)",backdropFilter:"var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)",'&:where([data-theme="dark"], [data-theme="dark"] *)':{backgroundColor:"rgba(39, 39, 39, 0.8)"}},a.ct`
     -webkit-backdrop-filter: var(--tw-backdrop-blur)
       var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
       var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)

package/dist/components/Navbar/DesktopNavbar.es.js

@@ -21,7 +21,7 @@ const m = o.nav(() => [{
   "--tw-backdrop-blur": "blur(8px)",
   backdropFilter: "var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)",
   '&:where([data-theme="dark"], [data-theme="dark"] *)': {
-    backgroundColor: "rgba(69, 69, 69, 0.8)"
+    backgroundColor: "rgba(39, 39, 39, 0.8)"
   }
 }, b`
     -webkit-backdrop-filter: var(--tw-backdrop-blur)

package/dist/components/Navbar/MobileNavbar.cjs.js

@@ -1,9 +1,9 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),r=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),w=require("react"),D=require("../../hooks/useScrollBlockage/index.cjs.js"),H=require("../../hooks/useScrollDetection.cjs.js"),q=require("../MaxHeightSmoother/index.cjs.js"),I=require("./Burger.cjs.js"),B=require("./useNavigation.cjs.js"),y=require("../../motion-BuKul-u9.cjs"),N={open:{y:0,opacity:1,transition:{y:{stiffness:1e3,velocity:-100}}},closed:{y:50,opacity:0,transition:{y:{stiffness:1e3}}}},X={open:{transition:{staggerChildren:.07,delayChildren:.2}},closed:{transition:{staggerChildren:.05,staggerDirection:-1}}},Y=r.pt(y.motion.div)`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),r=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),p=require("react"),f=require("../../hooks/useScrollBlockage/index.cjs.js"),j=require("../../hooks/useScrollDetection.cjs.js"),S=require("../MaxHeightSmoother/index.cjs.js"),R=require("./Burger.cjs.js"),C=require("./useNavigation.cjs.js"),m=require("../../motion-minimal-CwdK8lup.cjs"),E={open:{y:0,opacity:1,transition:{y:{stiffness:1e3,velocity:-100}}},closed:{y:50,opacity:0,transition:{y:{stiffness:1e3}}}},_={open:{transition:{staggerChildren:.07,delayChildren:.2}},closed:{transition:{staggerChildren:.05,staggerDirection:-1}}},D=r.pt(m.m.div)`
   ${{width:"100%",cursor:"pointer",padding:"0.75rem",textAlign:"center",transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms","&:hover":{"--tw-text-opacity":"1",color:"rgba(232, 121, 249, var(--tw-text-opacity))"},'&[aria-selected="true"]':{"--tw-text-opacity":"1",color:"rgba(232, 121, 249, var(--tw-text-opacity))"}}}
-`,g=({sections:o,activeSection:l,onClickSection:s})=>t.jsxRuntimeExports.jsx("div",{role:"tablist","aria-orientation":"vertical","aria-multiselectable":"false",children:o==null?void 0:o.map(({id:a,label:d,url:n,title:i,onClick:e})=>t.jsxRuntimeExports.jsx(Y,{role:"tab",id:a,"aria-label":d,onClick:c=>{s(a,n),e==null||e(c)},variants:N,"aria-selected":l===a,children:i},a))}),F=({logo:o,topChildren:l,topSections:s=[],bottomSections:a=[],rightItems:d})=>{var m;const[n,i]=w.useState(!1),[e,c]=w.useState(!1),x=w.useRef(null),{activeSection:v,onClickSection:u}=B.useNavActions();D.useScrollBlockage({disableScroll:e,key:"mobile_nav"}),H.useScrollDetection({onScrollUp:()=>i(!1),onScrollDown:()=>i(!0),isEnabled:!e});const h=n?0:((m=x.current)==null?void 0:m.clientHeight)??0,k=s.length+a.length>0,b=[{backgroundColor:"rgba(231, 231, 231, 0.95)","--tw-shadow":"0 0 10px -15px rgba(0,0,0,0.3)","--tw-shadow-colored":"0 0 10px -15px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)","--tw-backdrop-blur":"blur(8px)",backdropFilter:"var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)",'&:where([data-theme="dark"], [data-theme="dark"] *)':{backgroundColor:"rgba(69, 69, 69, 0.95)"}},r.ct`
-      -webkit-backdrop-filter: var(--tw-backdrop-blur)
-        var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
-        var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
-        var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
-        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-    `],f=r.pt.nav(({$isHidden:p})=>[...b,{position:"sticky",top:"0px",zIndex:"50",display:"flex",width:"100vw",flexDirection:"column",transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms"},p?{"--tw-translate-y":"-100%",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"}:{"--tw-translate-y":"0px",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"}]),j=r.pt.div({display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between",gap:"10vw",paddingLeft:"1rem",paddingRight:"1rem",paddingTop:"0.75rem",paddingBottom:"0.75rem"}),S=r.pt.div({display:"flex",width:"100%",alignItems:"center",justifyContent:"flex-end",gap:"1.5rem"}),R=r.pt.div({display:"flex",width:"100%",alignItems:"center",justifyContent:"flex-end",gap:"0.25rem"}),C=r.pt.div(()=>[...b,{position:"absolute",bottom:"0px",left:"0px",width:"100%","--tw-translate-y":"100%",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"}]),E=r.pt(y.motion.div)(()=>({display:"flex",width:"100%",flexDirection:"column",paddingBottom:"20%",paddingTop:"2.5rem",fontSize:"1.125rem",lineHeight:"1.75rem",letterSpacing:"0.025em","--tw-text-opacity":"1",color:"rgba(18, 18, 18, var(--tw-text-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-text-opacity":"1",color:"rgba(255, 245, 237, var(--tw-text-opacity))"}})),_=r.pt.div({display:"flex",height:"100%",flexDirection:"column",justifyContent:"space-between"});return t.jsxRuntimeExports.jsxs(f,{id:"mobile-menu",$isHidden:n,children:[t.jsxRuntimeExports.jsxs(j,{ref:x,children:[o,t.jsxRuntimeExports.jsxs(S,{children:[t.jsxRuntimeExports.jsx(R,{children:d}),k&&t.jsxRuntimeExports.jsx(I.Burger,{isActive:e,onClick:()=>c(p=>!p)})]})]}),t.jsxRuntimeExports.jsx(C,{children:t.jsxRuntimeExports.jsx(q.MaxHeightSmoother,{isHidden:!e,children:t.jsxRuntimeExports.jsxs(E,{onClick:()=>c(!1),animate:e?"open":"closed",variants:X,style:{height:`calc(100vh - ${h}px)`},children:[l,t.jsxRuntimeExports.jsxs(_,{children:[t.jsxRuntimeExports.jsx(g,{sections:s,activeSection:v,onClickSection:u}),t.jsxRuntimeExports.jsx(g,{sections:a,activeSection:v,onClickSection:u})]})]})})})]})};exports.MobileNavbar=F;
+`,b=({sections:a,activeSection:c,onClickSection:s})=>t.jsxRuntimeExports.jsx("div",{role:"tablist","aria-orientation":"vertical","aria-multiselectable":"false",children:a==null?void 0:a.map(({id:o,label:d,url:n,title:i,onClick:e})=>t.jsxRuntimeExports.jsx(D,{role:"tab",id:o,"aria-label":d,onClick:l=>{s(o,n),e==null||e(l)},variants:E,"aria-selected":c===o,children:i},o))}),g=[{backgroundColor:"rgba(231, 231, 231, 0.95)","--tw-shadow":"0 0 10px -15px rgba(0,0,0,0.3)","--tw-shadow-colored":"0 0 10px -15px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)","--tw-backdrop-blur":"blur(8px)",backdropFilter:"var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)",'&:where([data-theme="dark"], [data-theme="dark"] *)':{backgroundColor:"rgba(39, 39, 39, 0.95)"}},r.ct`
+    -webkit-backdrop-filter: var(--tw-backdrop-blur)
+      var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
+      var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
+      var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
+      var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+  `],H=r.pt.nav(({$isHidden:a})=>[...g,{position:"sticky",top:"0px",zIndex:"50",display:"flex",width:"100vw",flexDirection:"column",transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms"},a?{"--tw-translate-y":"-100%",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"}:{"--tw-translate-y":"0px",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"}]),q=r.pt.div({display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between",gap:"10vw",paddingLeft:"1rem",paddingRight:"1rem",paddingTop:"0.75rem",paddingBottom:"0.75rem"}),I=r.pt.div({display:"flex",width:"100%",alignItems:"center",justifyContent:"flex-end",gap:"1.5rem"}),B=r.pt.div({display:"flex",width:"100%",alignItems:"center",justifyContent:"flex-end",gap:"0.25rem"}),N=r.pt.div(()=>[...g,{position:"absolute",bottom:"0px",left:"0px",width:"100%","--tw-translate-y":"100%",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"}]),M=r.pt(m.m.div)(()=>({display:"flex",width:"100%",flexDirection:"column",paddingBottom:"20%",paddingTop:"2.5rem",fontSize:"1.125rem",lineHeight:"1.75rem",letterSpacing:"0.025em","--tw-text-opacity":"1",color:"rgba(18, 18, 18, var(--tw-text-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-text-opacity":"1",color:"rgba(255, 245, 237, var(--tw-text-opacity))"}})),X=r.pt.div({display:"flex",height:"100%",flexDirection:"column",justifyContent:"space-between"}),Y=({logo:a,topChildren:c,topSections:s=[],bottomSections:o=[],rightItems:d})=>{var u;const[n,i]=p.useState(!1),[e,l]=p.useState(!1),w=p.useRef(null),{activeSection:x,onClickSection:v}=C.useNavActions();f.useScrollBlockage({disableScroll:e,key:"mobile_nav"}),j.useScrollDetection({onScrollUp:()=>i(!1),onScrollDown:()=>i(!0),isEnabled:!e});const y=n?0:((u=w.current)==null?void 0:u.clientHeight)??0,h=s.length+o.length>0;return t.jsxRuntimeExports.jsxs(H,{id:"mobile-menu",$isHidden:n,children:[t.jsxRuntimeExports.jsxs(q,{ref:w,children:[a,t.jsxRuntimeExports.jsxs(I,{children:[t.jsxRuntimeExports.jsx(B,{children:d}),h&&t.jsxRuntimeExports.jsx(R.Burger,{isActive:e,onClick:()=>l(k=>!k)})]})]}),t.jsxRuntimeExports.jsx(N,{children:t.jsxRuntimeExports.jsx(S.MaxHeightSmoother,{isHidden:!e,children:t.jsxRuntimeExports.jsxs(M,{onClick:()=>l(!1),animate:e?"open":"closed",variants:_,style:{height:`calc(100vh - ${y}px)`},children:[c,t.jsxRuntimeExports.jsxs(X,{children:[t.jsxRuntimeExports.jsx(b,{sections:s,activeSection:x,onClickSection:v}),t.jsxRuntimeExports.jsx(b,{sections:o,activeSection:x,onClickSection:v})]})]})})})]})};exports.MobileNavbar=Y;