@sikka/hawa 0.26.29 → 0.26.31

package/dist/avatar/index.js

@@ -0,0 +1,162 @@
+"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);
+
+// elements/avatar/index.ts
+var avatar_exports = {};
+__export(avatar_exports, {
+  Avatar: () => Avatar
+});
+module.exports = __toCommonJS(avatar_exports);
+
+// elements/avatar/Avatar.tsx
+var import_react2 = __toESM(require("react"));
+
+// 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));
+}
+
+// elements/fileUploader/FileUploader.tsx
+var import_react = __toESM(require("react"));
+var FileUploader = ({ handleFile, className }) => {
+  const hiddenFileInput = (0, import_react.useRef)(null);
+  const handleClick = () => {
+    hiddenFileInput.current?.click();
+  };
+  const handleChange = (event) => {
+    const fileUploaded = event.target.files[0];
+    handleFile(fileUploaded);
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className }, /* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ import_react.default.createElement(
+    "input",
+    {
+      type: "file",
+      onChange: handleChange,
+      ref: hiddenFileInput,
+      style: { display: "none" }
+    }
+  ));
+};
+
+// elements/avatar/Avatar.tsx
+var Avatar = ({
+  isUploadable,
+  src,
+  alt,
+  size = "default",
+  radius = "inherit",
+  icon,
+  className,
+  ...props
+}) => {
+  let sizeStyles = {
+    "2xs": "hawa-h-4 hawa-w-4",
+    xs: "hawa-h-6 hawa-w-6",
+    sm: "hawa-h-8 hawa-w-8",
+    default: "hawa-h-10 hawa-w-10",
+    lg: "hawa-h-12 hawa-w-12",
+    xl: "hawa-h-14 hawa-w-14",
+    "2xl": "hawa-h-16 hawa-w-16",
+    "3xl": "hawa-h-[72px] hawa-w-[72px]",
+    "4xl": "hawa-h-20 hawa-w-20",
+    "5xl": "hawa-h-[88px] hawa-w-[88px]",
+    "6xl": "hawa-h-24 hawa-w-24"
+  };
+  let radiusStyles = {
+    full: "hawa-rounded-full",
+    inherit: "hawa-rounded",
+    none: "hawa-rounded-none"
+  };
+  return /* @__PURE__ */ import_react2.default.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-relative  hawa-bg-card hawa-p-0",
+        sizeStyles[size],
+        radiusStyles[radius],
+        className
+      )
+    },
+    /* @__PURE__ */ import_react2.default.createElement(
+      FileUploader,
+      {
+        className: cn(
+          "hawa-absolute hawa-left-0 hawa-top-0 hawa-w-full hawa-cursor-pointer hawa-bg-red-400 hawa-opacity-0",
+          sizeStyles[size],
+          radiusStyles[radius],
+          (!isUploadable || !!src) && "hawa-hidden"
+        )
+      }
+    ),
+    /* @__PURE__ */ import_react2.default.createElement(
+      "img",
+      {
+        className: cn(
+          "hawa-blue-400 hawa-object-cover",
+          sizeStyles[size],
+          radiusStyles[radius],
+          !src && "hawa-hidden"
+        ),
+        src,
+        alt
+      }
+    ),
+    !src && !isUploadable && /* @__PURE__ */ import_react2.default.createElement(
+      "div",
+      {
+        className: cn(
+          sizeStyles[size],
+          "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center"
+        )
+      },
+      icon ? icon : /* @__PURE__ */ import_react2.default.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          style: { width: "50%", opacity: 0.35 },
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ import_react2.default.createElement("circle", { cx: "12", cy: "8", r: "5" }),
+        /* @__PURE__ */ import_react2.default.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
+      )
+    )
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Avatar
+});
+//# sourceMappingURL=index.js.map

