@sikka/hawa 0.26.27 → 0.26.29

package/dist/backToTop/index.mjs

@@ -1,358 +0,0 @@
-import {
-  cn
-} from "../chunk-TWNGV3RE.mjs";
-
-// elements/backToTop/BackToTop.tsx
-import React3, { useState, useEffect, useRef } from "react";
-
-// elements/button/Button.tsx
-import * as React2 from "react";
-import { cva } from "class-variance-authority";
-
-// elements/loading/Loading.tsx
-import React from "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__ */ React.createElement(
-        "div",
-        {
-          className: cn("hawa-flex hawa-flex-row hawa-gap-2", props.className)
-        },
-        /* @__PURE__ */ React.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__ */ React.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__ */ React.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__ */ React.createElement(
-        "svg",
-        {
-          className: cn("squircle-container", sizeStyles[size]),
-          viewBox: "0 0 35 35",
-          height: "35",
-          width: "35"
-        },
-        /* @__PURE__ */ React.createElement(
-          "rect",
-          {
-            className: "squircle-track",
-            x: "2.5",
-            y: "2.5",
-            fill: "none",
-            strokeWidth: "5px",
-            width: "32.5",
-            height: "32.5"
-          }
-        ),
-        /* @__PURE__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.createElement("div", { className: "progress-loading" });
-    case "orbit":
-      return /* @__PURE__ */ React.createElement("div", { className: "orbit-container" });
-    default:
-      return /* @__PURE__ */ React.createElement(
-        "svg",
-        {
-          className: cn("circle-container", sizeStyles[size]),
-          viewBox: "0 0 40 40",
-          height: "40",
-          width: "40"
-        },
-        /* @__PURE__ */ React.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__ */ React.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 = 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] = useState(false);
-  const [rect, _setRect] = useState(null);
-  const self = useRef(null);
-  const _rect = 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" });
-    }
-  };
-  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__ */ React3.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__ */ React3.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__ */ React3.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" })
-    )
-  );
-};
-export {
-  BackToTop
-};

package/dist/badge/index.d.mts

@@ -1,13 +0,0 @@
-import React, { FC, RefObject } from 'react';
-
-type BadgeTypes = {
-    position: "right" | "left";
-    anchor: RefObject<HTMLElement>;
-    size?: "small" | "default" | "large";
-    text?: string | number;
-    className?: string;
-};
-declare const Badge: FC<BadgeTypes>;
-declare const BadgedComponent: ({ children, className, hideBadge, position, size, text }: any) => React.JSX.Element;
-
-export { Badge, BadgedComponent };

package/dist/badge/index.d.ts

@@ -1,13 +0,0 @@
-import React, { FC, RefObject } from 'react';
-
-type BadgeTypes = {
-    position: "right" | "left";
-    anchor: RefObject<HTMLElement>;
-    size?: "small" | "default" | "large";
-    text?: string | number;
-    className?: string;
-};
-declare const Badge: FC<BadgeTypes>;
-declare const BadgedComponent: ({ children, className, hideBadge, position, size, text }: any) => React.JSX.Element;
-
-export { Badge, BadgedComponent };

package/dist/badge/index.js

