@sikka/hawa 0.26.29 → 0.26.31

package/dist/navbar/index.d.ts

@@ -0,0 +1,17 @@
+import React__default from 'react';
+
+type NavigationMenuItem = {
+    label: string;
+    action: () => void;
+    trigger?: any;
+};
+type NavbarType = {
+    logo?: any;
+    buttons?: any;
+    menuItems?: NavigationMenuItem[];
+    handleLogoClick?: () => void;
+    backgroundColor?: string;
+};
+declare const Navbar: React__default.FC<NavbarType>;
+
+export { Navbar };

package/dist/navbar/index.js

@@ -0,0 +1,166 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// layout/navbar/index.ts
+var navbar_exports = {};
+__export(navbar_exports, {
+  Navbar: () => Navbar
+});
+module.exports = __toCommonJS(navbar_exports);
+
+// layout/navbar/Navbar.tsx
+var import_react = __toESM(require("react"));
+
+// elements/collapsible/Collapsible.tsx
+var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+
+// util/index.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// layout/navbar/Navbar.tsx
+var Navbar = ({
+  backgroundColor,
+  logo,
+  handleLogoClick,
+  ...props
+}) => {
+  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ import_react.default.createElement("nav", { className: " hawa-sticky hawa-top-2 hawa-transition-all" }, /* @__PURE__ */ import_react.default.createElement(
+    Collapsible,
+    {
+      className: "hawa-relative hawa-m-2 hawa-rounded  hawa-p-2",
+      style: { backgroundColor: backgroundColor || "#1f2937" }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between hawa-px-3 " }, /* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-flex hawa-items-center" }, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "hawa-p-1.5 hawa-text-xl hawa-font-bold hawa-text-white",
+        onClick: () => {
+          if (handleLogoClick) {
+            handleLogoClick();
+          }
+        }
+      },
+      logo
+    )), /* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-hidden md:hawa-flex " }, props.menuItems?.map((item, i) => /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: i,
+        onClick: item.action,
+        className: "hawa-cursor-pointer hawa-rounded hawa-p-1.5 hawa-px-2 hawa-text-center hawa-text-sm hawa-text-white hawa-transition-all hover:hawa-bg-gray-300 hover:hawa-text-black"
+      },
+      item.label
+    ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-m-0 hawa-flex hawa-h-fit hawa-p-0 md:hawa-hidden" }, /* @__PURE__ */ import_react.default.createElement(
+      CollapsibleTrigger2,
+      {
+        onClick: () => setIsOpen(!isOpen),
+        className: "hawa-h-full hawa-text-white selection:hawa-p-0 ",
+        "aria-label": "Toggle menu"
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: cn(
+            "hawa-fixed hawa-h-6 hawa-w-6",
+            isOpen ? "hawa-invisible" : "hawa-visible"
+          )
+        },
+        /* @__PURE__ */ import_react.default.createElement("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+        /* @__PURE__ */ import_react.default.createElement("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+        /* @__PURE__ */ import_react.default.createElement("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: cn(
+            "hawa-h-6 hawa-w-6",
+            !isOpen ? "hawa-invisible" : "hawa-visible"
+          )
+        },
+        /* @__PURE__ */ import_react.default.createElement("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ import_react.default.createElement("path", { d: "m6 6 12 12" })
+      )
+    ))),
+    /* @__PURE__ */ import_react.default.createElement(
+      CollapsibleContent2,
+      {
+        className: cn(
+          "data-[state=closed]:hawa-opacity-0",
+          "data-[state=open]:hawa-animate-in",
+          "data-[state=open]:hawa-fade-in-90",
+          "hawa-absolute hawa-left-0 hawa-top-[60px] hawa-flex hawa-flex-col  hawa-rounded hawa-border  hawa-bg-gray-200 hawa-p-1 hawa-transition-all"
+          // "hawa-transition-all hawa-bg-gray-400 hawa-fixed hawa-left-0 hawa-top-[72px] hawa-w-full hawa-flex hawa-flex-col"
+        ),
+        style: {
+          width: "calc(100%)",
+          zIndex: -100
+        }
+      },
+      props.menuItems?.map((item, i) => /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key: i,
+          onClick: item.action,
+          className: "hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-px-10 hawa-text-center hawa-text-black hawa-transition-all hover:hawa-bg-gray-300"
+        },
+        item.label
+      ))
+    )
+  ));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Navbar
+});
+//# sourceMappingURL=index.js.map

