@sikka/hawa 0.26.29 → 0.26.31

package/dist/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../elements/pagination/index.ts","../../elements/pagination/Pagination.tsx","../../util/index.ts"],"sourcesContent":["export * from \"./Pagination\";\n","import React from \"react\";\nimport { Pagination as PaginationPrimitive } from \"react-headless-pagination\";\n\nimport { DirectionType } from \"../../types/commonTypes\";\nimport { cn } from \"@util/index\";\n\ntype PaginationProps = {\n  direction?: DirectionType;\n  totalPages: number;\n  currentPage?: number;\n};\n\nexport const Pagination: React.FC<PaginationProps> = ({\n  direction,\n  totalPages,\n  currentPage\n}) => {\n  const [page, setPage] = React.useState<number>(currentPage || 0);\n  const handlePageChange = (page: number) => {\n    setPage(page);\n  };\n  // let totalPages = 123;\n  return (\n    <PaginationPrimitive\n      totalPages={totalPages}\n      edgePageCount={2}\n      middlePagesSiblingCount={1}\n      // truncableClassName={\"w-10 px-0.5\"}\n\n      currentPage={page}\n      setCurrentPage={handlePageChange}\n      className=\"hawa-flex hawa-h-9 hawa-w-full hawa-select-none hawa-items-center hawa-text-sm hawa-transition-all\"\n      truncableText=\"...\"\n      truncableClassName=\"hawa-w-10 hawa-px-0.5 hawa-text-center\"\n    >\n      <PaginationPrimitive.PrevButton\n        as={\n          <button\n            aria-label=\"Previous Table Page\"\n            className={cn(\n              \"hawa-min-w-9 hawa-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded hawa-border hawa-bg-card\",\n              direction === \"rtl\" && \"hawa-rotate-180\"\n            )}\n            style={{ minWidth: 36 }}\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            >\n              <path d=\"m15 18-6-6 6-6\" />\n            </svg>\n          </button>\n        }\n        className={cn(\n          \"hawa-mr-2 hawa-flex hawa-items-center hawa-text-gray-500 hover:hawa-text-gray-600 dark:hover:hawa-text-gray-200\",\n          {\n            \"hawa-cursor-pointer\": page !== 0,\n            \"hawa-opacity-50\": page === 0\n          }\n        )}\n      >\n        Previous\n      </PaginationPrimitive.PrevButton>\n\n      <nav className=\"hawa-flex hawa-flex-grow hawa-justify-center\">\n        <ul className=\"hawa-flex hawa-items-center hawa-gap-1\">\n          <PaginationPrimitive.PageButton\n            className={\n              \"hawa-tap-highlight-transparent hawa-text-default-foreground data-[focus-visible=true]:hawa-outline-focus data-[disabled=true]:hawa-text-default-300 hawa-min-w-9 hawa-text-small hawa-box-border hawa-flex hawa-h-9 hawa-w-9 hawa-cursor-pointer hawa-touch-none hawa-select-none hawa-flex-wrap hawa-items-center hawa-justify-center hawa-truncate hawa-rounded hawa-border hawa-bg-card hawa-outline-none hawa-transition-all hover:hawa-scale-[1.1] data-[disabled=true]:hawa-pointer-events-none data-[focus-visible=true]:hawa-z-10 data-[pressed=true]:hawa-scale-[0.97] data-[focus-visible=true]:hawa-outline-2 data-[focus-visible=true]:hawa-outline-offset-2\"\n            }\n            activeClassName=\"hawa-bg-primary hawa-text-primary-foreground hawa-transition-all\"\n            // activeClassName=\"hawa-bg-primary/80  hawa-text-primary-foreground hawa-font-extrabold\"\n            // inactiveClassName=\"hawa-text-gray-500\"\n            // className={\n            //   \"hawa-flex hawa-bg-muted hawa-rounded hawa-items-center hawa-justify-center hover:hawa-text-primary-600 focus:hawa-font-bold focus:hawa-text-primary-600 focus:hawa-outline-none hawa-h-7 hawa-w-7 hawa-cursor-pointer\"\n            // }\n          />\n        </ul>\n      </nav>\n\n      <PaginationPrimitive.NextButton\n        as={\n          <button\n            aria-label=\"Previous Table Page\"\n            className={cn(\n              \"hawa-min-w-9 hawa-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded hawa-border hawa-bg-card\",\n              direction === \"ltr\" && \"hawa-rotate-180\"\n            )}\n            style={{ minWidth: 36 }}\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            >\n              <path d=\"m15 18-6-6 6-6\" />\n            </svg>\n          </button>\n        }\n        className={cn(\n          \"hawa-mr-2 hawa-flex hawa-items-center hawa-text-gray-500 hover:hawa-text-gray-600 dark:hover:hawa-text-gray-200\",\n          {\n            \"hawa-cursor-pointer\": page !== totalPages - 1,\n            \"hawa-opacity-50\": page === totalPages - 1\n          }\n        )}\n      >\n        Next\n        {/* <FiArrowRight size={20} className=\"ml-3\" /> */}\n      </PaginationPrimitive.NextButton>\n    </PaginationPrimitive>\n  );\n};\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,mBAAkB;AAClB,uCAAkD;;;ACDlD,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADOO,IAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAiB,eAAe,CAAC;AAC/D,QAAM,mBAAmB,CAACC,UAAiB;AACzC,YAAQA,KAAI;AAAA,EACd;AAEA,SACE,6BAAAD,QAAA;AAAA,IAAC,iCAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,eAAe;AAAA,MACf,yBAAyB;AAAA,MAGzB,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,eAAc;AAAA,MACd,oBAAmB;AAAA;AAAA,IAEnB,6BAAAF,QAAA;AAAA,MAAC,iCAAAE,WAAoB;AAAA,MAApB;AAAA,QACC,IACE,6BAAAF,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAW;AAAA,cACT;AAAA,cACA,cAAc,SAAS;AAAA,YACzB;AAAA,YACA,OAAO,EAAE,UAAU,GAAG;AAAA;AAAA,UAEtB,6BAAAA,QAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAM;AAAA,cACN,QAAO;AAAA,cACP,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,eAAc;AAAA,cACd,gBAAe;AAAA;AAAA,YAEf,6BAAAA,QAAA,cAAC,UAAK,GAAE,kBAAiB;AAAA,UAC3B;AAAA,QACF;AAAA,QAEF,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,uBAAuB,SAAS;AAAA,YAChC,mBAAmB,SAAS;AAAA,UAC9B;AAAA,QACF;AAAA;AAAA,MACD;AAAA,IAED;AAAA,IAEA,6BAAAA,QAAA,cAAC,SAAI,WAAU,kDACb,6BAAAA,QAAA,cAAC,QAAG,WAAU,4CACZ,6BAAAA,QAAA;AAAA,MAAC,iCAAAE,WAAoB;AAAA,MAApB;AAAA,QACC,WACE;AAAA,QAEF,iBAAgB;AAAA;AAAA,IAMlB,CACF,CACF;AAAA,IAEA,6BAAAF,QAAA;AAAA,MAAC,iCAAAE,WAAoB;AAAA,MAApB;AAAA,QACC,IACE,6BAAAF,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAW;AAAA,cACT;AAAA,cACA,cAAc,SAAS;AAAA,YACzB;AAAA,YACA,OAAO,EAAE,UAAU,GAAG;AAAA;AAAA,UAEtB,6BAAAA,QAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAM;AAAA,cACN,QAAO;AAAA,cACP,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,eAAc;AAAA,cACd,gBAAe;AAAA;AAAA,YAEf,6BAAAA,QAAA,cAAC,UAAK,GAAE,kBAAiB;AAAA,UAC3B;AAAA,QACF;AAAA,QAEF,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,uBAAuB,SAAS,aAAa;AAAA,YAC7C,mBAAmB,SAAS,aAAa;AAAA,UAC3C;AAAA,QACF;AAAA;AAAA,MACD;AAAA,IAGD;AAAA,EACF;AAEJ;","names":["React","page","PaginationPrimitive"]}

