@sikka/hawa 0.26.27 → 0.26.29

package/dist/alert/index.mjs

@@ -1,402 +0,0 @@
-import {
-  cn
-} from "../chunk-TWNGV3RE.mjs";
-
-// elements/alert/Alert.tsx
-import React3, { useRef, useState, useEffect } 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/alert/Alert.tsx
-var Alert = ({
-  variant = "normal",
-  direction = "ltr",
-  severity = "none",
-  duration,
-  icon,
-  className,
-  ...props
-}) => {
-  const alertRef = useRef(null);
-  const [closed, setClosed] = useState(false);
-  useEffect(() => {
-    if (duration) {
-      const timeoutHide = setTimeout(() => {
-        setClosed(true);
-      }, duration);
-      const timeoutDestroy = setTimeout(() => {
-        setClosed(true);
-        if (alertRef == null ? void 0 : alertRef.current) {
-          alertRef == null ? void 0 : alertRef.current.removeChild(alertRef == null ? void 0 : alertRef.current.children[0]);
-        }
-      }, duration + 1e3);
-      return () => {
-        clearTimeout(timeoutHide);
-        clearTimeout(timeoutDestroy);
-      };
-    }
-  }, [duration]);
-  let closeButtonStyle = {
-    none: "",
-    info: "",
-    warning: "",
-    error: "",
-    success: "",
-    hyper: "",
-    oceanic: ""
-  };
-  let styleVariant = {
-    none: "hawa-text-gray-700 hawa-bg-gray-100 dark:hawa-bg-gray-900 ",
-    info: "hawa-text-info-foreground hawa-bg-info/90",
-    warning: "hawa-text-warning-foreground hawa-bg-warning/90",
-    error: "hawa-text-destructive-foreground hawa-bg-destructive/90",
-    success: "hawa-text-success-foreground hawa-bg-success/90",
-    hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-700 hawa-via-red-500 hawa-to-yellow-600 ",
-    oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-500 hawa-via-blue-700 hawa-to-purple-500"
-  };
-  return /* @__PURE__ */ React3.createElement("div", { ref: alertRef }, /* @__PURE__ */ React3.createElement(
-    "div",
-    {
-      "data-testid": "alert",
-      "aria-label": "Alert",
-      role: "alert",
-      dir: direction,
-      className: cn(
-        "hawa-relative hawa-mb-4 hawa-flex hawa-flex-col hawa-rounded hawa-p-4 hawa-text-sm hawa-transition-all",
-        styleVariant[severity],
-        closed ? "hawa-opacity-0" : "hawa-opacity-100",
-        className
-      )
-    },
-    /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ React3.createElement(
-      "div",
-      {
-        className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
-      },
-      icon
-    ), /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React3.createElement(
-      "span",
-      {
-        className: cn(
-          "hawa-font-bold",
-          direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8"
-        )
-      },
-      props.title
-    ), /* @__PURE__ */ React3.createElement(
-      "span",
-      {
-        className: cn(
-          direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8",
-          props.persistent ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]"
-        )
-      },
-      props.text
-    ), props.actions && /* @__PURE__ */ React3.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ React3.createElement(
-      Button,
-      {
-        key: index,
-        variant: act.variant,
-        onClick: act.onClick()
-      },
-      act.label
-    ))))),
-    !props.persistent && /* @__PURE__ */ React3.createElement(
-      "button",
-      {
-        type: "button",
-        "data-dismiss-target": "#alert-default",
-        "aria-label": "Close",
-        className: cn(
-          "hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all  hover:hawa-text-gray-900",
-          closeButtonStyle[severity],
-          direction === "rtl" ? "hawa-left-2" : "hawa-right-2"
-        ),
-        onClick: () => {
-          if (props.onAlertClosed) {
-            props.onAlertClosed();
-          }
-          setClosed(true);
-          setTimeout(() => {
-            if (alertRef == null ? void 0 : alertRef.current) {
-              alertRef == null ? void 0 : alertRef.current.removeChild(alertRef == null ? void 0 : alertRef.current.children[0]);
-            }
-          }, 200);
-        }
-      },
-      /* @__PURE__ */ React3.createElement("span", { className: "hawa-sr-only" }, "Close"),
-      /* @__PURE__ */ React3.createElement(
-        "svg",
-        {
-          "aria-label": "Close Icon",
-          "aria-hidden": "true",
-          className: "hawa-h-5 hawa-w-5",
-          fill: "currentColor",
-          viewBox: "0 0 20 20"
-        },
-        /* @__PURE__ */ React3.createElement(
-          "path",
-          {
-            fillRule: "evenodd",
-            d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-            clipRule: "evenodd"
-          }
-        )
-      )
-    )
-  ));
-};
-export {
-  Alert
-};