package/dist/navbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../layout/navbar/index.ts","../../layout/navbar/Navbar.tsx","../../elements/collapsible/Collapsible.tsx","../../util/index.ts"],"sourcesContent":["export * from \"./Navbar\";\n","import React, { useState } from \"react\";\n\nimport {\n  CollapsibleTrigger,\n  CollapsibleContent,\n  Collapsible\n} from \"@elements/collapsible\";\n\nimport { cn } from \"@util/index\";\n\ntype NavigationMenuItem = {\n  label: string;\n  action: () => void;\n  trigger?: any;\n};\n\ntype NavbarType = {\n  logo?: any;\n  buttons?: any;\n  menuItems?: NavigationMenuItem[];\n  handleLogoClick?: () => void;\n  backgroundColor?: string;\n};\n\nexport const Navbar: React.FC<NavbarType> = ({\n  backgroundColor,\n  logo,\n  handleLogoClick,\n  ...props\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  return (\n    <nav className=\" hawa-sticky hawa-top-2 hawa-transition-all\">\n      <Collapsible\n        className={\"hawa-relative hawa-m-2 hawa-rounded  hawa-p-2\"}\n        style={{ backgroundColor: backgroundColor || \"#1f2937\" }}\n      >\n        <div className=\"hawa-flex hawa-items-center hawa-justify-between hawa-px-3 \">\n          <div className=\"hawa-flex hawa-items-center\">\n            <div\n              className=\"hawa-p-1.5 hawa-text-xl hawa-font-bold hawa-text-white\"\n              onClick={() => {\n                if (handleLogoClick) {\n                  handleLogoClick();\n                }\n              }}\n            >\n              {logo}\n            </div>\n          </div>\n\n          <div className=\"hawa-hidden md:hawa-flex \">\n            {props.menuItems?.map((item, i) => (\n              <div\n                key={i}\n                onClick={item.action}\n                className=\"hawa-cursor-pointer hawa-rounded hawa-p-1.5 hawa-px-2 hawa-text-center hawa-text-sm hawa-text-white hawa-transition-all hover:hawa-bg-gray-300 hover:hawa-text-black\"\n              >\n                {item.label}\n              </div>\n            ))}\n          </div>\n          <div className=\"hawa-m-0 hawa-flex hawa-h-fit hawa-p-0 md:hawa-hidden\">\n            <CollapsibleTrigger\n              onClick={() => setIsOpen(!isOpen)}\n              className=\"hawa-h-full hawa-text-white selection:hawa-p-0 \"\n              aria-label=\"Toggle menu\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                className={cn(\n                  \"hawa-fixed hawa-h-6 hawa-w-6\",\n                  isOpen ? \"hawa-invisible\" : \"hawa-visible\"\n                )}\n              >\n                <line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\" />\n                <line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\" />\n                <line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\" />\n              </svg>\n\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                className={cn(\n                  \"hawa-h-6 hawa-w-6\",\n                  !isOpen ? \"hawa-invisible\" : \"hawa-visible\"\n                )}\n              >\n                <path d=\"M18 6 6 18\" />\n                <path d=\"m6 6 12 12\" />\n              </svg>\n            </CollapsibleTrigger>\n          </div>\n        </div>\n\n        <CollapsibleContent\n          className={cn(\n            \"data-[state=closed]:hawa-opacity-0\",\n            \"data-[state=open]:hawa-animate-in\",\n            \"data-[state=open]:hawa-fade-in-90\",\n            \"hawa-absolute hawa-left-0 hawa-top-[60px] hawa-flex hawa-flex-col  hawa-rounded hawa-border  hawa-bg-gray-200 hawa-p-1 hawa-transition-all\"\n            // \"hawa-transition-all hawa-bg-gray-400 hawa-fixed hawa-left-0 hawa-top-[72px] hawa-w-full hawa-flex hawa-flex-col\"\n          )}\n          style={{\n            width: \"calc(100%)\",\n            zIndex: -100\n          }}\n        >\n          {props.menuItems?.map((item, i) => (\n            <div\n              key={i}\n              onClick={item.action}\n              className=\"hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-px-10 hawa-text-center hawa-text-black hawa-transition-all hover:hawa-bg-gray-300\"\n            >\n              {item.label}\n            </div>\n          ))}\n        </CollapsibleContent>\n      </Collapsible>\n    </nav>\n  );\n};\n","import * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\nconst Collapsible = CollapsiblePrimitive.Root;\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\ntype Palette = {\n  name: string;\n  colors: {\n    [key: number]: string;\n  };\n};\ntype Rgb = {\n  r: number;\n  g: number;\n  b: number;\n};\nfunction hexToRgb(hex: string): Rgb | null {\n  const sanitizedHex = hex.replaceAll(\"##\", \"#\");\n  const colorParts = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(\n    sanitizedHex\n  );\n\n  if (!colorParts) {\n    return null;\n  }\n\n  const [, r, g, b] = colorParts;\n\n  return {\n    r: parseInt(r, 16),\n    g: parseInt(g, 16),\n    b: parseInt(b, 16)\n  } as Rgb;\n}\n\nfunction rgbToHex(r: number, g: number, b: number): string {\n  const toHex = (c: number) => `0${c.toString(16)}`.slice(-2);\n  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n}\n\nexport function getTextColor(color: string): \"#FFF\" | \"#333\" {\n  const rgbColor = hexToRgb(color);\n\n  if (!rgbColor) {\n    return \"#333\";\n  }\n\n  const { r, g, b } = rgbColor;\n  const luma = 0.2126 * r + 0.7152 * g + 0.0722 * b;\n\n  return luma < 120 ? \"#FFF\" : \"#333\";\n}\n\nfunction lighten(hex: string, intensity: number): string {\n  const color = hexToRgb(`#${hex}`);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r + (255 - color.r) * intensity);\n  const g = Math.round(color.g + (255 - color.g) * intensity);\n  const b = Math.round(color.b + (255 - color.b) * intensity);\n\n  return rgbToHex(r, g, b);\n}\n\nfunction darken(hex: string, intensity: number): string {\n  const color = hexToRgb(hex);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r * intensity);\n  const g = Math.round(color.g * intensity);\n  const b = Math.round(color.b * intensity);\n\n  return rgbToHex(r, g, b);\n}\nconst parseColor = (color: any) => {\n  if (color.startsWith(\"#\")) {\n    // Convert hex to RGB\n    let r = parseInt(color.slice(1, 3), 16);\n    let g = parseInt(color.slice(3, 5), 16);\n    let b = parseInt(color.slice(5, 7), 16);\n    return [r, g, b];\n  } else if (color.startsWith(\"rgb\")) {\n    // Extract RGB values from rgb() format\n    return color.match(/\\d+/g).map(Number);\n  }\n  // Default to white if format is unrecognized\n  return [255, 255, 255];\n};\nexport const calculateLuminance = (color: any) => {\n  const [r, g, b] = parseColor(color)?.map((c: any) => {\n    c /= 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  });\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n};\n\nfunction getPallette(baseColor: string): Palette {\n  const name = baseColor;\n\n  const response: Palette = {\n    name,\n    colors: {\n      500: `#${baseColor}`.replace(\"##\", \"#\")\n    }\n  };\n\n  const intensityMap: {\n    [key: number]: number;\n  } = {\n    50: 0.95,\n    100: 0.9,\n    200: 0.75,\n    300: 0.6,\n    400: 0.3,\n    600: 0.9,\n    700: 0.75,\n    800: 0.6,\n    900: 0.49\n  };\n\n  [50, 100, 200, 300, 400].forEach((level) => {\n    response.colors[level] = lighten(baseColor, intensityMap[level]);\n  });\n  [600, 700, 800, 900].forEach((level) => {\n    response.colors[level] = darken(baseColor, intensityMap[level]);\n  });\n\n  return response as Palette;\n}\n\nexport { getPallette };\n\n// const hexToRgb = (hex) => {\n//   let d = hex?.split(\"#\")[1];\n//   var aRgbHex = d?.match(/.{1,2}/g);\n//   var aRgb = [\n//     parseInt(aRgbHex[0], 16),\n//     parseInt(aRgbHex[1], 16),\n//     parseInt(aRgbHex[2], 16)\n//   ];\n//   return aRgb;\n// };\n// const getTextColor = (backColor) => {\n//   let rgbArray = hexToRgb(backColor);\n//   if (rgbArray[0] * 0.299 + rgbArray[1] * 0.587 + rgbArray[2] * 0.114 > 186) {\n//     return \"#000000\";\n//   } else {\n//     return \"#ffffff\";\n//   }\n// };\n// const replaceAt = function (string, index, replacement) {\n//   // if (replacement == \"\" || replacement == \" \") {\n//   //   return (\n//   //     string.substring(0, index) +\n//   //     string.substring(index + replacement.length )\n//   //   );\n//   // }\n//   const replaced = string.substring(0, index) + replacement + string.substring(index + 1)\n//   return replaced\n// };\n\n// export { hexToRgb, getTextColor, replaceAt };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAgC;;;ACAhC,2BAAsC;AAEtC,IAAM,cAAmC;AAEzC,IAAMA,sBAA0C;AAEhD,IAAMC,sBAA0C;;;ACNhD,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AFmBO,IAAM,SAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAC1C,SACE,6BAAAC,QAAA,cAAC,SAAI,WAAU,iDACb,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,iBAAiB,mBAAmB,UAAU;AAAA;AAAA,IAEvD,6BAAAA,QAAA,cAAC,SAAI,WAAU,iEACb,6BAAAA,QAAA,cAAC,SAAI,WAAU,iCACb,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,MAAM;AACb,cAAI,iBAAiB;AACnB,4BAAgB;AAAA,UAClB;AAAA,QACF;AAAA;AAAA,MAEC;AAAA,IACH,CACF,GAEA,6BAAAA,QAAA,cAAC,SAAI,WAAU,+BACZ,MAAM,WAAW,IAAI,CAAC,MAAM,MAC3B,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,SAAS,KAAK;AAAA,QACd,WAAU;AAAA;AAAA,MAET,KAAK;AAAA,IACR,CACD,CACH,GACA,6BAAAA,QAAA,cAAC,SAAI,WAAU,2DACb,6BAAAA,QAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,UAAU,CAAC,MAAM;AAAA,QAChC,WAAU;AAAA,QACV,cAAW;AAAA;AAAA,MAEX,6BAAAD,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,WAAW;AAAA,YACT;AAAA,YACA,SAAS,mBAAmB;AAAA,UAC9B;AAAA;AAAA,QAEA,6BAAAA,QAAA,cAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK;AAAA,QACrC,6BAAAA,QAAA,cAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,KAAI,IAAG,KAAI;AAAA,QACnC,6BAAAA,QAAA,cAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK;AAAA,MACvC;AAAA,MAEA,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,WAAW;AAAA,YACT;AAAA,YACA,CAAC,SAAS,mBAAmB;AAAA,UAC/B;AAAA;AAAA,QAEA,6BAAAA,QAAA,cAAC,UAAK,GAAE,cAAa;AAAA,QACrB,6BAAAA,QAAA,cAAC,UAAK,GAAE,cAAa;AAAA,MACvB;AAAA,IACF,CACF,CACF;AAAA,IAEA,6BAAAA,QAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,QAEF;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QACV;AAAA;AAAA,MAEC,MAAM,WAAW,IAAI,CAAC,MAAM,MAC3B,6BAAAF,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,SAAS,KAAK;AAAA,UACd,WAAU;AAAA;AAAA,QAET,KAAK;AAAA,MACR,CACD;AAAA,IACH;AAAA,EACF,CACF;AAEJ;","names":["CollapsibleTrigger","CollapsibleContent","React","CollapsibleTrigger","CollapsibleContent"]}

