@sikka/hawa 0.26.28 → 0.26.29

package/dist/avatar/index.mjs

@@ -1,122 +0,0 @@
-import {
-  cn
-} from "../chunk-TWNGV3RE.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 = () => {
-    var _a;
-    (_a = hiddenFileInput.current) == null ? void 0 : _a.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
-};

package/dist/backToTop/index.d.mts

@@ -1,15 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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.js

@@ -1,398 +0,0 @@
-"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/backToTop/index.ts
-var backToTop_exports = {};
-__export(backToTop_exports, {
-  BackToTop: () => BackToTop
-});
-module.exports = __toCommonJS(backToTop_exports);
-
-// elements/backToTop/BackToTop.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/button/Button.tsx
-var React2 = __toESM(require("react"));
-var import_class_variance_authority = require("class-variance-authority");
-
-// elements/loading/Loading.tsx
-var import_react = __toESM(require("react"));
-var Loading = ({
-  design = "spinner",
-  size = "sm",
-  themeMode = "light",
-  color,
-  ...props
-}) => {
-  let sizeStyles = {
-    button: "hawa-h-4 hawa-w-4",
-    xs: "hawa-h-1 hawa-w-1",
-    sm: "hawa-h-6 hawa-w-6",
-    normal: "hawa-h-8 hawa-w-8",
-    lg: "hawa-h-14 hawa-w-14",
-    xl: "hawa-h-24 hawa-w-24"
-  };
-  let animationStyles = {
-    pulse: "hawa-animate-in hawa-fade-in hawa-duration-1000",
-    bounce: "hawa-animate-bounce"
-  };
-  switch (design.split("-")[0]) {
-    case "dots":
-      return /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: cn("hawa-flex hawa-flex-row hawa-gap-2", props.className)
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        )
-      );
-    case "square":
-      return /* @__PURE__ */ import_react.default.createElement(
-        "svg",
-        {
-          className: cn("squircle-container", sizeStyles[size]),
-          viewBox: "0 0 35 35",
-          height: "35",
-          width: "35"
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "rect",
-          {
-            className: "squircle-track",
-            x: "2.5",
-            y: "2.5",
-            fill: "none",
-            strokeWidth: "5px",
-            width: "32.5",
-            height: "32.5"
-          }
-        ),
-        /* @__PURE__ */ import_react.default.createElement(
-          "rect",
-          {
-            className: "square-car",
-            x: "2.5",
-            y: "2.5",
-            fill: "none",
-            strokeWidth: "5px",
-            width: "32.5",
-            height: "32.5",
-            pathLength: "100"
-          }
-        )
-      );
-    case "squircle":
-      return /* @__PURE__ */ import_react.default.createElement(
-        "svg",
-        {
-          className: cn("squircle-container", sizeStyles[size]),
-          x: "0px",
-          y: "0px",
-          viewBox: "0 0 37 37",
-          height: "37",
-          width: "37",
-          preserveAspectRatio: "xMidYMid meet"
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "path",
-          {
-            className: "squircle-track",
-            fill: "none",
-            strokeWidth: "5",
-            pathLength: "100",
-            d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
-          }
-        ),
-        /* @__PURE__ */ import_react.default.createElement(
-          "path",
-          {
-            className: "squircle-car",
-            fill: "none",
-            strokeWidth: "5",
-            pathLength: "100",
-            d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
-          }
-        )
-      );
-    case "progress":
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "progress-loading" });
-    case "orbit":
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "orbit-container" });
-    default:
-      return /* @__PURE__ */ import_react.default.createElement(
-        "svg",
-        {
-          className: cn("circle-container", sizeStyles[size]),
-          viewBox: "0 0 40 40",
-          height: "40",
-          width: "40"
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "circle",
-          {
-            className: cn("circle-track", {
-              "hawa-stroke-primary-foreground": themeMode === "dark",
-              "hawa-stroke-primary": themeMode === "light"
-            }),
-            cx: "20",
-            cy: "20",
-            r: "17.5",
-            pathLength: "100",
-            strokeWidth: "5px",
-            fill: "none"
-          }
-        ),
-        /* @__PURE__ */ import_react.default.createElement(
-          "circle",
-          {
-            className: cn("circle-car", {
-              "hawa-stroke-primary-foreground": themeMode === "dark",
-              "hawa-stroke-primary": themeMode === "light"
-            }),
-            cx: "20",
-            cy: "20",
-            r: "17.5",
-            pathLength: "100",
-            strokeWidth: "5px",
-            fill: "none"
-          }
-        )
-      );
-  }
-};
-
-// elements/button/Button.tsx
-var buttonVariants = (0, import_class_variance_authority.cva)(
-  "hawa-inline-flex hawa-items-center  hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "hawa-bg-primary hawa-text-primary-foreground hover:hawa-bg-primary/90",
-        light: "hawa-bg-primary/20 hawa-text-primary hover:hawa-bg-primary/40",
-        destructive: "hawa-bg-destructive hawa-text-destructive-foreground hover:hawa-bg-destructive/90",
-        outline: "hawa-border hawa-border-input hawa-bg-transparent hover:hawa-bg-accent hover:hawa-text-accent-foreground",
-        secondary: "hawa-bg-secondary hawa-text-secondary-foreground hover:hawa-bg-secondary/80",
-        ghost: "hover:hawa-bg-accent hover:hawa-text-accent-foreground",
-        link: "hawa-text-primary hawa-underline-offset-4 hover:hawa-underline",
-        combobox: "hawa-bg-background hawa-border",
-        neoBrutalism: "neo-brutalism"
-        // "hawa-cursor-pointer hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active shadow-color-primary active:shadow-color-primary-active",
-      },
-      size: {
-        default: "hawa-h-10 hawa-px-4 hawa-py-2",
-        heightless: "hawa-px-4 hawa-py-4",
-        xs: "hawa-h-fit hawa-min-h-[25px] hawa-py-1 hawa-text-[10px] hawa-px-2 ",
-        sm: "hawa-h-9  hawa-text-[11px] hawa-rounded-md hawa-px-3",
-        lg: "hawa-h-11 hawa-rounded-md hawa-px-8",
-        xl: "hawa-h-14 hawa-rounded-md hawa-px-10",
-        icon: "hawa-h-10 hawa-w-10",
-        smallIcon: "hawa-h-7 hawa-w-7"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React2.forwardRef(
-  ({
-    className,
-    variant,
-    size,
-    asChild = false,
-    centered = true,
-    isLoading,
-    children,
-    ...props
-  }, ref) => {
-    const Comp = "button";
-    const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React2.createElement(
-      Comp,
-      {
-        className: cn(
-          buttonVariants({ variant, size, className }),
-          centered && "hawa-justify-center"
-          // "hawa-bg-red-500"
-        ),
-        ref,
-        ...props
-      },
-      isLoading ? /* @__PURE__ */ React2.createElement(
-        Loading,
-        {
-          design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
-          themeMode: variant === "outline" ? "light" : "dark",
-          color: loadingColor,
-          size: size === "sm" || size === "xs" ? "xs" : "button"
-        }
-      ) : children
-    );
-  }
-);
-Button.displayName = "Button";
-
-// elements/backToTop/BackToTop.tsx
-var BackToTop = ({ ...props }) => {
-  const [visible, setVisible] = (0, import_react2.useState)(false);
-  const [rect, _setRect] = (0, import_react2.useState)(null);
-  const self = (0, import_react2.useRef)(null);
-  const _rect = (0, import_react2.useRef)(rect);
-  const setRect = (data) => {
-    _rect.current = data;
-    _setRect(data);
-  };
-  const getCoords = () => {
-    let anchor = props.anchor.current;
-    if (anchor) {
-      return [anchor.scrollTop, anchor.scrollLeft];
-    }
-    return [0, 0];
-  };
-  const onScroll = () => {
-    var _a;
-    let [scrollTop, scrollLeft] = getCoords();
-    let rect2 = (_a = props.anchor.current) == null ? void 0 : _a.getBoundingClientRect();
-    if (rect2) {
-      setVisible(scrollTop >= rect2.height + (props.paddingThreshold || 100));
-    }
-  };
-  const backToTop = () => {
-    if (props.anchor.current) {
-      props.anchor.current.scrollTo({ top: 0, behavior: "smooth" });
-    }
-  };
-  (0, import_react2.useEffect)(() => {
-    if (!props.anchor.current)
-      return;
-    props.anchor.current.addEventListener("scroll", onScroll);
-    let interval = setInterval(() => {
-      if (!props.anchor.current)
-        return;
-      let newRect = props.anchor.current.getBoundingClientRect();
-      if (_rect.current == null)
-        return setRect(newRect);
-      if (!(_rect.current.top == newRect.top && _rect.current.left == newRect.left && _rect.current.width == newRect.width && _rect.current.height == newRect.height)) {
-        setRect(newRect);
-      }
-    }, 1);
-    return () => {
-      var _a;
-      (_a = props.anchor.current) == null ? void 0 : _a.removeEventListener("scroll", onScroll);
-      clearInterval(interval);
-    };
-  }, [onScroll, props.anchor]);
-  const getStyles = () => {
-    var _a;
-    if (!props.anchor.current || !self.current)
-      return {};
-    let corner = props.corner || "bottom-right";
-    let [vertical, horizontal] = corner.split("-");
-    let anchorRect = props.anchor.current.getBoundingClientRect();
-    let selfRect = (_a = self.current) == null ? void 0 : _a.getBoundingClientRect();
-    let width = horizontal == "right" ? anchorRect.width - selfRect.width : 0;
-    let height = vertical == "bottom" ? anchorRect.height - selfRect.height : 0;
-    let style = {
-      top: anchorRect.y + height + (vertical == "bottom" ? -1 : 1) * (props.paddingX || 10),
-      left: anchorRect.x + width + (horizontal == "right" ? -1 : 1) * (props.paddingX || 25)
-    };
-    return style;
-  };
-  return /* @__PURE__ */ import_react2.default.createElement(
-    Button,
-    {
-      className: cn(
-        "hawa-fixed hawa-cursor-pointer hawa-rounded hawa-transition-all",
-        visible ? "hawa-pointer-events-all hawa-opacity-100" : "hawa-pointer-events-none hawa-opacity-0"
-      ),
-      onClick: backToTop,
-      style: {
-        ...getStyles(),
-        transitionProperty: "opacity, background-color"
-      },
-      ref: self,
-      size: "icon"
-    },
-    /* @__PURE__ */ import_react2.default.createElement(
-      "svg",
-      {
-        className: cn(
-          "hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-rotate-180 hawa-transition-all  disabled:hawa-bg-gray-200"
-        ),
-        "aria-label": "Arrow Icon",
-        viewBox: "0 0 20 20",
-        fill: "currentColor"
-      },
-      /* @__PURE__ */ import_react2.default.createElement("path", { d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" })
-    )
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  BackToTop
-});