@@ -1,127 +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/badge/index.ts
-var badge_exports = {};
-__export(badge_exports, {
-  Badge: () => Badge,
-  BadgedComponent: () => BadgedComponent
-});
-module.exports = __toCommonJS(badge_exports);
-
-// elements/badge/Badge.tsx
-var import_react = __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/badge/Badge.tsx
-var Badge = ({
-  anchor,
-  position = "right",
-  size = "default",
-  text,
-  className
-}) => {
-  const [badgePosition, setBadgePosition] = (0, import_react.useState)(null);
-  const indicatorRef = (0, import_react.useRef)(null);
-  const sizeStyles = {
-    small: { top: 4, left: 6, right: 7, classes: "hawa-w-3 hawa-h-3" },
-    default: { top: 4, left: 7, right: 5, classes: "hawa-w-3 hawa-h-3" },
-    large: { top: 6, left: 12, right: 7, classes: "hawa-w-6 hawa-h-6" }
-  };
-  (0, import_react.useEffect)(() => {
-    const handlePositioning = () => {
-      var _a;
-      if (anchor.current && indicatorRef.current) {
-        const rect = anchor.current.getBoundingClientRect();
-        const parentRect = (_a = indicatorRef.current.parentElement) == null ? void 0 : _a.getBoundingClientRect();
-        const style = window.getComputedStyle(anchor.current);
-        const marginTop = parseFloat(style.marginTop.replace("px", ""));
-        const marginRight = parseFloat(style.marginRight.replace("px", ""));
-        if (parentRect) {
-          setBadgePosition({
-            top: rect.top - parentRect.top - marginTop - sizeStyles[size].top,
-            left: position === "right" ? parentRect.right - parentRect.left - sizeStyles[size].left : rect.right - parentRect.left - parentRect.width - marginRight - sizeStyles[size].right
-          });
-        }
-      }
-    };
-    handlePositioning();
-    window.addEventListener("resize", handlePositioning);
-    return () => {
-      window.removeEventListener("resize", handlePositioning);
-    };
-  }, [anchor]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { ref: indicatorRef, className: cn("hawa-relative", className) }, badgePosition && /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      style: {
-        position: "absolute",
-        top: badgePosition == null ? void 0 : badgePosition.top,
-        left: badgePosition == null ? void 0 : badgePosition.left
-      },
-      className: cn(
-        "hawa-origin-center hawa-rounded-full  hawa-bg-red-500 ",
-        sizeStyles[size].classes,
-        "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-text-[9px] hawa-text-white"
-      )
-    },
-    size === "large" && text && text
-  ));
-};
-var BadgedComponent = ({
-  children,
-  className,
-  hideBadge,
-  position,
-  size,
-  text
-}) => {
-  const ref = (0, import_react.useRef)(null);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ import_react.default.createElement(
-    Badge,
-    {
-      size,
-      text,
-      position,
-      anchor: ref,
-      className: "hawa-z-10"
-    }
-  ), children);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Badge,
-  BadgedComponent
-});

package/dist/badge/index.mjs

@@ -1,84 +0,0 @@
-import {
-  cn
-} from "../chunk-TWNGV3RE.mjs";
-
-// elements/badge/Badge.tsx
-import React, { useEffect, useState, useRef } from "react";
-var Badge = ({
-  anchor,
-  position = "right",
-  size = "default",
-  text,
-  className
-}) => {
-  const [badgePosition, setBadgePosition] = useState(null);
-  const indicatorRef = useRef(null);
-  const sizeStyles = {
-    small: { top: 4, left: 6, right: 7, classes: "hawa-w-3 hawa-h-3" },
-    default: { top: 4, left: 7, right: 5, classes: "hawa-w-3 hawa-h-3" },
-    large: { top: 6, left: 12, right: 7, classes: "hawa-w-6 hawa-h-6" }
-  };
-  useEffect(() => {
-    const handlePositioning = () => {
-      var _a;
-      if (anchor.current && indicatorRef.current) {
-        const rect = anchor.current.getBoundingClientRect();
-        const parentRect = (_a = indicatorRef.current.parentElement) == null ? void 0 : _a.getBoundingClientRect();
-        const style = window.getComputedStyle(anchor.current);
-        const marginTop = parseFloat(style.marginTop.replace("px", ""));
-        const marginRight = parseFloat(style.marginRight.replace("px", ""));
-        if (parentRect) {
-          setBadgePosition({
-            top: rect.top - parentRect.top - marginTop - sizeStyles[size].top,
-            left: position === "right" ? parentRect.right - parentRect.left - sizeStyles[size].left : rect.right - parentRect.left - parentRect.width - marginRight - sizeStyles[size].right
-          });
-        }
-      }
-    };
-    handlePositioning();
-    window.addEventListener("resize", handlePositioning);
-    return () => {
-      window.removeEventListener("resize", handlePositioning);
-    };
-  }, [anchor]);
-  return /* @__PURE__ */ React.createElement("div", { ref: indicatorRef, className: cn("hawa-relative", className) }, badgePosition && /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      style: {
-        position: "absolute",
-        top: badgePosition == null ? void 0 : badgePosition.top,
-        left: badgePosition == null ? void 0 : badgePosition.left
-      },
-      className: cn(
-        "hawa-origin-center hawa-rounded-full  hawa-bg-red-500 ",
-        sizeStyles[size].classes,
-        "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-text-[9px] hawa-text-white"
-      )
-    },
-    size === "large" && text && text
-  ));
-};
-var BadgedComponent = ({
-  children,
-  className,
-  hideBadge,
-  position,
-  size,
-  text
-}) => {
-  const ref = useRef(null);
-  return /* @__PURE__ */ React.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ React.createElement(
-    Badge,
-    {
-      size,
-      text,
-      position,
-      anchor: ref,
-      className: "hawa-z-10"
-    }
-  ), children);
-};
-export {
-  Badge,
-  BadgedComponent
-};