package/dist/pagination/index.mjs

@@ -0,0 +1,119 @@
+import {
+  cn
+} from "../chunk-CBRGWUZG.mjs";
+
+// elements/pagination/Pagination.tsx
+import React from "react";
+import { Pagination as PaginationPrimitive } from "react-headless-pagination";
+var Pagination = ({
+  direction,
+  totalPages,
+  currentPage
+}) => {
+  const [page, setPage] = React.useState(currentPage || 0);
+  const handlePageChange = (page2) => {
+    setPage(page2);
+  };
+  return /* @__PURE__ */ React.createElement(
+    PaginationPrimitive,
+    {
+      totalPages,
+      edgePageCount: 2,
+      middlePagesSiblingCount: 1,
+      currentPage: page,
+      setCurrentPage: handlePageChange,
+      className: "hawa-flex hawa-h-9 hawa-w-full hawa-select-none hawa-items-center hawa-text-sm hawa-transition-all",
+      truncableText: "...",
+      truncableClassName: "hawa-w-10 hawa-px-0.5 hawa-text-center"
+    },
+    /* @__PURE__ */ React.createElement(
+      PaginationPrimitive.PrevButton,
+      {
+        as: /* @__PURE__ */ React.createElement(
+          "button",
+          {
+            "aria-label": "Previous Table Page",
+            className: cn(
+              "hawa-min-w-9 hawa-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded hawa-border hawa-bg-card",
+              direction === "rtl" && "hawa-rotate-180"
+            ),
+            style: { minWidth: 36 }
+          },
+          /* @__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"
+            },
+            /* @__PURE__ */ React.createElement("path", { d: "m15 18-6-6 6-6" })
+          )
+        ),
+        className: cn(
+          "hawa-mr-2 hawa-flex hawa-items-center hawa-text-gray-500 hover:hawa-text-gray-600 dark:hover:hawa-text-gray-200",
+          {
+            "hawa-cursor-pointer": page !== 0,
+            "hawa-opacity-50": page === 0
+          }
+        )
+      },
+      "Previous"
+    ),
+    /* @__PURE__ */ React.createElement("nav", { className: "hawa-flex hawa-flex-grow hawa-justify-center" }, /* @__PURE__ */ React.createElement("ul", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React.createElement(
+      PaginationPrimitive.PageButton,
+      {
+        className: "hawa-tap-highlight-transparent hawa-text-default-foreground data-[focus-visible=true]:hawa-outline-focus data-[disabled=true]:hawa-text-default-300 hawa-min-w-9 hawa-text-small hawa-box-border hawa-flex hawa-h-9 hawa-w-9 hawa-cursor-pointer hawa-touch-none hawa-select-none hawa-flex-wrap hawa-items-center hawa-justify-center hawa-truncate hawa-rounded hawa-border hawa-bg-card hawa-outline-none hawa-transition-all hover:hawa-scale-[1.1] data-[disabled=true]:hawa-pointer-events-none data-[focus-visible=true]:hawa-z-10 data-[pressed=true]:hawa-scale-[0.97] data-[focus-visible=true]:hawa-outline-2 data-[focus-visible=true]:hawa-outline-offset-2",
+        activeClassName: "hawa-bg-primary hawa-text-primary-foreground hawa-transition-all"
+      }
+    ))),
+    /* @__PURE__ */ React.createElement(
+      PaginationPrimitive.NextButton,
+      {
+        as: /* @__PURE__ */ React.createElement(
+          "button",
+          {
+            "aria-label": "Previous Table Page",
+            className: cn(
+              "hawa-min-w-9 hawa-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded hawa-border hawa-bg-card",
+              direction === "ltr" && "hawa-rotate-180"
+            ),
+            style: { minWidth: 36 }
+          },
+          /* @__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"
+            },
+            /* @__PURE__ */ React.createElement("path", { d: "m15 18-6-6 6-6" })
+          )
+        ),
+        className: cn(
+          "hawa-mr-2 hawa-flex hawa-items-center hawa-text-gray-500 hover:hawa-text-gray-600 dark:hover:hawa-text-gray-200",
+          {
+            "hawa-cursor-pointer": page !== totalPages - 1,
+            "hawa-opacity-50": page === totalPages - 1
+          }
+        )
+      },
+      "Next"
+    )
+  );
+};
+export {
+  Pagination
+};
+//# sourceMappingURL=index.mjs.map

