@intlayer/design-system 2.0.12 → 3.0.0

package/dist/components/Navbar/MobileNavbar.mjs

@@ -0,0 +1,170 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { m } from "framer-motion";
+import { useState, useRef } from "react";
+import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
+import { useScrollDetection } from "../../hooks/useScrollDetection.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
+import "../Auth/AuthProvider/index.mjs";
+import "../../libs/intlayer-api/auth.mjs";
+import "../../libs/intlayer-api/dictionary.mjs";
+import "../../libs/intlayer-api/organization.mjs";
+import "../../libs/intlayer-api/project.mjs";
+import "../../libs/intlayer-api/user.mjs";
+import "@intlayer/dictionaries-entry";
+import "deepmerge";
+import { cn } from "../../utils/cn.mjs";
+import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
+import { Burger } from "./Burger.mjs";
+import { useNavActions } from "./useNavigation.mjs";
+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 = m.div;
+const SectionList = ({
+  sections,
+  activeSection,
+  onClickSection
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { role: "tablist", "aria-orientation": "vertical", "aria-multiselectable": "false", children: sections?.map(({ id, label, url, title, onClick }) => /* @__PURE__ */ 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] = useState(false);
+  const [isUnrolled, setIsUnrolled] = useState(false);
+  const navRef = useRef(null);
+  const { activeSection, onClickSection } = useNavActions();
+  useScrollBlockage({
+    disableScroll: isUnrolled,
+    key: "mobile_nav"
+  });
+  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__ */ jsxRuntimeExports.jsxs(
+    "nav",
+    {
+      className: 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__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            className: "flex w-full items-center justify-between gap-[10vw] px-4 py-3",
+            ref: navRef,
+            children: [
+              logo,
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-end gap-6", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full items-center justify-end gap-1", children: rightItems }),
+                isBurgerShowed && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Burger,
+                  {
+                    isActive: isUnrolled,
+                    onClick: () => setIsUnrolled((isUnrolled2) => !isUnrolled2)
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: cn(
+              bgStyle,
+              "absolute bottom-0 left-0 w-full translate-y-full"
+            ),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(MaxHeightSmoother, { isHidden: !isUnrolled, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              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__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col justify-between", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      SectionList,
+                      {
+                        sections: topSections,
+                        activeSection,
+                        onClickSection
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      SectionList,
+                      {
+                        sections: bottomSections,
+                        activeSection,
+                        onClickSection
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-auto flex w-full max-w-[400px] items-center justify-center gap-1 px-5 py-3", children: bottomChildren })
+                ]
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  MobileNavbar
+};
+//# sourceMappingURL=MobileNavbar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileNavbar.mjs","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":["jsx","jsxs","isUnrolled"],"mappings":"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"}

package/dist/components/Navbar/index.cjs

@@ -0,0 +1,53 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const hooks_useDevice = require("../../hooks/useDevice.cjs");
+require("react");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
+const hooks_useIsMounted = require("../../hooks/useIsMounted.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 components_Navbar_DesktopNavbar = require("./DesktopNavbar.cjs");
+const components_Navbar_MobileNavbar = require("./MobileNavbar.cjs");
+const Navbar = ({
+  logo,
+  mobileTopChildren,
+  desktopSections = [],
+  mobileTopSections = [],
+  mobileBottomChildren,
+  mobileBottomSections = [],
+  rightItemsDesktop,
+  rightItemsMobile
+}) => {
+  const { isMobile } = hooks_useDevice.useDevice();
+  const isMoUnted = hooks_useIsMounted.useIsMounted();
+  if (!isMoUnted) return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {});
+  return isMobile ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    components_Navbar_MobileNavbar.MobileNavbar,
+    {
+      topChildren: mobileTopChildren,
+      topSections: mobileTopSections,
+      bottomChildren: mobileBottomChildren,
+      bottomSections: mobileBottomSections,
+      logo,
+      rightItems: rightItemsMobile
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    components_Navbar_DesktopNavbar.DesktopNavbar,
+    {
+      sections: desktopSections,
+      rightItems: rightItemsDesktop,
+      logo
+    }
+  );
+};
+exports.Navbar = Navbar;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Navbar/index.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, MouseEventHandler, ReactNode } from 'react';\nimport { useDevice, useIsMounted } from '../../hooks';\nimport { DesktopNavbar } from './DesktopNavbar';\nimport { MobileNavbar } from './MobileNavbar';\n\nexport interface NavSection {\n  title: ReactNode;\n  id: string;\n  onClick: MouseEventHandler;\n  url?: string;\n  label: string;\n}\n\ninterface NavbarProps {\n  logo: ReactNode;\n  desktopSections?: NavSection[];\n  mobileTopChildren?: ReactNode;\n  mobileTopSections?: NavSection[];\n  mobileBottomChildren?: ReactNode;\n  mobileBottomSections?: NavSection[];\n  rightItemsDesktop?: ReactNode;\n  rightItemsMobile?: ReactNode;\n}\n\nexport const Navbar: FC<NavbarProps> = ({\n  logo,\n  mobileTopChildren,\n  desktopSections = [],\n  mobileTopSections = [],\n  mobileBottomChildren,\n  mobileBottomSections = [],\n  rightItemsDesktop,\n  rightItemsMobile,\n}) => {\n  const { isMobile } = useDevice();\n  const isMoUnted = useIsMounted();\n\n  if (!isMoUnted) return <></>;\n\n  return isMobile ? (\n    <MobileNavbar\n      topChildren={mobileTopChildren}\n      topSections={mobileTopSections}\n      bottomChildren={mobileBottomChildren}\n      bottomSections={mobileBottomSections}\n      logo={logo}\n      rightItems={rightItemsMobile}\n    />\n  ) : (\n    <DesktopNavbar\n      sections={desktopSections}\n      rightItems={rightItemsDesktop}\n      logo={logo}\n    />\n  );\n};\n"],"names":["useDevice","useIsMounted","jsx","Fragment","MobileNavbar","DesktopNavbar"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BO,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA,kBAAkB,CAAC;AAAA,EACnB,oBAAoB,CAAC;AAAA,EACrB;AAAA,EACA,uBAAuB,CAAC;AAAA,EACxB;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,aAAaA,gBAAAA;AACrB,QAAM,YAAYC,mBAAAA;AAEd,MAAA,CAAC,UAAW,QAASC,2BAAA,kBAAA,IAAAC,WAAA,kBAAA,UAAA,CAAA,CAAA;AAEzB,SAAO,WACLD,2BAAA,kBAAA;AAAA,IAACE,+BAAA;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,MACb,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB;AAAA,MACA,YAAY;AAAA,IAAA;AAAA,EAAA,IAGdF,2BAAA,kBAAA;AAAA,IAACG,gCAAA;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,YAAY;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

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

@@ -12,9 +12,11 @@ interface NavbarProps {
     desktopSections?: NavSection[];
     mobileTopChildren?: ReactNode;
     mobileTopSections?: NavSection[];
+    mobileBottomChildren?: ReactNode;
     mobileBottomSections?: NavSection[];
     rightItemsDesktop?: ReactNode;
     rightItemsMobile?: ReactNode;
 }
 export declare const Navbar: FC<NavbarProps>;
 export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,iBAAiB,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,SAAS,CAAC;IAChB,eAAe,CAAC,EAAE,UAAU,EAAE,CAAC;IAC/B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,iBAAiB,CAAC,EAAE,UAAU,EAAE,CAAC;IACjC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,oBAAoB,CAAC,EAAE,UAAU,EAAE,CAAC;IACpC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA+BlC,CAAC"}

package/dist/components/Navbar/index.mjs

@@ -0,0 +1,53 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { useDevice } from "../../hooks/useDevice.mjs";
+import "react";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
+import { useIsMounted } from "../../hooks/useIsMounted.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
+import "../Auth/AuthProvider/index.mjs";
+import "../../libs/intlayer-api/auth.mjs";
+import "../../libs/intlayer-api/dictionary.mjs";
+import "../../libs/intlayer-api/organization.mjs";
+import "../../libs/intlayer-api/project.mjs";
+import "../../libs/intlayer-api/user.mjs";
+import "@intlayer/dictionaries-entry";
+import "deepmerge";
+import { DesktopNavbar } from "./DesktopNavbar.mjs";
+import { MobileNavbar } from "./MobileNavbar.mjs";
+const Navbar = ({
+  logo,
+  mobileTopChildren,
+  desktopSections = [],
+  mobileTopSections = [],
+  mobileBottomChildren,
+  mobileBottomSections = [],
+  rightItemsDesktop,
+  rightItemsMobile
+}) => {
+  const { isMobile } = useDevice();
+  const isMoUnted = useIsMounted();
+  if (!isMoUnted) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+  return isMobile ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    MobileNavbar,
+    {
+      topChildren: mobileTopChildren,
+      topSections: mobileTopSections,
+      bottomChildren: mobileBottomChildren,
+      bottomSections: mobileBottomSections,
+      logo,
+      rightItems: rightItemsMobile
+    }
+  ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+    DesktopNavbar,
+    {
+      sections: desktopSections,
+      rightItems: rightItemsDesktop,
+      logo
+    }
+  );
+};
+export {
+  Navbar
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/Navbar/index.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, MouseEventHandler, ReactNode } from 'react';\nimport { useDevice, useIsMounted } from '../../hooks';\nimport { DesktopNavbar } from './DesktopNavbar';\nimport { MobileNavbar } from './MobileNavbar';\n\nexport interface NavSection {\n  title: ReactNode;\n  id: string;\n  onClick: MouseEventHandler;\n  url?: string;\n  label: string;\n}\n\ninterface NavbarProps {\n  logo: ReactNode;\n  desktopSections?: NavSection[];\n  mobileTopChildren?: ReactNode;\n  mobileTopSections?: NavSection[];\n  mobileBottomChildren?: ReactNode;\n  mobileBottomSections?: NavSection[];\n  rightItemsDesktop?: ReactNode;\n  rightItemsMobile?: ReactNode;\n}\n\nexport const Navbar: FC<NavbarProps> = ({\n  logo,\n  mobileTopChildren,\n  desktopSections = [],\n  mobileTopSections = [],\n  mobileBottomChildren,\n  mobileBottomSections = [],\n  rightItemsDesktop,\n  rightItemsMobile,\n}) => {\n  const { isMobile } = useDevice();\n  const isMoUnted = useIsMounted();\n\n  if (!isMoUnted) return <></>;\n\n  return isMobile ? (\n    <MobileNavbar\n      topChildren={mobileTopChildren}\n      topSections={mobileTopSections}\n      bottomChildren={mobileBottomChildren}\n      bottomSections={mobileBottomSections}\n      logo={logo}\n      rightItems={rightItemsMobile}\n    />\n  ) : (\n    <DesktopNavbar\n      sections={desktopSections}\n      rightItems={rightItemsDesktop}\n      logo={logo}\n    />\n  );\n};\n"],"names":["jsx","Fragment"],"mappings":";;;;;;;;;;;;;;;;;AA0BO,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA,kBAAkB,CAAC;AAAA,EACnB,oBAAoB,CAAC;AAAA,EACrB;AAAA,EACA,uBAAuB,CAAC;AAAA,EACxB;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,aAAa;AACrB,QAAM,YAAY;AAEd,MAAA,CAAC,UAAW,QAASA,kCAAA,IAAAC,kBAAA,UAAA,CAAA,CAAA;AAEzB,SAAO,WACLD,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,MACb,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB;AAAA,MACA,YAAY;AAAA,IAAA;AAAA,EAAA,IAGdA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,YAAY;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Navbar/useNavigation.cjs

@@ -0,0 +1,57 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("react");
+const useNavActions = () => {
+  const [activeSection, setActiveSection] = require$$0.useState(null);
+  const detectActiveSection = () => {
+    const scrollY = window.scrollY;
+    const sections = document.querySelectorAll("section");
+    const sectionsData = [];
+    sections.forEach(
+      (section) => sectionsData.push({
+        id: section.id,
+        offsetTop: section.offsetTop,
+        offsetHeight: section.offsetHeight
+      })
+    );
+    const currentSection = sectionsData.find(
+      (section) => section.offsetTop <= scrollY + window.screen.height / 4 && section.offsetTop + section.offsetHeight > scrollY + window.screen.height / 4
+    );
+    if (currentSection) {
+      setActiveSection(currentSection.id);
+    }
+  };
+  require$$0.useEffect(() => {
+    window.addEventListener("scroll", detectActiveSection);
+    return () => {
+      window.removeEventListener("scroll", detectActiveSection);
+    };
+  }, []);
+  const onClickLogo = (onClick) => {
+    setActiveSection(null);
+    if (window.location.pathname === "/") {
+      window.scrollTo({ top: 0, behavior: "smooth" });
+    } else {
+      onClick("/");
+    }
+  };
+  const onClickSection = (sectionId, url, onClick) => {
+    setActiveSection(sectionId);
+    if (window.location.pathname === url) {
+      const sectionEl = document.getElementById(sectionId);
+      if (sectionEl) {
+        sectionEl.scrollIntoView({
+          behavior: "smooth",
+          block: "center",
+          inline: "nearest"
+        });
+      }
+    } else {
+      onClick?.();
+    }
+  };
+  return { activeSection, onClickLogo, onClickSection };
+};
+exports.useNavActions = useNavActions;
+//# sourceMappingURL=useNavigation.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigation.cjs","sources":["../../../src/components/Navbar/useNavigation.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\ninterface SectionData {\n  id: string;\n  offsetTop: number;\n  offsetHeight: number;\n}\n\nexport const useNavActions = () => {\n  const [activeSection, setActiveSection] = useState<string | null>(null);\n\n  const detectActiveSection = () => {\n    const scrollY = window.scrollY;\n    const sections = document.querySelectorAll('section');\n    const sectionsData: SectionData[] = [];\n\n    sections.forEach((section) =>\n      sectionsData.push({\n        id: section.id,\n        offsetTop: section.offsetTop,\n        offsetHeight: section.offsetHeight,\n      })\n    );\n\n    const currentSection = sectionsData.find(\n      (section) =>\n        section.offsetTop <= scrollY + window.screen.height / 4 &&\n        section.offsetTop + section.offsetHeight >\n          scrollY + window.screen.height / 4\n    );\n\n    if (currentSection) {\n      setActiveSection(currentSection.id);\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener('scroll', detectActiveSection);\n\n    return () => {\n      window.removeEventListener('scroll', detectActiveSection);\n    };\n  }, []);\n\n  const onClickLogo = (onClick: (url: string) => void) => {\n    setActiveSection(null);\n\n    if (window.location.pathname === '/') {\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n    } else {\n      onClick('/');\n    }\n  };\n\n  const onClickSection = (\n    sectionId: string,\n    url?: string,\n    onClick?: () => void\n  ) => {\n    setActiveSection(sectionId);\n\n    if (window.location.pathname === url) {\n      const sectionEl = document.getElementById(sectionId);\n\n      if (sectionEl) {\n        sectionEl.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n          inline: 'nearest',\n        });\n      }\n    } else {\n      onClick?.();\n    }\n  };\n\n  return { activeSection, onClickLogo, onClickSection };\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAUO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,eAAe,gBAAgB,IAAIA,oBAAwB,IAAI;AAEtE,QAAM,sBAAsB,MAAM;AAChC,UAAM,UAAU,OAAO;AACjB,UAAA,WAAW,SAAS,iBAAiB,SAAS;AACpD,UAAM,eAA8B,CAAA;AAE3B,aAAA;AAAA,MAAQ,CAAC,YAChB,aAAa,KAAK;AAAA,QAChB,IAAI,QAAQ;AAAA,QACZ,WAAW,QAAQ;AAAA,QACnB,cAAc,QAAQ;AAAA,MAAA,CACvB;AAAA,IAAA;AAGH,UAAM,iBAAiB,aAAa;AAAA,MAClC,CAAC,YACC,QAAQ,aAAa,UAAU,OAAO,OAAO,SAAS,KACtD,QAAQ,YAAY,QAAQ,eAC1B,UAAU,OAAO,OAAO,SAAS;AAAA,IAAA;AAGvC,QAAI,gBAAgB;AAClB,uBAAiB,eAAe,EAAE;AAAA,IACpC;AAAA,EAAA;AAGFC,aAAAA,UAAU,MAAM;AACP,WAAA,iBAAiB,UAAU,mBAAmB;AAErD,WAAO,MAAM;AACJ,aAAA,oBAAoB,UAAU,mBAAmB;AAAA,IAAA;AAAA,EAE5D,GAAG,CAAE,CAAA;AAEC,QAAA,cAAc,CAAC,YAAmC;AACtD,qBAAiB,IAAI;AAEjB,QAAA,OAAO,SAAS,aAAa,KAAK;AACpC,aAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAAA,IAAA,OACzC;AACL,cAAQ,GAAG;AAAA,IACb;AAAA,EAAA;AAGF,QAAM,iBAAiB,CACrB,WACA,KACA,YACG;AACH,qBAAiB,SAAS;AAEtB,QAAA,OAAO,SAAS,aAAa,KAAK;AAC9B,YAAA,YAAY,SAAS,eAAe,SAAS;AAEnD,UAAI,WAAW;AACb,kBAAU,eAAe;AAAA,UACvB,UAAU;AAAA,UACV,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA,CACT;AAAA,MACH;AAAA,IAAA,OACK;AACK;IACZ;AAAA,EAAA;AAGK,SAAA,EAAE,eAAe,aAAa;AACvC;;"}

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

@@ -3,3 +3,4 @@ export declare const useNavActions: () => {
     onClickLogo: (onClick: (url: string) => void) => void;
     onClickSection: (sectionId: string, url?: string, onClick?: () => void) => void;
 };
+//# sourceMappingURL=useNavigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/useNavigation.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa;;2BAoCM,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI;gCAWtC,MAAM,QACX,MAAM,YACF,MAAM,IAAI;CAoBvB,CAAC"}

package/dist/components/Navbar/useNavigation.mjs

@@ -0,0 +1,57 @@
+"use client";
+import { useState, useEffect } from "react";
+const useNavActions = () => {
+  const [activeSection, setActiveSection] = useState(null);
+  const detectActiveSection = () => {
+    const scrollY = window.scrollY;
+    const sections = document.querySelectorAll("section");
+    const sectionsData = [];
+    sections.forEach(
+      (section) => sectionsData.push({
+        id: section.id,
+        offsetTop: section.offsetTop,
+        offsetHeight: section.offsetHeight
+      })
+    );
+    const currentSection = sectionsData.find(
+      (section) => section.offsetTop <= scrollY + window.screen.height / 4 && section.offsetTop + section.offsetHeight > scrollY + window.screen.height / 4
+    );
+    if (currentSection) {
+      setActiveSection(currentSection.id);
+    }
+  };
+  useEffect(() => {
+    window.addEventListener("scroll", detectActiveSection);
+    return () => {
+      window.removeEventListener("scroll", detectActiveSection);
+    };
+  }, []);
+  const onClickLogo = (onClick) => {
+    setActiveSection(null);
+    if (window.location.pathname === "/") {
+      window.scrollTo({ top: 0, behavior: "smooth" });
+    } else {
+      onClick("/");
+    }
+  };
+  const onClickSection = (sectionId, url, onClick) => {
+    setActiveSection(sectionId);
+    if (window.location.pathname === url) {
+      const sectionEl = document.getElementById(sectionId);
+      if (sectionEl) {
+        sectionEl.scrollIntoView({
+          behavior: "smooth",
+          block: "center",
+          inline: "nearest"
+        });
+      }
+    } else {
+      onClick?.();
+    }
+  };
+  return { activeSection, onClickLogo, onClickSection };
+};
+export {
+  useNavActions
+};
+//# sourceMappingURL=useNavigation.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigation.mjs","sources":["../../../src/components/Navbar/useNavigation.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\ninterface SectionData {\n  id: string;\n  offsetTop: number;\n  offsetHeight: number;\n}\n\nexport const useNavActions = () => {\n  const [activeSection, setActiveSection] = useState<string | null>(null);\n\n  const detectActiveSection = () => {\n    const scrollY = window.scrollY;\n    const sections = document.querySelectorAll('section');\n    const sectionsData: SectionData[] = [];\n\n    sections.forEach((section) =>\n      sectionsData.push({\n        id: section.id,\n        offsetTop: section.offsetTop,\n        offsetHeight: section.offsetHeight,\n      })\n    );\n\n    const currentSection = sectionsData.find(\n      (section) =>\n        section.offsetTop <= scrollY + window.screen.height / 4 &&\n        section.offsetTop + section.offsetHeight >\n          scrollY + window.screen.height / 4\n    );\n\n    if (currentSection) {\n      setActiveSection(currentSection.id);\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener('scroll', detectActiveSection);\n\n    return () => {\n      window.removeEventListener('scroll', detectActiveSection);\n    };\n  }, []);\n\n  const onClickLogo = (onClick: (url: string) => void) => {\n    setActiveSection(null);\n\n    if (window.location.pathname === '/') {\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n    } else {\n      onClick('/');\n    }\n  };\n\n  const onClickSection = (\n    sectionId: string,\n    url?: string,\n    onClick?: () => void\n  ) => {\n    setActiveSection(sectionId);\n\n    if (window.location.pathname === url) {\n      const sectionEl = document.getElementById(sectionId);\n\n      if (sectionEl) {\n        sectionEl.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n          inline: 'nearest',\n        });\n      }\n    } else {\n      onClick?.();\n    }\n  };\n\n  return { activeSection, onClickLogo, onClickSection };\n};\n"],"names":[],"mappings":";;AAUO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,IAAI;AAEtE,QAAM,sBAAsB,MAAM;AAChC,UAAM,UAAU,OAAO;AACjB,UAAA,WAAW,SAAS,iBAAiB,SAAS;AACpD,UAAM,eAA8B,CAAA;AAE3B,aAAA;AAAA,MAAQ,CAAC,YAChB,aAAa,KAAK;AAAA,QAChB,IAAI,QAAQ;AAAA,QACZ,WAAW,QAAQ;AAAA,QACnB,cAAc,QAAQ;AAAA,MAAA,CACvB;AAAA,IAAA;AAGH,UAAM,iBAAiB,aAAa;AAAA,MAClC,CAAC,YACC,QAAQ,aAAa,UAAU,OAAO,OAAO,SAAS,KACtD,QAAQ,YAAY,QAAQ,eAC1B,UAAU,OAAO,OAAO,SAAS;AAAA,IAAA;AAGvC,QAAI,gBAAgB;AAClB,uBAAiB,eAAe,EAAE;AAAA,IACpC;AAAA,EAAA;AAGF,YAAU,MAAM;AACP,WAAA,iBAAiB,UAAU,mBAAmB;AAErD,WAAO,MAAM;AACJ,aAAA,oBAAoB,UAAU,mBAAmB;AAAA,IAAA;AAAA,EAE5D,GAAG,CAAE,CAAA;AAEC,QAAA,cAAc,CAAC,YAAmC;AACtD,qBAAiB,IAAI;AAEjB,QAAA,OAAO,SAAS,aAAa,KAAK;AACpC,aAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAAA,IAAA,OACzC;AACL,cAAQ,GAAG;AAAA,IACb;AAAA,EAAA;AAGF,QAAM,iBAAiB,CACrB,WACA,KACA,YACG;AACH,qBAAiB,SAAS;AAEtB,QAAA,OAAO,SAAS,aAAa,KAAK;AAC9B,YAAA,YAAY,SAAS,eAAe,SAAS;AAEnD,UAAI,WAAW;AACb,kBAAU,eAAe;AAAA,UACvB,UAAU;AAAA,UACV,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA,CACT;AAAA,MACH;AAAA,IAAA,OACK;AACK;IACZ;AAAA,EAAA;AAGK,SAAA,EAAE,eAAe,aAAa;AACvC;"}

package/dist/components/Pattern/DotPattern.cjs

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const require$$0 = require("react");
+const utils_cn = require("../../utils/cn.cjs");
+const DotPattern = ({
+  width = 16,
+  height = 16,
+  x = 0,
+  y = 0,
+  cx = 1,
+  cy = 1,
+  cr = 1,
+  className,
+  ...props
+}) => {
+  const id = require$$0.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: utils_cn.cn(
+        "fill-neutral/30 dark:fill-neutral-dark/30 pointer-events-none absolute inset-0 h-full w-full",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "pattern",
+          {
+            id,
+            width,
+            height,
+            patternUnits: "userSpaceOnUse",
+            patternContentUnits: "userSpaceOnUse",
+            x,
+            y,
+            children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("circle", { id: "pattern-circle", cx, cy, r: cr })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("rect", { width: "100%", height: "100%", strokeWidth: 0, fill: `url(#${id})` })
+      ]
+    }
+  );
+};
+exports.DotPattern = DotPattern;
+//# sourceMappingURL=DotPattern.cjs.map

package/dist/components/Pattern/DotPattern.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotPattern.cjs","sources":["../../../src/components/Pattern/DotPattern.tsx"],"sourcesContent":["import { type FC, type SVGProps, useId } from 'react';\n\nimport { cn } from '../../utils/cn';\n\ntype DotPatternProps = {\n  width?: number;\n  height?: number;\n  x?: number;\n  y?: number;\n  cx?: number;\n  cy?: number;\n  cr?: number;\n} & SVGProps<SVGSVGElement>;\n\nexport const DotPattern: FC<DotPatternProps> = ({\n  width = 16,\n  height = 16,\n  x = 0,\n  y = 0,\n  cx = 1,\n  cy = 1,\n  cr = 1,\n  className,\n  ...props\n}) => {\n  const id = useId();\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={cn(\n        'fill-neutral/30 dark:fill-neutral-dark/30 pointer-events-none absolute inset-0 h-full w-full',\n        className\n      )}\n      {...props}\n    >\n      <defs>\n        <pattern\n          id={id}\n          width={width}\n          height={height}\n          patternUnits=\"userSpaceOnUse\"\n          patternContentUnits=\"userSpaceOnUse\"\n          x={x}\n          y={y}\n        >\n          <circle id=\"pattern-circle\" cx={cx} cy={cy} r={cr} />\n        </pattern>\n      </defs>\n      <rect width=\"100%\" height=\"100%\" strokeWidth={0} fill={`url(#${id})`} />\n    </svg>\n  );\n};\n"],"names":["useId","jsxs","cn","jsx"],"mappings":";;;;;AAcO,MAAM,aAAkC,CAAC;AAAA,EAC9C,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,KAAKA,WAAAA;AAGT,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAWC,SAAA;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAC,iDAAC,QACC,EAAA,UAAAA,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAa;AAAA,YACb,qBAAoB;AAAA,YACpB;AAAA,YACA;AAAA,YAEA,2DAAC,UAAO,EAAA,IAAG,kBAAiB,IAAQ,IAAQ,GAAG,IAAI;AAAA,UAAA;AAAA,QAAA,GAEvD;AAAA,QACAA,2BAAAA,kBAAAA,IAAC,QAAK,EAAA,OAAM,QAAO,QAAO,QAAO,aAAa,GAAG,MAAM,QAAQ,EAAE,IAAK,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5E;;"}

package/dist/components/Pattern/DotPattern.d.ts

@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+type DotPatternProps = {
+    width?: number;
+    height?: number;
+    x?: number;
+    y?: number;
+    cx?: number;
+    cy?: number;
+    cr?: number;
+} & SVGProps<SVGSVGElement>;
+export declare const DotPattern: FC<DotPatternProps>;
+export {};
+//# sourceMappingURL=DotPattern.d.ts.map

package/dist/components/Pattern/DotPattern.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotPattern.d.ts","sourceRoot":"","sources":["../../../src/components/Pattern/DotPattern.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,QAAQ,EAAS,MAAM,OAAO,CAAC;AAItD,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAE5B,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsC1C,CAAC"}

package/dist/components/Pattern/DotPattern.mjs

@@ -0,0 +1,47 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { useId } from "react";
+import { cn } from "../../utils/cn.mjs";
+const DotPattern = ({
+  width = 16,
+  height = 16,
+  x = 0,
+  y = 0,
+  cx = 1,
+  cy = 1,
+  cr = 1,
+  className,
+  ...props
+}) => {
+  const id = useId();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "fill-neutral/30 dark:fill-neutral-dark/30 pointer-events-none absolute inset-0 h-full w-full",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "pattern",
+          {
+            id,
+            width,
+            height,
+            patternUnits: "userSpaceOnUse",
+            patternContentUnits: "userSpaceOnUse",
+            x,
+            y,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { id: "pattern-circle", cx, cy, r: cr })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { width: "100%", height: "100%", strokeWidth: 0, fill: `url(#${id})` })
+      ]
+    }
+  );
+};
+export {
+  DotPattern
+};
+//# sourceMappingURL=DotPattern.mjs.map

