@intlayer/design-system 2.0.12 → 3.0.0

package/dist/components/Modal/index.d.ts

@@ -1,9 +1,2 @@
-interface ModalProps {
-    children: React.ReactNode;
-    isOpen: boolean;
-    onClose: () => void;
-    container?: HTMLElement;
-    disableScroll?: boolean;
-}
-export declare const Modal: ({ children, isOpen, container, disableScroll, onClose, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export * from './Modal';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/components/Modal/index.mjs

@@ -0,0 +1,5 @@
+import { Modal } from "./Modal.mjs";
+export {
+  Modal
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/Modal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Navbar/Burger.cjs

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const utils_cn = require("../../utils/cn.cjs");
+const lineStyle = "bg-text dark:bg-text-dark absolute top-1/2 block h-[2px] w-8 transition duration-300";
+const Burger = ({
+  isActive = false,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+  "div",
+  {
+    className: utils_cn.cn("relative mr-3 size-10 cursor-pointer", className),
+    "aria-checked": isActive,
+    "aria-expanded": isActive,
+    "aria-controls": "mobile-menu",
+    role: "switch",
+    "aria-label": isActive ? "Close menu" : "Open menu",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: utils_cn.cn(lineStyle, isActive ? "rotate-[-45deg]" : "rotate-0")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: utils_cn.cn(
+              lineStyle,
+              isActive ? "-translate-y-3 opacity-0" : "-translate-y-2 opacity-100"
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: utils_cn.cn(lineStyle, isActive ? "opacity-0" : "opacity-100") }) }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: utils_cn.cn(lineStyle, isActive ? "rotate-[45deg]" : "rotate-0")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: utils_cn.cn(
+              lineStyle,
+              isActive ? "translate-y-3 opacity-0" : "translate-y-2 opacity-100"
+            )
+          }
+        )
+      ] })
+    ]
+  }
+);
+exports.Burger = Burger;
+//# sourceMappingURL=Burger.cjs.map

package/dist/components/Navbar/Burger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Burger.cjs","sources":["../../../src/components/Navbar/Burger.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\ninterface BurgerProps extends HTMLAttributes<HTMLDivElement> {\n  isActive?: boolean;\n}\n\nconst lineStyle =\n  'bg-text dark:bg-text-dark absolute top-1/2 block h-[2px] w-8 transition duration-300';\n\nexport const Burger = ({\n  isActive = false,\n  className,\n  ...props\n}: BurgerProps) => (\n  <div\n    className={cn('relative mr-3 size-10 cursor-pointer', className)}\n    aria-checked={isActive}\n    aria-expanded={isActive}\n    aria-controls=\"mobile-menu\"\n    role=\"switch\"\n    aria-label={isActive ? 'Close menu' : 'Open menu'}\n    {...props}\n  >\n    <div>\n      <div\n        className={cn(lineStyle, isActive ? 'rotate-[-45deg]' : 'rotate-0')}\n      />\n      <div\n        className={cn(\n          lineStyle,\n          isActive ? '-translate-y-3 opacity-0' : '-translate-y-2 opacity-100'\n        )}\n      />\n    </div>\n\n    <div>\n      <div className={cn(lineStyle, isActive ? 'opacity-0' : 'opacity-100')} />\n    </div>\n\n    <div>\n      <div\n        className={cn(lineStyle, isActive ? 'rotate-[45deg]' : 'rotate-0')}\n      />\n      <div\n        className={cn(\n          lineStyle,\n          isActive ? 'translate-y-3 opacity-0' : 'translate-y-2 opacity-100'\n        )}\n      />\n    </div>\n  </div>\n);\n"],"names":["jsxs","cn","jsx"],"mappings":";;;;AAOA,MAAM,YACJ;AAEK,MAAM,SAAS,CAAC;AAAA,EACrB,WAAW;AAAA,EACX;AAAA,EACA,GAAG;AACL,MACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA,GAAG,wCAAwC,SAAS;AAAA,IAC/D,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd,MAAK;AAAA,IACL,cAAY,WAAW,eAAe;AAAA,IACrC,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAAD,kDAAC,OACC,EAAA,UAAA;AAAA,QAAAE,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD,SAAAA,GAAG,WAAW,WAAW,oBAAoB,UAAU;AAAA,UAAA;AAAA,QACpE;AAAA,QACAC,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD,SAAA;AAAA,cACT;AAAA,cACA,WAAW,6BAA6B;AAAA,YAC1C;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,MAEAC,2BAAAA,kBAAAA,IAAC,OACC,EAAA,UAAAA,2BAAA,kBAAA,IAAC,OAAI,EAAA,WAAWD,SAAAA,GAAG,WAAW,WAAW,cAAc,aAAa,EAAA,CAAG,EACzE,CAAA;AAAA,wDAEC,OACC,EAAA,UAAA;AAAA,QAAAC,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD,SAAAA,GAAG,WAAW,WAAW,mBAAmB,UAAU;AAAA,UAAA;AAAA,QACnE;AAAA,QACAC,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD,SAAA;AAAA,cACT;AAAA,cACA,WAAW,4BAA4B;AAAA,YACzC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AACF;;"}