package/dist/navbar/index.mjs

@@ -0,0 +1,126 @@
+import {
+  cn
+} from "../chunk-CBRGWUZG.mjs";
+
+// layout/navbar/Navbar.tsx
+import React, { useState } from "react";
+
+// elements/collapsible/Collapsible.tsx
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+
+// layout/navbar/Navbar.tsx
+var Navbar = ({
+  backgroundColor,
+  logo,
+  handleLogoClick,
+  ...props
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  return /* @__PURE__ */ React.createElement("nav", { className: " hawa-sticky hawa-top-2 hawa-transition-all" }, /* @__PURE__ */ React.createElement(
+    Collapsible,
+    {
+      className: "hawa-relative hawa-m-2 hawa-rounded  hawa-p-2",
+      style: { backgroundColor: backgroundColor || "#1f2937" }
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between hawa-px-3 " }, /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-items-center" }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "hawa-p-1.5 hawa-text-xl hawa-font-bold hawa-text-white",
+        onClick: () => {
+          if (handleLogoClick) {
+            handleLogoClick();
+          }
+        }
+      },
+      logo
+    )), /* @__PURE__ */ React.createElement("div", { className: "hawa-hidden md:hawa-flex " }, props.menuItems?.map((item, i) => /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        key: i,
+        onClick: item.action,
+        className: "hawa-cursor-pointer hawa-rounded hawa-p-1.5 hawa-px-2 hawa-text-center hawa-text-sm hawa-text-white hawa-transition-all hover:hawa-bg-gray-300 hover:hawa-text-black"
+      },
+      item.label
+    ))), /* @__PURE__ */ React.createElement("div", { className: "hawa-m-0 hawa-flex hawa-h-fit hawa-p-0 md:hawa-hidden" }, /* @__PURE__ */ React.createElement(
+      CollapsibleTrigger2,
+      {
+        onClick: () => setIsOpen(!isOpen),
+        className: "hawa-h-full hawa-text-white selection:hawa-p-0 ",
+        "aria-label": "Toggle menu"
+      },
+      /* @__PURE__ */ React.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: cn(
+            "hawa-fixed hawa-h-6 hawa-w-6",
+            isOpen ? "hawa-invisible" : "hawa-visible"
+          )
+        },
+        /* @__PURE__ */ React.createElement("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+        /* @__PURE__ */ React.createElement("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+        /* @__PURE__ */ React.createElement("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+      ),
+      /* @__PURE__ */ React.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: cn(
+            "hawa-h-6 hawa-w-6",
+            !isOpen ? "hawa-invisible" : "hawa-visible"
+          )
+        },
+        /* @__PURE__ */ React.createElement("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ React.createElement("path", { d: "m6 6 12 12" })
+      )
+    ))),
+    /* @__PURE__ */ React.createElement(
+      CollapsibleContent2,
+      {
+        className: cn(
+          "data-[state=closed]:hawa-opacity-0",
+          "data-[state=open]:hawa-animate-in",
+          "data-[state=open]:hawa-fade-in-90",
+          "hawa-absolute hawa-left-0 hawa-top-[60px] hawa-flex hawa-flex-col  hawa-rounded hawa-border  hawa-bg-gray-200 hawa-p-1 hawa-transition-all"
+          // "hawa-transition-all hawa-bg-gray-400 hawa-fixed hawa-left-0 hawa-top-[72px] hawa-w-full hawa-flex hawa-flex-col"
+        ),
+        style: {
+          width: "calc(100%)",
+          zIndex: -100
+        }
+      },
+      props.menuItems?.map((item, i) => /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          key: i,
+          onClick: item.action,
+          className: "hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-px-10 hawa-text-center hawa-text-black hawa-transition-all hover:hawa-bg-gray-300"
+        },
+        item.label
+      ))
+    )
+  ));
+};
+export {
+  Navbar
+};
+//# sourceMappingURL=index.mjs.map