package/dist/appLayout/index.d.mts

@@ -1,126 +0,0 @@
-import * as React from 'react';
-import React__default from 'react';
-
-type DirectionType = "rtl" | "ltr";
-
-type SubItem$1 = {
-    label?: string;
-    value?: any;
-    icon?: any;
-    action?: () => void;
-    onMiddleClick?: (e: any) => void;
-    highlighted?: boolean;
-    disabled?: boolean;
-    slug?: string;
-};
-type MenuItemType = {
-    icon?: React.ReactNode;
-    label?: string;
-    shortcut?: React.ReactNode;
-    badged?: boolean;
-    value?: any;
-    content?: any;
-    slug?: string;
-    end?: any;
-    presist?: boolean;
-    itemType?: "separator" | "label" | "custom";
-    action?: () => void;
-    highlighted?: boolean;
-    subitems?: SubItem$1[];
-    disabled?: boolean;
-    onMiddleClick?: (e: any) => void;
-    onClick?: any;
-};
-
-type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
-
-type AppSidebarItemProps = {
-    value: string;
-    slug?: string;
-    label: string;
-    badge?: {
-        label: string;
-        color: ChipColors;
-    };
-    icon?: any;
-    subitems?: SubItem[];
-    onClick?: (e: React.MouseEvent) => void;
-    onMouseDown?: (e: React.MouseEvent) => void;
-};
-type SubItem = {
-    value: string;
-    label: string;
-    slug?: string;
-    icon?: any;
-    onMouseDown?: (e: React.MouseEvent) => void;
-    onClick?: (e: React.MouseEvent) => void;
-};
-
-type AppLayoutTypes = {
-    /** a custom header to replace the logoLink & logoSymbol */
-    header?: React__default.ReactNode;
-    design?: "default";
-    /** The pages of the side drawer */
-    drawerItems: AppSidebarItemProps[];
-    /** The direction of the layout */
-    direction?: DirectionType;
-    /** The title of the current selected page, make sure it's the same as the drawerItem slug */
-    currentPage: string;
-    /** Specifies the title of the page. */
-    pageTitle?: string;
-    /** Specifies the symbol for the logo. */
-    logoSymbol?: any;
-    /** Specifies the link for the logo. */
-    logoLink?: string;
-    /** Specifies the text for the logo. */
-    logoText?: any;
-    /** Specifies the content to be displayed in the layout. */
-    children?: any;
-    /** Specifies whether to display the top bar. */
-    topBar?: boolean;
-    /** Specifies the username to be displayed. */
-    username?: string;
-    /** Specifies the user email to be displayed. */
-    email?: string;
-    /** Specifies the image for the avatar. */
-    avatarImage?: any;
-    /**
-     * Specifies the size of the drawer.
-     * - 'sm': Small.
-     * - 'md': Medium.
-     * - 'large': Large.
-     */
-    drawerSize?: "sm" | "md" | "large";
-    /** Specifies the menu items for the profile menu. */
-    profileMenuItems?: MenuItemType[];
-    /**
-     * Specifies the width of the profile menu.
-     * - 'default': Default width.
-     * - 'sm': Small width.
-     * - 'lg': Large width.
-     * - 'parent': Inherits width from parent element.
-     */
-    profileMenuWidth?: "default" | "sm" | "lg" | "parent";
-    /** Event handler for drawer expansion. */
-    onDrawerExpand?: (e: any) => void;
-    /** Specifies whether to keep the drawer open. */
-    keepOpen: boolean;
-    /** The method used to control whether the drawer is expanded or not. */
-    setKeepOpen: (value: boolean) => void;
-    /** Specifies additional actions for the drawer footer. */
-    DrawerFooterActions?: any;
-    /** Specifies the item that was clicked. */
-    clickedItem?: any;
-    /** Event handler for logo button click. */
-    onLogoClick?: () => void;
-    /** Text labels for various UI elements. */
-    texts?: {
-        /** Label for expand sidebar button. */
-        expandSidebar?: string;
-        /** Label for collapse sidebar button. */
-        collapseSidebar?: string;
-    };
-};
-declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes>;
-
-export { AppLayout };