package/dist/components/Navbar/Burger.d.ts

@@ -3,5 +3,6 @@ import { HTMLAttributes } from 'react';
 interface BurgerProps extends HTMLAttributes<HTMLDivElement> {
     isActive?: boolean;
 }
-export declare const Burger: ({ isActive, ...props }: BurgerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Burger: ({ isActive, className, ...props }: BurgerProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=Burger.d.ts.map

package/dist/components/Navbar/Burger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Burger.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Burger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,UAAU,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAKD,eAAO,MAAM,MAAM,sCAIhB,WAAW,4CAsCb,CAAC"}

package/dist/components/Navbar/Burger.mjs

@@ -0,0 +1,60 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { cn } from "../../utils/cn.mjs";
+const lineStyle = "bg-text dark:bg-text-dark absolute top-1/2 block h-[2px] w-8 transition duration-300";
+const Burger = ({
+  isActive = false,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  "div",
+  {
+    className: cn("relative mr-3 size-10 cursor-pointer", className),
+    "aria-checked": isActive,
+    "aria-expanded": isActive,
+    "aria-controls": "mobile-menu",
+    role: "switch",
+    "aria-label": isActive ? "Close menu" : "Open menu",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: cn(lineStyle, isActive ? "rotate-[-45deg]" : "rotate-0")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: cn(
+              lineStyle,
+              isActive ? "-translate-y-3 opacity-0" : "-translate-y-2 opacity-100"
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn(lineStyle, isActive ? "opacity-0" : "opacity-100") }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: cn(lineStyle, isActive ? "rotate-[45deg]" : "rotate-0")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: cn(
+              lineStyle,
+              isActive ? "translate-y-3 opacity-0" : "translate-y-2 opacity-100"
+            )
+          }
+        )
+      ] })
+    ]
+  }
+);
+export {
+  Burger
+};
+//# sourceMappingURL=Burger.mjs.map

package/dist/components/Navbar/Burger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Burger.mjs","sources":["../../../src/components/Navbar/Burger.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\ninterface BurgerProps extends HTMLAttributes<HTMLDivElement> {\n  isActive?: boolean;\n}\n\nconst lineStyle =\n  'bg-text dark:bg-text-dark absolute top-1/2 block h-[2px] w-8 transition duration-300';\n\nexport const Burger = ({\n  isActive = false,\n  className,\n  ...props\n}: BurgerProps) => (\n  <div\n    className={cn('relative mr-3 size-10 cursor-pointer', className)}\n    aria-checked={isActive}\n    aria-expanded={isActive}\n    aria-controls=\"mobile-menu\"\n    role=\"switch\"\n    aria-label={isActive ? 'Close menu' : 'Open menu'}\n    {...props}\n  >\n    <div>\n      <div\n        className={cn(lineStyle, isActive ? 'rotate-[-45deg]' : 'rotate-0')}\n      />\n      <div\n        className={cn(\n          lineStyle,\n          isActive ? '-translate-y-3 opacity-0' : '-translate-y-2 opacity-100'\n        )}\n      />\n    </div>\n\n    <div>\n      <div className={cn(lineStyle, isActive ? 'opacity-0' : 'opacity-100')} />\n    </div>\n\n    <div>\n      <div\n        className={cn(lineStyle, isActive ? 'rotate-[45deg]' : 'rotate-0')}\n      />\n      <div\n        className={cn(\n          lineStyle,\n          isActive ? 'translate-y-3 opacity-0' : 'translate-y-2 opacity-100'\n        )}\n      />\n    </div>\n  </div>\n);\n"],"names":["jsxs","jsx"],"mappings":";;AAOA,MAAM,YACJ;AAEK,MAAM,SAAS,CAAC;AAAA,EACrB,WAAW;AAAA,EACX;AAAA,EACA,GAAG;AACL,MACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,wCAAwC,SAAS;AAAA,IAC/D,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd,MAAK;AAAA,IACL,cAAY,WAAW,eAAe;AAAA,IACrC,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAAA,uCAAC,OACC,EAAA,UAAA;AAAA,QAAAC,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,WAAW,WAAW,oBAAoB,UAAU;AAAA,UAAA;AAAA,QACpE;AAAA,QACAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,WAAW,6BAA6B;AAAA,YAC1C;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,MAEAA,kCAAAA,IAAC,OACC,EAAA,UAAAA,kCAAA,IAAC,OAAI,EAAA,WAAW,GAAG,WAAW,WAAW,cAAc,aAAa,EAAA,CAAG,EACzE,CAAA;AAAA,6CAEC,OACC,EAAA,UAAA;AAAA,QAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,WAAW,WAAW,mBAAmB,UAAU;AAAA,UAAA;AAAA,QACnE;AAAA,QACAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,WAAW,4BAA4B;AAAA,YACzC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/components/Navbar/DesktopNavbar.cjs