package/dist/components/Pattern/DotPattern.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotPattern.mjs","sources":["../../../src/components/Pattern/DotPattern.tsx"],"sourcesContent":["import { type FC, type SVGProps, useId } from 'react';\n\nimport { cn } from '../../utils/cn';\n\ntype DotPatternProps = {\n  width?: number;\n  height?: number;\n  x?: number;\n  y?: number;\n  cx?: number;\n  cy?: number;\n  cr?: number;\n} & SVGProps<SVGSVGElement>;\n\nexport const DotPattern: FC<DotPatternProps> = ({\n  width = 16,\n  height = 16,\n  x = 0,\n  y = 0,\n  cx = 1,\n  cy = 1,\n  cr = 1,\n  className,\n  ...props\n}) => {\n  const id = useId();\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={cn(\n        'fill-neutral/30 dark:fill-neutral-dark/30 pointer-events-none absolute inset-0 h-full w-full',\n        className\n      )}\n      {...props}\n    >\n      <defs>\n        <pattern\n          id={id}\n          width={width}\n          height={height}\n          patternUnits=\"userSpaceOnUse\"\n          patternContentUnits=\"userSpaceOnUse\"\n          x={x}\n          y={y}\n        >\n          <circle id=\"pattern-circle\" cx={cx} cy={cy} r={cr} />\n        </pattern>\n      </defs>\n      <rect width=\"100%\" height=\"100%\" strokeWidth={0} fill={`url(#${id})`} />\n    </svg>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;AAcO,MAAM,aAAkC,CAAC;AAAA,EAC9C,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,KAAK;AAGT,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAC,sCAAC,QACC,EAAA,UAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAa;AAAA,YACb,qBAAoB;AAAA,YACpB;AAAA,YACA;AAAA,YAEA,gDAAC,UAAO,EAAA,IAAG,kBAAiB,IAAQ,IAAQ,GAAG,IAAI;AAAA,UAAA;AAAA,QAAA,GAEvD;AAAA,QACAA,kCAAAA,IAAC,QAAK,EAAA,OAAM,QAAO,QAAO,QAAO,aAAa,GAAG,MAAM,QAAQ,EAAE,IAAK,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5E;"}