package/dist/avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../elements/avatar/index.ts","../../elements/avatar/Avatar.tsx","../../util/index.ts","../../elements/fileUploader/FileUploader.tsx"],"sourcesContent":["export * from \"./Avatar\";\n","import React from \"react\";\n\nimport { RadiusType } from \"@_types/commonTypes\";\n\nimport { cn } from \"@util/index\";\nimport { FileUploader } from \"../fileUploader\";\n\ninterface AvatarProps {\n  isUploadable?: boolean;\n  src?: string;\n  alt?: string;\n  size?:\n    | \"2xs\"\n    | \"xs\"\n    | \"sm\"\n    | \"default\"\n    | \"lg\"\n    | \"xl\"\n    | \"2xl\"\n    | \"3xl\"\n    | \"4xl\"\n    | \"5xl\"\n    | \"6xl\";\n  radius?: RadiusType;\n  className?: string;\n  icon?: React.ReactNode;\n}\nexport const Avatar: React.FC<AvatarProps> = ({\n  isUploadable,\n  src,\n  alt,\n  size = \"default\",\n  radius = \"inherit\",\n  icon,\n  className,\n  ...props\n}) => {\n  let sizeStyles = {\n    \"2xs\": \"hawa-h-4 hawa-w-4\",\n    xs: \"hawa-h-6 hawa-w-6\",\n    sm: \"hawa-h-8 hawa-w-8\",\n    default: \"hawa-h-10 hawa-w-10\",\n    lg: \"hawa-h-12 hawa-w-12\",\n    xl: \"hawa-h-14 hawa-w-14\",\n    \"2xl\": \"hawa-h-16 hawa-w-16\",\n    \"3xl\": \"hawa-h-[72px] hawa-w-[72px]\",\n    \"4xl\": \"hawa-h-20 hawa-w-20\",\n    \"5xl\": \"hawa-h-[88px] hawa-w-[88px]\",\n    \"6xl\": \"hawa-h-24 hawa-w-24\"\n  };\n  let radiusStyles = {\n    full: \"hawa-rounded-full\",\n    inherit: \"hawa-rounded\",\n    none: \"hawa-rounded-none\"\n  };\n  return (\n    <div\n      className={cn(\n        \"hawa-relative  hawa-bg-card hawa-p-0\",\n        sizeStyles[size],\n        radiusStyles[radius],\n        className\n      )}\n    >\n      <FileUploader\n        className={cn(\n          \"hawa-absolute hawa-left-0 hawa-top-0 hawa-w-full hawa-cursor-pointer hawa-bg-red-400 hawa-opacity-0\",\n          sizeStyles[size],\n          radiusStyles[radius],\n          (!isUploadable || !!src) && \"hawa-hidden\"\n        )}\n      />\n\n      <img\n        className={cn(\n          \"hawa-blue-400 hawa-object-cover\",\n          sizeStyles[size],\n          radiusStyles[radius],\n          !src && \"hawa-hidden\"\n        )}\n        src={src}\n        alt={alt}\n      />\n      {!src && !isUploadable && (\n        <div\n          className={cn(\n            sizeStyles[size],\n            \"hawa-flex hawa-flex-col hawa-items-center hawa-justify-center\"\n          )}\n        >\n          {icon ? (\n            icon\n          ) : (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              style={{ width: \"50%\", opacity: 0.35 }}\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <circle cx=\"12\" cy=\"8\" r=\"5\" />\n              <path d=\"M20 21a8 8 0 1 0-16 0\" />\n            </svg>\n          )}\n        </div>\n      )}\n    </div>\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","import React, { useRef } from \"react\";\n\nexport const FileUploader = ({ handleFile, className }: any) => {\n  const hiddenFileInput = useRef<HTMLInputElement>(null);\n  const handleClick = () => {\n    hiddenFileInput.current?.click();\n  };\n  const handleChange = (event: any) => {\n    const fileUploaded = event.target.files[0];\n    handleFile(fileUploaded);\n  };\n  return (\n    <div className={className}>\n      <div className=\"hawa-h-full hawa-w-full\" onClick={handleClick} />\n      <input\n        type=\"file\"\n        onChange={handleChange}\n        ref={hiddenFileInput}\n        style={{ display: \"none\" }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,gBAAkB;;;ACAlB,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ACLA,mBAA8B;AAEvB,IAAM,eAAe,CAAC,EAAE,YAAY,UAAU,MAAW;AAC9D,QAAM,sBAAkB,qBAAyB,IAAI;AACrD,QAAM,cAAc,MAAM;AACxB,oBAAgB,SAAS,MAAM;AAAA,EACjC;AACA,QAAM,eAAe,CAAC,UAAe;AACnC,UAAM,eAAe,MAAM,OAAO,MAAM,CAAC;AACzC,eAAW,YAAY;AAAA,EACzB;AACA,SACE,6BAAAC,QAAA,cAAC,SAAI,aACH,6BAAAA,QAAA,cAAC,SAAI,WAAU,2BAA0B,SAAS,aAAa,GAC/D,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,KAAK;AAAA,MACL,OAAO,EAAE,SAAS,OAAO;AAAA;AAAA,EAC3B,CACF;AAEJ;;;AFKO,IAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,aAAa;AAAA,IACf,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACA,MAAI,eAAe;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACA,SACE,8BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,IAAI;AAAA,QACf,aAAa,MAAM;AAAA,QACnB;AAAA,MACF;AAAA;AAAA,IAEA,8BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,WAAW,IAAI;AAAA,UACf,aAAa,MAAM;AAAA,WAClB,CAAC,gBAAgB,CAAC,CAAC,QAAQ;AAAA,QAC9B;AAAA;AAAA,IACF;AAAA,IAEA,8BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,WAAW,IAAI;AAAA,UACf,aAAa,MAAM;AAAA,UACnB,CAAC,OAAO;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACC,CAAC,OAAO,CAAC,gBACR,8BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,WAAW,IAAI;AAAA,UACf;AAAA,QACF;AAAA;AAAA,MAEC,OACC,OAEA,8BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,EAAE,OAAO,OAAO,SAAS,KAAK;AAAA,UACrC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA;AAAA,QAEf,8BAAAA,QAAA,cAAC,YAAO,IAAG,MAAK,IAAG,KAAI,GAAE,KAAI;AAAA,QAC7B,8BAAAA,QAAA,cAAC,UAAK,GAAE,yBAAwB;AAAA,MAClC;AAAA,IAEJ;AAAA,EAEJ;AAEJ;","names":["import_react","React","React"]}