@@ -0,0 +1,44 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const components_Button_Button = require("../Button/Button.cjs");
+const components_Navbar_useNavigation = require("./useNavigation.cjs");
+const DesktopNavbar = ({
+  logo,
+  sections,
+  rightItems
+}) => {
+  const { activeSection, onClickSection } = components_Navbar_useNavigation.useNavActions();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("nav", { className: "bg-card/80 dark:bg-card-dark/80 sticky top-0 z-50 flex w-screen items-center px-4 py-3 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur", children: [
+    logo,
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: "text-neutral dark:text-neutral-dark ml-[10vw] flex flex-row gap-6 tracking-wide",
+        role: "tablist",
+        "aria-orientation": "horizontal",
+        "aria-multiselectable": "false",
+        children: sections?.map(({ id, url, label, title, onClick }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          components_Button_Button.Button,
+          {
+            role: "tab",
+            variant: "invisible-link",
+            color: "text",
+            "aria-selected": activeSection === id,
+            label,
+            onClick: (e) => {
+              onClickSection(id, url);
+              onClick(e);
+            },
+            children: title
+          },
+          id
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "mr-4 flex w-full items-center justify-end gap-2 md:gap-4", children: rightItems })
+  ] });
+};
+exports.DesktopNavbar = DesktopNavbar;
+//# sourceMappingURL=DesktopNavbar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopNavbar.cjs","sources":["../../../src/components/Navbar/DesktopNavbar.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, ReactNode } from 'react';\n\nimport { Button } from '../Button';\nimport { useNavActions } from './useNavigation';\nimport type { NavSection } from '.';\n\ntype DesktopNavbarProps = {\n  logo: ReactNode;\n  sections: NavSection[];\n  rightItems?: ReactNode;\n};\n\nexport const DesktopNavbar: FC<DesktopNavbarProps> = ({\n  logo,\n  sections,\n  rightItems,\n}) => {\n  const { activeSection, onClickSection } = useNavActions();\n\n  return (\n    <nav className=\"bg-card/80 dark:bg-card-dark/80 sticky top-0 z-50 flex w-screen items-center px-4 py-3 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n      {logo}\n      <div\n        className=\"text-neutral dark:text-neutral-dark ml-[10vw] flex flex-row gap-6 tracking-wide\"\n        role=\"tablist\"\n        aria-orientation=\"horizontal\"\n        aria-multiselectable=\"false\"\n      >\n        {sections?.map(({ id, url, label, title, onClick }) => (\n          <Button\n            key={id}\n            role=\"tab\"\n            variant=\"invisible-link\"\n            color=\"text\"\n            aria-selected={activeSection === id}\n            label={label}\n            onClick={(e) => {\n              onClickSection(id, url);\n              onClick(e);\n            }}\n          >\n            {title}\n          </Button>\n        ))}\n      </div>\n      <div className=\"mr-4 flex w-full items-center justify-end gap-2 md:gap-4\">\n        {rightItems}\n      </div>\n    </nav>\n  );\n};\n"],"names":["useNavActions","jsxs","jsx","Button"],"mappings":";;;;;;AAcO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,eAAe,eAAe,IAAIA,gCAAc,cAAA;AAGtD,SAAAC,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,gJACZ,UAAA;AAAA,IAAA;AAAA,IACDC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,oBAAiB;AAAA,QACjB,wBAAqB;AAAA,QAEpB,UAAA,UAAU,IAAI,CAAC,EAAE,IAAI,KAAK,OAAO,OAAO,QAAA,MACvCA,2BAAA,kBAAA;AAAA,UAACC,yBAAA;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,iBAAe,kBAAkB;AAAA,YACjC;AAAA,YACA,SAAS,CAAC,MAAM;AACd,6BAAe,IAAI,GAAG;AACtB,sBAAQ,CAAC;AAAA,YACX;AAAA,YAEC,UAAA;AAAA,UAAA;AAAA,UAXI;AAAA,QAAA,CAaR;AAAA,MAAA;AAAA,IACH;AAAA,IACCD,2BAAA,kBAAA,IAAA,OAAA,EAAI,WAAU,4DACZ,UACH,YAAA;AAAA,EACF,EAAA,CAAA;AAEJ;;"}