package/dist/navbar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../layout/navbar/Navbar.tsx","../../elements/collapsible/Collapsible.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport {\n  CollapsibleTrigger,\n  CollapsibleContent,\n  Collapsible\n} from \"@elements/collapsible\";\n\nimport { cn } from \"@util/index\";\n\ntype NavigationMenuItem = {\n  label: string;\n  action: () => void;\n  trigger?: any;\n};\n\ntype NavbarType = {\n  logo?: any;\n  buttons?: any;\n  menuItems?: NavigationMenuItem[];\n  handleLogoClick?: () => void;\n  backgroundColor?: string;\n};\n\nexport const Navbar: React.FC<NavbarType> = ({\n  backgroundColor,\n  logo,\n  handleLogoClick,\n  ...props\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  return (\n    <nav className=\" hawa-sticky hawa-top-2 hawa-transition-all\">\n      <Collapsible\n        className={\"hawa-relative hawa-m-2 hawa-rounded  hawa-p-2\"}\n        style={{ backgroundColor: backgroundColor || \"#1f2937\" }}\n      >\n        <div className=\"hawa-flex hawa-items-center hawa-justify-between hawa-px-3 \">\n          <div className=\"hawa-flex hawa-items-center\">\n            <div\n              className=\"hawa-p-1.5 hawa-text-xl hawa-font-bold hawa-text-white\"\n              onClick={() => {\n                if (handleLogoClick) {\n                  handleLogoClick();\n                }\n              }}\n            >\n              {logo}\n            </div>\n          </div>\n\n          <div className=\"hawa-hidden md:hawa-flex \">\n            {props.menuItems?.map((item, i) => (\n              <div\n                key={i}\n                onClick={item.action}\n                className=\"hawa-cursor-pointer hawa-rounded hawa-p-1.5 hawa-px-2 hawa-text-center hawa-text-sm hawa-text-white hawa-transition-all hover:hawa-bg-gray-300 hover:hawa-text-black\"\n              >\n                {item.label}\n              </div>\n            ))}\n          </div>\n          <div className=\"hawa-m-0 hawa-flex hawa-h-fit hawa-p-0 md:hawa-hidden\">\n            <CollapsibleTrigger\n              onClick={() => setIsOpen(!isOpen)}\n              className=\"hawa-h-full hawa-text-white selection:hawa-p-0 \"\n              aria-label=\"Toggle menu\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                className={cn(\n                  \"hawa-fixed hawa-h-6 hawa-w-6\",\n                  isOpen ? \"hawa-invisible\" : \"hawa-visible\"\n                )}\n              >\n                <line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\" />\n                <line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\" />\n                <line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\" />\n              </svg>\n\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                className={cn(\n                  \"hawa-h-6 hawa-w-6\",\n                  !isOpen ? \"hawa-invisible\" : \"hawa-visible\"\n                )}\n              >\n                <path d=\"M18 6 6 18\" />\n                <path d=\"m6 6 12 12\" />\n              </svg>\n            </CollapsibleTrigger>\n          </div>\n        </div>\n\n        <CollapsibleContent\n          className={cn(\n            \"data-[state=closed]:hawa-opacity-0\",\n            \"data-[state=open]:hawa-animate-in\",\n            \"data-[state=open]:hawa-fade-in-90\",\n            \"hawa-absolute hawa-left-0 hawa-top-[60px] hawa-flex hawa-flex-col  hawa-rounded hawa-border  hawa-bg-gray-200 hawa-p-1 hawa-transition-all\"\n            // \"hawa-transition-all hawa-bg-gray-400 hawa-fixed hawa-left-0 hawa-top-[72px] hawa-w-full hawa-flex hawa-flex-col\"\n          )}\n          style={{\n            width: \"calc(100%)\",\n            zIndex: -100\n          }}\n        >\n          {props.menuItems?.map((item, i) => (\n            <div\n              key={i}\n              onClick={item.action}\n              className=\"hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-px-10 hawa-text-center hawa-text-black hawa-transition-all hover:hawa-bg-gray-300\"\n            >\n              {item.label}\n            </div>\n          ))}\n        </CollapsibleContent>\n      </Collapsible>\n    </nav>\n  );\n};\n","import * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\nconst Collapsible = CollapsiblePrimitive.Root;\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"mappings":";;;;;AAAA,OAAO,SAAS,gBAAgB;;;ACAhC,YAAY,0BAA0B;AAEtC,IAAM,cAAmC;AAEzC,IAAMA,sBAA0C;AAEhD,IAAMC,sBAA0C;;;ADkBzC,IAAM,SAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,SACE,oCAAC,SAAI,WAAU,iDACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,iBAAiB,mBAAmB,UAAU;AAAA;AAAA,IAEvD,oCAAC,SAAI,WAAU,iEACb,oCAAC,SAAI,WAAU,iCACb;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,MAAM;AACb,cAAI,iBAAiB;AACnB,4BAAgB;AAAA,UAClB;AAAA,QACF;AAAA;AAAA,MAEC;AAAA,IACH,CACF,GAEA,oCAAC,SAAI,WAAU,+BACZ,MAAM,WAAW,IAAI,CAAC,MAAM,MAC3B;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,SAAS,KAAK;AAAA,QACd,WAAU;AAAA;AAAA,MAET,KAAK;AAAA,IACR,CACD,CACH,GACA,oCAAC,SAAI,WAAU,2DACb;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,UAAU,CAAC,MAAM;AAAA,QAChC,WAAU;AAAA,QACV,cAAW;AAAA;AAAA,MAEX;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,WAAW;AAAA,YACT;AAAA,YACA,SAAS,mBAAmB;AAAA,UAC9B;AAAA;AAAA,QAEA,oCAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK;AAAA,QACrC,oCAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,KAAI,IAAG,KAAI;AAAA,QACnC,oCAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK;AAAA,MACvC;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,WAAW;AAAA,YACT;AAAA,YACA,CAAC,SAAS,mBAAmB;AAAA,UAC/B;AAAA;AAAA,QAEA,oCAAC,UAAK,GAAE,cAAa;AAAA,QACrB,oCAAC,UAAK,GAAE,cAAa;AAAA,MACvB;AAAA,IACF,CACF,CACF;AAAA,IAEA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,QAEF;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QACV;AAAA;AAAA,MAEC,MAAM,WAAW,IAAI,CAAC,MAAM,MAC3B;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,SAAS,KAAK;AAAA,UACd,WAAU;AAAA;AAAA,QAET,KAAK;AAAA,MACR,CACD;AAAA,IACH;AAAA,EACF,CACF;AAEJ;","names":["CollapsibleTrigger","CollapsibleContent","CollapsibleTrigger","CollapsibleContent"]}