package/dist/avatar/index.mjs

@@ -0,0 +1,122 @@
+import {
+  cn
+} from "../chunk-CBRGWUZG.mjs";
+
+// elements/avatar/Avatar.tsx
+import React2 from "react";
+
+// elements/fileUploader/FileUploader.tsx
+import React, { useRef } from "react";
+var FileUploader = ({ handleFile, className }) => {
+  const hiddenFileInput = useRef(null);
+  const handleClick = () => {
+    hiddenFileInput.current?.click();
+  };
+  const handleChange = (event) => {
+    const fileUploaded = event.target.files[0];
+    handleFile(fileUploaded);
+  };
+  return /* @__PURE__ */ React.createElement("div", { className }, /* @__PURE__ */ React.createElement("div", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      type: "file",
+      onChange: handleChange,
+      ref: hiddenFileInput,
+      style: { display: "none" }
+    }
+  ));
+};
+
+// elements/avatar/Avatar.tsx
+var Avatar = ({
+  isUploadable,
+  src,
+  alt,
+  size = "default",
+  radius = "inherit",
+  icon,
+  className,
+  ...props
+}) => {
+  let sizeStyles = {
+    "2xs": "hawa-h-4 hawa-w-4",
+    xs: "hawa-h-6 hawa-w-6",
+    sm: "hawa-h-8 hawa-w-8",
+    default: "hawa-h-10 hawa-w-10",
+    lg: "hawa-h-12 hawa-w-12",
+    xl: "hawa-h-14 hawa-w-14",
+    "2xl": "hawa-h-16 hawa-w-16",
+    "3xl": "hawa-h-[72px] hawa-w-[72px]",
+    "4xl": "hawa-h-20 hawa-w-20",
+    "5xl": "hawa-h-[88px] hawa-w-[88px]",
+    "6xl": "hawa-h-24 hawa-w-24"
+  };
+  let radiusStyles = {
+    full: "hawa-rounded-full",
+    inherit: "hawa-rounded",
+    none: "hawa-rounded-none"
+  };
+  return /* @__PURE__ */ React2.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-relative  hawa-bg-card hawa-p-0",
+        sizeStyles[size],
+        radiusStyles[radius],
+        className
+      )
+    },
+    /* @__PURE__ */ React2.createElement(
+      FileUploader,
+      {
+        className: cn(
+          "hawa-absolute hawa-left-0 hawa-top-0 hawa-w-full hawa-cursor-pointer hawa-bg-red-400 hawa-opacity-0",
+          sizeStyles[size],
+          radiusStyles[radius],
+          (!isUploadable || !!src) && "hawa-hidden"
+        )
+      }
+    ),
+    /* @__PURE__ */ React2.createElement(
+      "img",
+      {
+        className: cn(
+          "hawa-blue-400 hawa-object-cover",
+          sizeStyles[size],
+          radiusStyles[radius],
+          !src && "hawa-hidden"
+        ),
+        src,
+        alt
+      }
+    ),
+    !src && !isUploadable && /* @__PURE__ */ React2.createElement(
+      "div",
+      {
+        className: cn(
+          sizeStyles[size],
+          "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center"
+        )
+      },
+      icon ? icon : /* @__PURE__ */ React2.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          style: { width: "50%", opacity: 0.35 },
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "8", r: "5" }),
+        /* @__PURE__ */ React2.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
+      )
+    )
+  );
+};
+export {
+  Avatar
+};
+//# sourceMappingURL=index.mjs.map