package/dist/appLayout/index.d.ts

@@ -1,126 +0,0 @@
-import * as React from 'react';
-import React__default from 'react';
-
-type DirectionType = "rtl" | "ltr";
-
-type SubItem$1 = {
-    label?: string;
-    value?: any;
-    icon?: any;
-    action?: () => void;
-    onMiddleClick?: (e: any) => void;
-    highlighted?: boolean;
-    disabled?: boolean;
-    slug?: string;
-};
-type MenuItemType = {
-    icon?: React.ReactNode;
-    label?: string;
-    shortcut?: React.ReactNode;
-    badged?: boolean;
-    value?: any;
-    content?: any;
-    slug?: string;
-    end?: any;
-    presist?: boolean;
-    itemType?: "separator" | "label" | "custom";
-    action?: () => void;
-    highlighted?: boolean;
-    subitems?: SubItem$1[];
-    disabled?: boolean;
-    onMiddleClick?: (e: any) => void;
-    onClick?: any;
-};
-
-type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
-
-type AppSidebarItemProps = {
-    value: string;
-    slug?: string;
-    label: string;
-    badge?: {
-        label: string;
-        color: ChipColors;
-    };
-    icon?: any;
-    subitems?: SubItem[];
-    onClick?: (e: React.MouseEvent) => void;
-    onMouseDown?: (e: React.MouseEvent) => void;
-};
-type SubItem = {
-    value: string;
-    label: string;
-    slug?: string;
-    icon?: any;
-    onMouseDown?: (e: React.MouseEvent) => void;
-    onClick?: (e: React.MouseEvent) => void;
-};
-
-type AppLayoutTypes = {
-    /** a custom header to replace the logoLink & logoSymbol */
-    header?: React__default.ReactNode;
-    design?: "default";
-    /** The pages of the side drawer */
-    drawerItems: AppSidebarItemProps[];
-    /** The direction of the layout */
-    direction?: DirectionType;
-    /** The title of the current selected page, make sure it's the same as the drawerItem slug */
-    currentPage: string;
-    /** Specifies the title of the page. */
-    pageTitle?: string;
-    /** Specifies the symbol for the logo. */
-    logoSymbol?: any;
-    /** Specifies the link for the logo. */
-    logoLink?: string;
-    /** Specifies the text for the logo. */
-    logoText?: any;
-    /** Specifies the content to be displayed in the layout. */
-    children?: any;
-    /** Specifies whether to display the top bar. */
-    topBar?: boolean;
-    /** Specifies the username to be displayed. */
-    username?: string;
-    /** Specifies the user email to be displayed. */
-    email?: string;
-    /** Specifies the image for the avatar. */
-    avatarImage?: any;
-    /**
-     * Specifies the size of the drawer.
-     * - 'sm': Small.
-     * - 'md': Medium.
-     * - 'large': Large.
-     */
-    drawerSize?: "sm" | "md" | "large";
-    /** Specifies the menu items for the profile menu. */
-    profileMenuItems?: MenuItemType[];
-    /**
-     * Specifies the width of the profile menu.
-     * - 'default': Default width.
-     * - 'sm': Small width.
-     * - 'lg': Large width.
-     * - 'parent': Inherits width from parent element.
-     */
-    profileMenuWidth?: "default" | "sm" | "lg" | "parent";
-    /** Event handler for drawer expansion. */
-    onDrawerExpand?: (e: any) => void;
-    /** Specifies whether to keep the drawer open. */
-    keepOpen: boolean;
-    /** The method used to control whether the drawer is expanded or not. */
-    setKeepOpen: (value: boolean) => void;
-    /** Specifies additional actions for the drawer footer. */
-    DrawerFooterActions?: any;
-    /** Specifies the item that was clicked. */
-    clickedItem?: any;
-    /** Event handler for logo button click. */
-    onLogoClick?: () => void;
-    /** Text labels for various UI elements. */
-    texts?: {
-        /** Label for expand sidebar button. */
-        expandSidebar?: string;
-        /** Label for collapse sidebar button. */
-        collapseSidebar?: string;
-    };
-};
-declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes>;
-
-export { AppLayout };