package/dist/navigationMenu/index.d.mts

@@ -0,0 +1,39 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { D as DirectionType } from '../commonTypes-ko_NGEoT.mjs';
+
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type StandardNavigationMenuItemProps = {
+    icon?: React.ReactNode;
+    title: string;
+    subtitle?: string;
+};
+type NavigationMenuItemProps = {
+    trigger: any;
+    content?: any;
+    action?: any;
+    path?: string;
+};
+type NavigationMenuTypes = {
+    items: NavigationMenuItemProps[];
+    rootClassNames?: string;
+    viewportClassNames?: string;
+    triggerClassNames?: string;
+    actionFirst?: boolean;
+    direction?: DirectionType;
+};
+declare const NavigationMenuRoot: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & {
+    viewportClassNames?: string | undefined;
+} & React.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const StandardNavigationMenuItem: React.FC<StandardNavigationMenuItemProps & React.ComponentProps<typeof NavigationMenuPrimitive.Link>>;
+declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenu: React.FC<NavigationMenuTypes>;
+declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, StandardNavigationMenuItem, navigationMenuTriggerStyle };

package/dist/navigationMenu/index.d.ts

@@ -0,0 +1,39 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { D as DirectionType } from '../commonTypes-ko_NGEoT.js';
+
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type StandardNavigationMenuItemProps = {
+    icon?: React.ReactNode;
+    title: string;
+    subtitle?: string;
+};
+type NavigationMenuItemProps = {
+    trigger: any;
+    content?: any;
+    action?: any;
+    path?: string;
+};
+type NavigationMenuTypes = {
+    items: NavigationMenuItemProps[];
+    rootClassNames?: string;
+    viewportClassNames?: string;
+    triggerClassNames?: string;
+    actionFirst?: boolean;
+    direction?: DirectionType;
+};
+declare const NavigationMenuRoot: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & {
+    viewportClassNames?: string | undefined;
+} & React.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const StandardNavigationMenuItem: React.FC<StandardNavigationMenuItemProps & React.ComponentProps<typeof NavigationMenuPrimitive.Link>>;
+declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenu: React.FC<NavigationMenuTypes>;
+declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, StandardNavigationMenuItem, navigationMenuTriggerStyle };