package/dist/pagination/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../elements/pagination/Pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { Pagination as PaginationPrimitive } from \"react-headless-pagination\";\n\nimport { DirectionType } from \"../../types/commonTypes\";\nimport { cn } from \"@util/index\";\n\ntype PaginationProps = {\n  direction?: DirectionType;\n  totalPages: number;\n  currentPage?: number;\n};\n\nexport const Pagination: React.FC<PaginationProps> = ({\n  direction,\n  totalPages,\n  currentPage\n}) => {\n  const [page, setPage] = React.useState<number>(currentPage || 0);\n  const handlePageChange = (page: number) => {\n    setPage(page);\n  };\n  // let totalPages = 123;\n  return (\n    <PaginationPrimitive\n      totalPages={totalPages}\n      edgePageCount={2}\n      middlePagesSiblingCount={1}\n      // truncableClassName={\"w-10 px-0.5\"}\n\n      currentPage={page}\n      setCurrentPage={handlePageChange}\n      className=\"hawa-flex hawa-h-9 hawa-w-full hawa-select-none hawa-items-center hawa-text-sm hawa-transition-all\"\n      truncableText=\"...\"\n      truncableClassName=\"hawa-w-10 hawa-px-0.5 hawa-text-center\"\n    >\n      <PaginationPrimitive.PrevButton\n        as={\n          <button\n            aria-label=\"Previous Table Page\"\n            className={cn(\n              \"hawa-min-w-9 hawa-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded hawa-border hawa-bg-card\",\n              direction === \"rtl\" && \"hawa-rotate-180\"\n            )}\n            style={{ minWidth: 36 }}\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            >\n              <path d=\"m15 18-6-6 6-6\" />\n            </svg>\n          </button>\n        }\n        className={cn(\n          \"hawa-mr-2 hawa-flex hawa-items-center hawa-text-gray-500 hover:hawa-text-gray-600 dark:hover:hawa-text-gray-200\",\n          {\n            \"hawa-cursor-pointer\": page !== 0,\n            \"hawa-opacity-50\": page === 0\n          }\n        )}\n      >\n        Previous\n      </PaginationPrimitive.PrevButton>\n\n      <nav className=\"hawa-flex hawa-flex-grow hawa-justify-center\">\n        <ul className=\"hawa-flex hawa-items-center hawa-gap-1\">\n          <PaginationPrimitive.PageButton\n            className={\n              \"hawa-tap-highlight-transparent hawa-text-default-foreground data-[focus-visible=true]:hawa-outline-focus data-[disabled=true]:hawa-text-default-300 hawa-min-w-9 hawa-text-small hawa-box-border hawa-flex hawa-h-9 hawa-w-9 hawa-cursor-pointer hawa-touch-none hawa-select-none hawa-flex-wrap hawa-items-center hawa-justify-center hawa-truncate hawa-rounded hawa-border hawa-bg-card hawa-outline-none hawa-transition-all hover:hawa-scale-[1.1] data-[disabled=true]:hawa-pointer-events-none data-[focus-visible=true]:hawa-z-10 data-[pressed=true]:hawa-scale-[0.97] data-[focus-visible=true]:hawa-outline-2 data-[focus-visible=true]:hawa-outline-offset-2\"\n            }\n            activeClassName=\"hawa-bg-primary hawa-text-primary-foreground hawa-transition-all\"\n            // activeClassName=\"hawa-bg-primary/80  hawa-text-primary-foreground hawa-font-extrabold\"\n            // inactiveClassName=\"hawa-text-gray-500\"\n            // className={\n            //   \"hawa-flex hawa-bg-muted hawa-rounded hawa-items-center hawa-justify-center hover:hawa-text-primary-600 focus:hawa-font-bold focus:hawa-text-primary-600 focus:hawa-outline-none hawa-h-7 hawa-w-7 hawa-cursor-pointer\"\n            // }\n          />\n        </ul>\n      </nav>\n\n      <PaginationPrimitive.NextButton\n        as={\n          <button\n            aria-label=\"Previous Table Page\"\n            className={cn(\n              \"hawa-min-w-9 hawa-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded hawa-border hawa-bg-card\",\n              direction === \"ltr\" && \"hawa-rotate-180\"\n            )}\n            style={{ minWidth: 36 }}\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            >\n              <path d=\"m15 18-6-6 6-6\" />\n            </svg>\n          </button>\n        }\n        className={cn(\n          \"hawa-mr-2 hawa-flex hawa-items-center hawa-text-gray-500 hover:hawa-text-gray-600 dark:hover:hawa-text-gray-200\",\n          {\n            \"hawa-cursor-pointer\": page !== totalPages - 1,\n            \"hawa-opacity-50\": page === totalPages - 1\n          }\n        )}\n      >\n        Next\n        {/* <FiArrowRight size={20} className=\"ml-3\" /> */}\n      </PaginationPrimitive.NextButton>\n    </PaginationPrimitive>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,WAAW;AAClB,SAAS,cAAc,2BAA2B;AAW3C,IAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAiB,eAAe,CAAC;AAC/D,QAAM,mBAAmB,CAACA,UAAiB;AACzC,YAAQA,KAAI;AAAA,EACd;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAe;AAAA,MACf,yBAAyB;AAAA,MAGzB,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,eAAc;AAAA,MACd,oBAAmB;AAAA;AAAA,IAEnB;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACC,IACE;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAW;AAAA,cACT;AAAA,cACA,cAAc,SAAS;AAAA,YACzB;AAAA,YACA,OAAO,EAAE,UAAU,GAAG;AAAA;AAAA,UAEtB;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAM;AAAA,cACN,QAAO;AAAA,cACP,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,eAAc;AAAA,cACd,gBAAe;AAAA;AAAA,YAEf,oCAAC,UAAK,GAAE,kBAAiB;AAAA,UAC3B;AAAA,QACF;AAAA,QAEF,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,uBAAuB,SAAS;AAAA,YAChC,mBAAmB,SAAS;AAAA,UAC9B;AAAA,QACF;AAAA;AAAA,MACD;AAAA,IAED;AAAA,IAEA,oCAAC,SAAI,WAAU,kDACb,oCAAC,QAAG,WAAU,4CACZ;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACC,WACE;AAAA,QAEF,iBAAgB;AAAA;AAAA,IAMlB,CACF,CACF;AAAA,IAEA;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACC,IACE;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAW;AAAA,cACT;AAAA,cACA,cAAc,SAAS;AAAA,YACzB;AAAA,YACA,OAAO,EAAE,UAAU,GAAG;AAAA;AAAA,UAEtB;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAM;AAAA,cACN,QAAO;AAAA,cACP,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,eAAc;AAAA,cACd,gBAAe;AAAA;AAAA,YAEf,oCAAC,UAAK,GAAE,kBAAiB;AAAA,UAC3B;AAAA,QACF;AAAA,QAEF,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,uBAAuB,SAAS,aAAa;AAAA,YAC7C,mBAAmB,SAAS,aAAa;AAAA,UAC3C;AAAA,QACF;AAAA;AAAA,MACD;AAAA,IAGD;AAAA,EACF;AAEJ;","names":["page"]}

package/dist/passwordInput/index.d.mts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+type PasswordInputIndicatorProps = {
+    strength?: any;
+};
+declare const PasswordStrengthIndicator: React__default.FC<PasswordInputIndicatorProps>;
+type PasswordInputType = {
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    hidePopover?: boolean;
+};
+declare const PasswordInput: React__default.FC<PasswordInputType>;
+
+export { PasswordInput, PasswordStrengthIndicator };

package/dist/passwordInput/index.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+type PasswordInputIndicatorProps = {
+    strength?: any;
+};
+declare const PasswordStrengthIndicator: React__default.FC<PasswordInputIndicatorProps>;
+type PasswordInputType = {
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    hidePopover?: boolean;
+};
+declare const PasswordInput: React__default.FC<PasswordInputType>;
+
+export { PasswordInput, PasswordStrengthIndicator };