package/dist/components/Navbar/DesktopNavbar.d.ts

@@ -8,3 +8,4 @@ type DesktopNavbarProps = {
 };
 export declare const DesktopNavbar: FC<DesktopNavbarProps>;
 export {};
+//# sourceMappingURL=DesktopNavbar.d.ts.map

package/dist/components/Navbar/DesktopNavbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopNavbar.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/DesktopNavbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAEpC,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAsChD,CAAC"}

package/dist/components/Navbar/DesktopNavbar.mjs

@@ -0,0 +1,44 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { Button } from "../Button/Button.mjs";
+import { useNavActions } from "./useNavigation.mjs";
+const DesktopNavbar = ({
+  logo,
+  sections,
+  rightItems
+}) => {
+  const { activeSection, onClickSection } = useNavActions();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("nav", { className: "bg-card/80 dark:bg-card-dark/80 sticky top-0 z-50 flex w-screen items-center px-4 py-3 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur", children: [
+    logo,
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: "text-neutral dark:text-neutral-dark ml-[10vw] flex flex-row gap-6 tracking-wide",
+        role: "tablist",
+        "aria-orientation": "horizontal",
+        "aria-multiselectable": "false",
+        children: sections?.map(({ id, url, label, title, onClick }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            role: "tab",
+            variant: "invisible-link",
+            color: "text",
+            "aria-selected": activeSection === id,
+            label,
+            onClick: (e) => {
+              onClickSection(id, url);
+              onClick(e);
+            },
+            children: title
+          },
+          id
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mr-4 flex w-full items-center justify-end gap-2 md:gap-4", children: rightItems })
+  ] });
+};
+export {
+  DesktopNavbar
+};
+//# sourceMappingURL=DesktopNavbar.mjs.map

package/dist/components/Navbar/DesktopNavbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopNavbar.mjs","sources":["../../../src/components/Navbar/DesktopNavbar.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, ReactNode } from 'react';\n\nimport { Button } from '../Button';\nimport { useNavActions } from './useNavigation';\nimport type { NavSection } from '.';\n\ntype DesktopNavbarProps = {\n  logo: ReactNode;\n  sections: NavSection[];\n  rightItems?: ReactNode;\n};\n\nexport const DesktopNavbar: FC<DesktopNavbarProps> = ({\n  logo,\n  sections,\n  rightItems,\n}) => {\n  const { activeSection, onClickSection } = useNavActions();\n\n  return (\n    <nav className=\"bg-card/80 dark:bg-card-dark/80 sticky top-0 z-50 flex w-screen items-center px-4 py-3 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n      {logo}\n      <div\n        className=\"text-neutral dark:text-neutral-dark ml-[10vw] flex flex-row gap-6 tracking-wide\"\n        role=\"tablist\"\n        aria-orientation=\"horizontal\"\n        aria-multiselectable=\"false\"\n      >\n        {sections?.map(({ id, url, label, title, onClick }) => (\n          <Button\n            key={id}\n            role=\"tab\"\n            variant=\"invisible-link\"\n            color=\"text\"\n            aria-selected={activeSection === id}\n            label={label}\n            onClick={(e) => {\n              onClickSection(id, url);\n              onClick(e);\n            }}\n          >\n            {title}\n          </Button>\n        ))}\n      </div>\n      <div className=\"mr-4 flex w-full items-center justify-end gap-2 md:gap-4\">\n        {rightItems}\n      </div>\n    </nav>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;AAcO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,eAAe,eAAe,IAAI,cAAc;AAGtD,SAAAA,kCAAA,KAAC,OAAI,EAAA,WAAU,gJACZ,UAAA;AAAA,IAAA;AAAA,IACDC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,oBAAiB;AAAA,QACjB,wBAAqB;AAAA,QAEpB,UAAA,UAAU,IAAI,CAAC,EAAE,IAAI,KAAK,OAAO,OAAO,QAAA,MACvCA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,iBAAe,kBAAkB;AAAA,YACjC;AAAA,YACA,SAAS,CAAC,MAAM;AACd,6BAAe,IAAI,GAAG;AACtB,sBAAQ,CAAC;AAAA,YACX;AAAA,YAEC,UAAA;AAAA,UAAA;AAAA,UAXI;AAAA,QAAA,CAaR;AAAA,MAAA;AAAA,IACH;AAAA,IACCA,kCAAA,IAAA,OAAA,EAAI,WAAU,4DACZ,UACH,YAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/Navbar/MobileNavbar.cjs

@@ -0,0 +1,170 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const framerMotion = require("framer-motion");
+const require$$0 = require("react");
+const hooks_useScrollBlockage_index = require("../../hooks/useScrollBlockage/index.cjs");
+const hooks_useScrollDetection = require("../../hooks/useScrollDetection.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
+require("../Auth/AuthProvider/index.cjs");
+require("../../libs/intlayer-api/auth.cjs");
+require("../../libs/intlayer-api/dictionary.cjs");
+require("../../libs/intlayer-api/organization.cjs");
+require("../../libs/intlayer-api/project.cjs");
+require("../../libs/intlayer-api/user.cjs");
+require("@intlayer/dictionaries-entry");
+require("deepmerge");
+const utils_cn = require("../../utils/cn.cjs");
+const components_MaxHeightSmoother_index = require("../MaxHeightSmoother/index.cjs");
+const components_Navbar_Burger = require("./Burger.cjs");
+const components_Navbar_useNavigation = require("./useNavigation.cjs");
+const sectionListItemVariants = {
+  open: {
+    y: 0,
+    opacity: 1,
+    transition: {
+      y: { stiffness: 1e3, velocity: -100 }
+    }
+  },
+  closed: {
+    y: 50,
+    opacity: 0,
+    transition: {
+      y: { stiffness: 1e3 }
+    }
+  }
+};
+const navVariants = {
+  open: {
+    transition: { staggerChildren: 0.07, delayChildren: 0.2 }
+  },
+  closed: {
+    transition: { staggerChildren: 0.05, staggerDirection: -1 }
+  }
+};
+const MotionSection = framerMotion.m.div;
+const SectionList = ({
+  sections,
+  activeSection,
+  onClickSection
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { role: "tablist", "aria-orientation": "vertical", "aria-multiselectable": "false", children: sections?.map(({ id, label, url, title, onClick }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  MotionSection,
+  {
+    className: "hover:text-primary aria-selected:text-primary w-full cursor-pointer p-3 text-center transition",
+    role: "tab",
+    id,
+    "aria-label": label,
+    onClick: (e) => {
+      onClickSection(id, url);
+      onClick?.(e);
+    },
+    variants: sectionListItemVariants,
+    "aria-selected": activeSection === id,
+    children: title
+  },
+  id
+)) });
+const bgStyle = "bg-card/95 dark:bg-card-dark/95 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur";
+const MobileNavbar = ({
+  logo,
+  topChildren,
+  topSections = [],
+  bottomChildren,
+  bottomSections = [],
+  rightItems
+}) => {
+  const [isHidden, setIsHidden] = require$$0.useState(false);
+  const [isUnrolled, setIsUnrolled] = require$$0.useState(false);
+  const navRef = require$$0.useRef(null);
+  const { activeSection, onClickSection } = components_Navbar_useNavigation.useNavActions();
+  hooks_useScrollBlockage_index.useScrollBlockage({
+    disableScroll: isUnrolled,
+    key: "mobile_nav"
+  });
+  hooks_useScrollDetection.useScrollDetection({
+    onScrollUp: () => setIsHidden(false),
+    onScrollDown: () => setIsHidden(true),
+    isEnabled: !isUnrolled
+  });
+  const backDivHeight = !isHidden ? navRef.current?.clientHeight ?? 0 : 0;
+  const isBurgerShowed = topSections.length + bottomSections.length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    "nav",
+    {
+      className: utils_cn.cn(
+        bgStyle,
+        "sticky top-0 z-50 flex w-screen flex-col  transition",
+        isHidden ? "-translate-y-full" : "translate-y-0"
+      ),
+      id: "mobile-menu",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+          "div",
+          {
+            className: "flex w-full items-center justify-between gap-[10vw] px-4 py-3",
+            ref: navRef,
+            children: [
+              logo,
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-end gap-6", children: [
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "flex w-full items-center justify-end gap-1", children: rightItems }),
+                isBurgerShowed && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                  components_Navbar_Burger.Burger,
+                  {
+                    isActive: isUnrolled,
+                    onClick: () => setIsUnrolled((isUnrolled2) => !isUnrolled2)
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: utils_cn.cn(
+              bgStyle,
+              "absolute bottom-0 left-0 w-full translate-y-full"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_MaxHeightSmoother_index.MaxHeightSmoother, { isHidden: !isUnrolled, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+              framerMotion.m.div,
+              {
+                className: "text-text dark:text-text-dark flex w-full flex-col pb-[20%] pt-10 text-lg tracking-wide",
+                onClick: () => setIsUnrolled(false),
+                animate: isUnrolled ? "open" : "closed",
+                variants: navVariants,
+                style: {
+                  height: `calc(100vh - ${backDivHeight}px)`
+                },
+                children: [
+                  topChildren,
+                  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col justify-between", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                      SectionList,
+                      {
+                        sections: topSections,
+                        activeSection,
+                        onClickSection
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                      SectionList,
+                      {
+                        sections: bottomSections,
+                        activeSection,
+                        onClickSection
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "m-auto flex w-full max-w-[400px] items-center justify-center gap-1 px-5 py-3", children: bottomChildren })
+                ]
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
+};
+exports.MobileNavbar = MobileNavbar;
+//# sourceMappingURL=MobileNavbar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileNavbar.cjs","sources":["../../../src/components/Navbar/MobileNavbar.tsx"],"sourcesContent":["'use client';\n\nimport { m, type Variants } from 'framer-motion';\nimport { useRef, useState, type FC, type ReactNode } from 'react';\nimport { useScrollBlockage, useScrollDetection } from '../../hooks';\nimport { cn } from '../../utils/cn';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\nimport { Burger } from './Burger';\nimport { useNavActions } from './useNavigation';\nimport type { NavSection } from '.';\n\ntype MobileNavbarProps = {\n  logo: ReactNode;\n  topChildren?: ReactNode;\n  topSections?: NavSection[];\n  bottomChildren?: ReactNode;\n  bottomSections?: NavSection[];\n  rightItems?: ReactNode;\n};\n\ntype SectionListProps = {\n  sections: NavSection[];\n  activeSection: string | null;\n  onClickSection: (id: string, url?: string) => void;\n};\n\nconst sectionListItemVariants: Variants = {\n  open: {\n    y: 0,\n    opacity: 1,\n    transition: {\n      y: { stiffness: 1000, velocity: -100 },\n    },\n  },\n  closed: {\n    y: 50,\n    opacity: 0,\n    transition: {\n      y: { stiffness: 1000 },\n    },\n  },\n};\n\nconst navVariants: Variants = {\n  open: {\n    transition: { staggerChildren: 0.07, delayChildren: 0.2 },\n  },\n  closed: {\n    transition: { staggerChildren: 0.05, staggerDirection: -1 },\n  },\n};\n\nconst MotionSection = m.div;\n\nconst SectionList: FC<SectionListProps> = ({\n  sections,\n  activeSection,\n  onClickSection,\n}) => (\n  <div role=\"tablist\" aria-orientation=\"vertical\" aria-multiselectable=\"false\">\n    {sections?.map(({ id, label, url, title, onClick }) => (\n      <MotionSection\n        className=\"hover:text-primary aria-selected:text-primary w-full cursor-pointer p-3 text-center transition\"\n        role=\"tab\"\n        key={id}\n        id={id}\n        aria-label={label}\n        onClick={(e) => {\n          onClickSection(id, url);\n          onClick?.(e);\n        }}\n        variants={sectionListItemVariants}\n        aria-selected={activeSection === id}\n      >\n        {title}\n      </MotionSection>\n    ))}\n  </div>\n);\n\nconst bgStyle =\n  'bg-card/95 dark:bg-card-dark/95 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur';\n// css`\n//   -webkit-backdrop-filter: var(--tw-backdrop-blur)\n//     var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)\n//     var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)\n//     var(--tw-backdrop-invert) var(--tw-backdrop-opacity)\n//     var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n// `,\n\nexport const MobileNavbar: FC<MobileNavbarProps> = ({\n  logo,\n  topChildren,\n  topSections = [],\n  bottomChildren,\n  bottomSections = [],\n  rightItems,\n}) => {\n  const [isHidden, setIsHidden] = useState<boolean>(false);\n  const [isUnrolled, setIsUnrolled] = useState<boolean>(false);\n\n  const navRef = useRef<HTMLDivElement>(null);\n\n  const { activeSection, onClickSection } = useNavActions();\n  useScrollBlockage({\n    disableScroll: isUnrolled,\n    key: 'mobile_nav',\n  });\n\n  useScrollDetection({\n    onScrollUp: () => setIsHidden(false),\n    onScrollDown: () => setIsHidden(true),\n    isEnabled: !isUnrolled,\n  });\n\n  const backDivHeight = !isHidden ? (navRef.current?.clientHeight ?? 0) : 0;\n\n  const isBurgerShowed = topSections.length + bottomSections.length > 0;\n\n  return (\n    <nav\n      className={cn(\n        bgStyle,\n        'sticky top-0 z-50 flex w-screen flex-col  transition',\n        isHidden ? '-translate-y-full' : 'translate-y-0'\n      )}\n      id=\"mobile-menu\"\n    >\n      <div\n        className=\"flex w-full items-center justify-between gap-[10vw] px-4 py-3\"\n        ref={navRef}\n      >\n        {logo}\n\n        <div className=\"flex w-full items-center justify-end gap-6\">\n          <div className=\"flex w-full items-center justify-end gap-1\">\n            {rightItems}\n          </div>\n\n          {isBurgerShowed && (\n            <Burger\n              isActive={isUnrolled}\n              onClick={() => setIsUnrolled((isUnrolled) => !isUnrolled)}\n            />\n          )}\n        </div>\n      </div>\n\n      <div\n        className={cn(\n          bgStyle,\n          'absolute bottom-0 left-0 w-full translate-y-full'\n        )}\n      >\n        <MaxHeightSmoother isHidden={!isUnrolled}>\n          <m.div\n            className=\"text-text dark:text-text-dark flex w-full flex-col pb-[20%] pt-10 text-lg tracking-wide\"\n            onClick={() => setIsUnrolled(false)}\n            animate={isUnrolled ? 'open' : 'closed'}\n            variants={navVariants}\n            style={{\n              height: `calc(100vh - ${backDivHeight}px)`,\n            }}\n          >\n            {topChildren}\n            <div className=\"flex h-full flex-col justify-between\">\n              <SectionList\n                sections={topSections}\n                activeSection={activeSection}\n                onClickSection={onClickSection}\n              />\n              <SectionList\n                sections={bottomSections}\n                activeSection={activeSection}\n                onClickSection={onClickSection}\n              />\n            </div>\n\n            <div className=\"m-auto flex w-full max-w-[400px] items-center justify-center gap-1 px-5 py-3\">\n              {bottomChildren}\n            </div>\n          </m.div>\n        </MaxHeightSmoother>\n      </div>\n    </nav>\n  );\n};\n"],"names":["m","jsx","useState","useRef","useNavActions","useScrollBlockage","useScrollDetection","jsxs","cn","Burger","isUnrolled","MaxHeightSmoother"],"mappings":"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"}

package/dist/components/Navbar/MobileNavbar.d.ts

@@ -5,8 +5,10 @@ type MobileNavbarProps = {
     logo: ReactNode;
     topChildren?: ReactNode;
     topSections?: NavSection[];
+    bottomChildren?: ReactNode;
     bottomSections?: NavSection[];
     rightItems?: ReactNode;
 };
 export declare const MobileNavbar: FC<MobileNavbarProps>;
 export {};
+//# sourceMappingURL=MobileNavbar.d.ts.map

package/dist/components/Navbar/MobileNavbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileNavbar.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/MobileNavbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAoB,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAEpC,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,UAAU,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAwEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAgG9C,CAAC"}