quirk-ui 0.0.401 → 0.0.403

package/dist/core/components/NavBar/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e({}){return"hello"}exports.Navbar=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react/jsx-runtime"),e=require("react");function h({}){const[d,a]=e.useState(0),[l,t]=e.useState(null),[f,v]=e.useState(!1),i=e.useRef(null),s=e.useRef(null),o=e.useCallback(n=>{i.current&&!i.current.contains(n.target)&&t(null)},[]),u=e.useCallback(()=>{c(),typeof window<"u"&&window.innerWidth>768&&(v(!1),t(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),c=e.useCallback(()=>{if(s.current){const n=s.current.getBoundingClientRect().width;a(n)}},[]);return e.useEffect(()=>{const n=typeof window<"u",r=typeof document<"u";return n&&window.addEventListener("resize",u),r&&document.addEventListener("click",o),c(),()=>{n&&window.removeEventListener("resize",u),r&&document.removeEventListener("click",o)}},[]),w.jsxs("p",{children:["Nav: ",d," ",l," ",f]})}exports.Navbar=h;

package/dist/core/components/NavBar/index.mjs

@@ -1,6 +1,30 @@
-function r({}) {
-  return "hello";
+import { jsxs as h } from "react/jsx-runtime";
+import { useState as n, useRef as f, useCallback as t, useEffect as p } from "react";
+function N({}) {
+  const [a, l] = n(0), [m, i] = n(null), [v, w] = n(!1), o = f(null), s = f(null), d = t((e) => {
+    o.current && !o.current.contains(e.target) && i(null);
+  }, []), r = t(() => {
+    c(), typeof window < "u" && window.innerWidth > 768 && (w(!1), i(null), typeof document < "u" && (document.body.style.overflow = ""));
+  }, []), c = t(() => {
+    if (s.current) {
+      const e = s.current.getBoundingClientRect().width;
+      l(e);
+    }
+  }, []);
+  return p(() => {
+    const e = typeof window < "u", u = typeof document < "u";
+    return e && window.addEventListener("resize", r), u && document.addEventListener("click", d), c(), () => {
+      e && window.removeEventListener("resize", r), u && document.removeEventListener("click", d);
+    };
+  }, []), /* @__PURE__ */ h("p", { children: [
+    "Nav: ",
+    a,
+    " ",
+    m,
+    " ",
+    v
+  ] });
 }
 export {
-  r as Navbar
+  N as Navbar
 };

package/dist/core.d.ts

@@ -856,11 +856,11 @@ declare type MultiSelectProps = {
     className?: string;
 };
 
-export declare function Navbar({}: NavbarProps): string;
+export declare function Navbar({}: NavbarProps): JSX.Element;
 
 declare type NavbarProps = {
     title?: string;
-    logo?: React.ReactNode;
+    logo?: default_2.ReactNode;
     items?: NavItem[];
     groups?: NavGroup[];
     utilityItems?: UtilityItem[];
@@ -871,8 +871,8 @@ declare type NavbarProps = {
     alignment: Alignment_3;
     className?: string;
     navigationType: "default" | "advanced";
-    searchComponent?: React.ReactNode;
-    localeSelectComponent?: React.ReactNode;
+    searchComponent?: default_2.ReactNode;
+    localeSelectComponent?: default_2.ReactNode;
 };
 
 export declare type NavGroup = {
@@ -880,14 +880,14 @@ export declare type NavGroup = {
     title: string;
     primaryItems?: NavItem[];
     secondaryItems?: NavItem[];
-    spotlight?: React.ReactNode;
+    spotlight?: default_2.ReactNode;
 };
 
 export declare type NavItem = {
     _key?: string;
     label: string;
     subtitle?: string;
-    description?: React.ReactNode;
+    description?: default_2.ReactNode;
     href?: string;
     sublinks?: NavItem[];
     isExternal?: boolean;

package/dist/main.d.ts

@@ -1251,11 +1251,11 @@ declare type MultiSelectProps = {
     className?: string;
 };
 
-export declare function Navbar({}: NavbarProps): string;
+export declare function Navbar({}: NavbarProps): JSX.Element;
 
 declare type NavbarProps = {
     title?: string;
-    logo?: React.ReactNode;
+    logo?: default_2.ReactNode;
     items?: NavItem[];
     groups?: NavGroup[];
     utilityItems?: UtilityItem[];
@@ -1266,8 +1266,8 @@ declare type NavbarProps = {
     alignment: Alignment_3;
     className?: string;
     navigationType: "default" | "advanced";
-    searchComponent?: React.ReactNode;
-    localeSelectComponent?: React.ReactNode;
+    searchComponent?: default_2.ReactNode;
+    localeSelectComponent?: default_2.ReactNode;
 };
 
 export declare type NavGroup = {
@@ -1275,7 +1275,7 @@ export declare type NavGroup = {
     title: string;
     primaryItems?: NavItem[];
     secondaryItems?: NavItem[];
-    spotlight?: React.ReactNode;
+    spotlight?: default_2.ReactNode;
 };
 
 export declare interface NavigationData {
@@ -1307,7 +1307,7 @@ export declare type NavItem = {
     _key?: string;
     label: string;
     subtitle?: string;
-    description?: React.ReactNode;
+    description?: default_2.ReactNode;
     href?: string;
     sublinks?: NavItem[];
     isExternal?: boolean;

package/dist/next.d.ts

@@ -401,7 +401,7 @@ declare type NavGroup = {
     title: string;
     primaryItems?: NavItem[];
     secondaryItems?: NavItem[];
-    spotlight?: React.ReactNode;
+    spotlight?: default_2.ReactNode;
 };
 
 export declare interface NavigationData {
@@ -433,7 +433,7 @@ declare type NavItem = {
     _key?: string;
     label: string;
     subtitle?: string;
-    description?: React.ReactNode;
+    description?: default_2.ReactNode;
     href?: string;
     sublinks?: NavItem[];
     isExternal?: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.0.401",
+  "version": "0.0.403",
   "type": "module",
   "exports": {
     ".": {