package/dist/avatar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../elements/avatar/Avatar.tsx","../../elements/fileUploader/FileUploader.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { RadiusType } from \"@_types/commonTypes\";\n\nimport { cn } from \"@util/index\";\nimport { FileUploader } from \"../fileUploader\";\n\ninterface AvatarProps {\n  isUploadable?: boolean;\n  src?: string;\n  alt?: string;\n  size?:\n    | \"2xs\"\n    | \"xs\"\n    | \"sm\"\n    | \"default\"\n    | \"lg\"\n    | \"xl\"\n    | \"2xl\"\n    | \"3xl\"\n    | \"4xl\"\n    | \"5xl\"\n    | \"6xl\";\n  radius?: RadiusType;\n  className?: string;\n  icon?: React.ReactNode;\n}\nexport const Avatar: React.FC<AvatarProps> = ({\n  isUploadable,\n  src,\n  alt,\n  size = \"default\",\n  radius = \"inherit\",\n  icon,\n  className,\n  ...props\n}) => {\n  let sizeStyles = {\n    \"2xs\": \"hawa-h-4 hawa-w-4\",\n    xs: \"hawa-h-6 hawa-w-6\",\n    sm: \"hawa-h-8 hawa-w-8\",\n    default: \"hawa-h-10 hawa-w-10\",\n    lg: \"hawa-h-12 hawa-w-12\",\n    xl: \"hawa-h-14 hawa-w-14\",\n    \"2xl\": \"hawa-h-16 hawa-w-16\",\n    \"3xl\": \"hawa-h-[72px] hawa-w-[72px]\",\n    \"4xl\": \"hawa-h-20 hawa-w-20\",\n    \"5xl\": \"hawa-h-[88px] hawa-w-[88px]\",\n    \"6xl\": \"hawa-h-24 hawa-w-24\"\n  };\n  let radiusStyles = {\n    full: \"hawa-rounded-full\",\n    inherit: \"hawa-rounded\",\n    none: \"hawa-rounded-none\"\n  };\n  return (\n    <div\n      className={cn(\n        \"hawa-relative  hawa-bg-card hawa-p-0\",\n        sizeStyles[size],\n        radiusStyles[radius],\n        className\n      )}\n    >\n      <FileUploader\n        className={cn(\n          \"hawa-absolute hawa-left-0 hawa-top-0 hawa-w-full hawa-cursor-pointer hawa-bg-red-400 hawa-opacity-0\",\n          sizeStyles[size],\n          radiusStyles[radius],\n          (!isUploadable || !!src) && \"hawa-hidden\"\n        )}\n      />\n\n      <img\n        className={cn(\n          \"hawa-blue-400 hawa-object-cover\",\n          sizeStyles[size],\n          radiusStyles[radius],\n          !src && \"hawa-hidden\"\n        )}\n        src={src}\n        alt={alt}\n      />\n      {!src && !isUploadable && (\n        <div\n          className={cn(\n            sizeStyles[size],\n            \"hawa-flex hawa-flex-col hawa-items-center hawa-justify-center\"\n          )}\n        >\n          {icon ? (\n            icon\n          ) : (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              style={{ width: \"50%\", opacity: 0.35 }}\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <circle cx=\"12\" cy=\"8\" r=\"5\" />\n              <path d=\"M20 21a8 8 0 1 0-16 0\" />\n            </svg>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n","import React, { useRef } from \"react\";\n\nexport const FileUploader = ({ handleFile, className }: any) => {\n  const hiddenFileInput = useRef<HTMLInputElement>(null);\n  const handleClick = () => {\n    hiddenFileInput.current?.click();\n  };\n  const handleChange = (event: any) => {\n    const fileUploaded = event.target.files[0];\n    handleFile(fileUploaded);\n  };\n  return (\n    <div className={className}>\n      <div className=\"hawa-h-full hawa-w-full\" onClick={handleClick} />\n      <input\n        type=\"file\"\n        onChange={handleChange}\n        ref={hiddenFileInput}\n        style={{ display: \"none\" }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAOA,YAAW;;;ACAlB,OAAO,SAAS,cAAc;AAEvB,IAAM,eAAe,CAAC,EAAE,YAAY,UAAU,MAAW;AAC9D,QAAM,kBAAkB,OAAyB,IAAI;AACrD,QAAM,cAAc,MAAM;AACxB,oBAAgB,SAAS,MAAM;AAAA,EACjC;AACA,QAAM,eAAe,CAAC,UAAe;AACnC,UAAM,eAAe,MAAM,OAAO,MAAM,CAAC;AACzC,eAAW,YAAY;AAAA,EACzB;AACA,SACE,oCAAC,SAAI,aACH,oCAAC,SAAI,WAAU,2BAA0B,SAAS,aAAa,GAC/D;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,KAAK;AAAA,MACL,OAAO,EAAE,SAAS,OAAO;AAAA;AAAA,EAC3B,CACF;AAEJ;;;ADKO,IAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,aAAa;AAAA,IACf,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACA,MAAI,eAAe;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACA,SACE,gBAAAC,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,IAAI;AAAA,QACf,aAAa,MAAM;AAAA,QACnB;AAAA,MACF;AAAA;AAAA,IAEA,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,WAAW,IAAI;AAAA,UACf,aAAa,MAAM;AAAA,WAClB,CAAC,gBAAgB,CAAC,CAAC,QAAQ;AAAA,QAC9B;AAAA;AAAA,IACF;AAAA,IAEA,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,WAAW,IAAI;AAAA,UACf,aAAa,MAAM;AAAA,UACnB,CAAC,OAAO;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACC,CAAC,OAAO,CAAC,gBACR,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,WAAW,IAAI;AAAA,UACf;AAAA,QACF;AAAA;AAAA,MAEC,OACC,OAEA,gBAAAA,OAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,EAAE,OAAO,OAAO,SAAS,KAAK;AAAA,UACrC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA;AAAA,QAEf,gBAAAA,OAAA,cAAC,YAAO,IAAG,MAAK,IAAG,KAAI,GAAE,KAAI;AAAA,QAC7B,gBAAAA,OAAA,cAAC,UAAK,GAAE,yBAAwB;AAAA,MAClC;AAAA,IAEJ;AAAA,EAEJ;AAEJ;","names":["React","React"]}

package/dist/backToTop/index.d.mts

@@ -0,0 +1,15 @@
+import { FC, RefObject } from 'react';
+
+type BackToTopTypes = {
+    /** Horizontal padding relative to the attached corner */
+    paddingX?: number;
+    /** Vertical padding relative to the attached corner */
+    paddingY?: number;
+    /** Increase to the threshold of the scroll value that has to be passed for the button to appear */
+    paddingThreshold?: number;
+    corner?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    anchor: RefObject<HTMLInputElement>;
+};
+declare const BackToTop: FC<BackToTopTypes>;
+
+export { BackToTop };

package/dist/backToTop/index.d.ts

@@ -0,0 +1,15 @@
+import { FC, RefObject } from 'react';
+
+type BackToTopTypes = {
+    /** Horizontal padding relative to the attached corner */
+    paddingX?: number;
+    /** Vertical padding relative to the attached corner */
+    paddingY?: number;
+    /** Increase to the threshold of the scroll value that has to be passed for the button to appear */
+    paddingThreshold?: number;
+    corner?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    anchor: RefObject<HTMLInputElement>;
+};
+declare const BackToTop: FC<BackToTopTypes>;
+
+export { BackToTop };