@sikka/hawa 0.23.10-next → 0.24.0-next

package/dist/Chip-H5BnuDdx.d.ts

@@ -0,0 +1,36 @@
+import React__default from 'react';
+import { R as RadiusType } from './commonTypes-CKtkuNFH.js';
+
+type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
+type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
+    /** The text inside the chip */
+    label: string;
+    /** The small icon before the chip label  */
+    icon?: JSX.Element;
+    /** The color of the chip, must be a tailwind color */
+    color?: ChipColors;
+    /** The size of the chip */
+    size?: "small" | "normal" | "large";
+    /** Enable/Disable the dot before the label of the chip */
+    dot?: boolean;
+    /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
+    dotType?: "available" | "unavailable";
+    radius?: RadiusType;
+};
+declare const Chip: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & {
+    /** The text inside the chip */
+    label: string;
+    /** The small icon before the chip label  */
+    icon?: JSX.Element | undefined;
+    /** The color of the chip, must be a tailwind color */
+    color?: ChipColors | undefined;
+    /** The size of the chip */
+    size?: "normal" | "small" | "large" | undefined;
+    /** Enable/Disable the dot before the label of the chip */
+    dot?: boolean | undefined;
+    /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
+    dotType?: "available" | "unavailable" | undefined;
+    radius?: RadiusType | undefined;
+} & React__default.RefAttributes<HTMLSpanElement>>;
+
+export { type ChipColors as C, type ChipTypes as a, Chip as b };

package/dist/Chip-hr2gRBJ-.d.mts

@@ -0,0 +1,36 @@
+import React__default from 'react';
+import { R as RadiusType } from './commonTypes-CKtkuNFH.mjs';
+
+type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
+type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
+    /** The text inside the chip */
+    label: string;
+    /** The small icon before the chip label  */
+    icon?: JSX.Element;
+    /** The color of the chip, must be a tailwind color */
+    color?: ChipColors;
+    /** The size of the chip */
+    size?: "small" | "normal" | "large";
+    /** Enable/Disable the dot before the label of the chip */
+    dot?: boolean;
+    /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
+    dotType?: "available" | "unavailable";
+    radius?: RadiusType;
+};
+declare const Chip: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & {
+    /** The text inside the chip */
+    label: string;
+    /** The small icon before the chip label  */
+    icon?: JSX.Element | undefined;
+    /** The color of the chip, must be a tailwind color */
+    color?: ChipColors | undefined;
+    /** The size of the chip */
+    size?: "normal" | "small" | "large" | undefined;
+    /** Enable/Disable the dot before the label of the chip */
+    dot?: boolean | undefined;
+    /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
+    dotType?: "available" | "unavailable" | undefined;
+    radius?: RadiusType | undefined;
+} & React__default.RefAttributes<HTMLSpanElement>>;
+
+export { type ChipColors as C, type ChipTypes as a, Chip as b };

package/dist/accordion/index.d.mts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import React__default from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { R as RadiusType } from '../commonTypes-PBumfOBg.mjs';
+
+type RadiusType = "full" | "inherit" | "none";
 
 type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
 type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {

package/dist/accordion/index.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import React__default from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { R as RadiusType } from '../commonTypes-PBumfOBg.js';
+
+type RadiusType = "full" | "inherit" | "none";
 
 type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
 type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {

package/dist/accordion/index.mjs

@@ -1,223 +1,11 @@
 import {
-  cn
-} from "../chunk-TE3BKEXL.mjs";
-
-// components/elements/accordion/Accordion.tsx
-import * as React4 from "react";
-import * as AccordionPrimitive3 from "@radix-ui/react-accordion";
-
-// components/elements/chip/Chip.tsx
-import React from "react";
-var Chip = React.forwardRef(
-  ({
-    label,
-    size = "normal",
-    icon,
-    color,
-    radius = "inherit",
-    dotType,
-    ...rest
-  }, ref) => {
-    let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
-    let radiusStyles = {
-      inherit: " hawa-rounded",
-      full: "hawa-rounded-full",
-      none: "hawa-rounded-none"
-    };
-    let sizeStyles = {
-      small: "hawa-h-[15px] hawa-leading-4 hawa-px-0 hawa-py-0 hawa-text-[9px] hawa-gap-0.5 ",
-      normal: "hawa-h-fit hawa-text-xs",
-      large: "hawa-text-base"
-    };
-    let dotStyles = {
-      small: "hawa-flex hawa-h-1 hawa-w-1 hawa-rounded-full",
-      normal: "hawa-flex hawa-h-2 hawa-w-2 hawa-rounded-full",
-      large: "hawa-flex hawa-h-3 hawa-w-3 hawa-rounded-full"
-    };
-    let dotTypeStyles = {
-      available: "hawa-bg-green-500",
-      unavailable: "hawa-bg-red-500"
-    };
-    let colorStyles = {
-      green: "hawa-bg-green-100 hawa-text-green-500 dark:hawa-bg-green-400 dark:hawa-text-green-800",
-      blue: "hawa-bg-blue-100 hawa-text-blue-500 dark:hawa-bg-blue-400 dark:hawa-text-blue-100",
-      red: "hawa-bg-red-100 hawa-text-red-500 dark:hawa-bg-red-400 dark:hawa-text-red-100",
-      yellow: "hawa-bg-yellow-100 hawa-text-yellow-600 dark:hawa-bg-yellow-400 dark:hawa-text-yellow-800",
-      orange: "hawa-bg-orange-100 hawa-text-orange-500 dark:hawa-bg-orange-400 dark:hawa-text-orange-100",
-      purple: "hawa-bg-purple-100 hawa-text-purple-500 dark:hawa-bg-purple-400 dark:hawa-text-purple-100",
-      cyan: "hawa-bg-cyan-100 hawa-text-cyan-800 dark:hawa-bg-cyan-400 dark:hawa-text-cyan-800",
-      hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-500 hawa-via-red-500 hawa-to-yellow-500 ",
-      oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
-    };
-    if (label) {
-      return /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            defaultStyles,
-            sizeStyles[size],
-            radiusStyles[radius],
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        },
-        dotType && /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: cn(dotStyles[size], dotTypeStyles[dotType])
-          }
-        ),
-        icon && icon,
-        label
-      );
-    } else {
-      return /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            "hawa-h-2 hawa-w-2 hawa-rounded-full",
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        }
-      );
-    }
-  }
-);
-
-// components/elements/accordion/AccordionContent.tsx
-import * as React2 from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-var AccordionContent = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React2.createElement(
-  AccordionPrimitive.Content,
-  {
-    ref,
-    className: !props.unstyled ? cn(
-      "hawa-overflow-hidden hawa-text-sm hawa-transition-all data-[state=closed]:hawa-animate-accordion-up data-[state=open]:hawa-animate-accordion-down",
-      className
-    ) : className,
-    ...props
-  },
-  /* @__PURE__ */ React2.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
-));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-
-// components/elements/accordion/AccordionTrigger.tsx
-import * as React3 from "react";
-import * as AccordionPrimitive2 from "@radix-ui/react-accordion";
-var AccordionTrigger = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React3.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React3.createElement(
-  AccordionPrimitive2.Trigger,
-  {
-    ref,
-    className: !props.unstyled ? cn(
-      "hawa-flex hawa-flex-1 hawa-items-center hawa-justify-between hawa-bg-muted/50 hawa-p-4 hawa-font-medium hawa-transition-all [&[data-state=open]>svg]:hawa-rotate-180",
-      props.disabled ? "hawa-bg-muted/30 hawa-text-muted-foreground/50" : "hover:hawa-bg-muted",
-      className
-    ) : className,
-    ...props
-  },
-  children,
-  !props.hideArrow && /* @__PURE__ */ React3.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",
-      className: "hawa-icon hawa-shrink-0 hawa-transition-transform hawa-duration-200"
-    },
-    /* @__PURE__ */ React3.createElement("path", { d: "m6 9 6 6 6-6" })
-  )
-)));
-AccordionTrigger.displayName = AccordionPrimitive2.Trigger.displayName;
-
-// components/elements/accordion/Accordion.tsx
-var Accordion = React4.forwardRef(
-  ({
-    items,
-    design = "default",
-    itemClassNames,
-    triggerclassNames,
-    contentclassNames,
-    className,
-    ...props
-  }, ref) => /* @__PURE__ */ React4.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React4.createElement(
-    "div",
-    {
-      className: cn("hawa-flex hawa-flex-col", {
-        "hawa-gap-4": design === "separated",
-        "hawa-gap-0": design === "default"
-      })
-    },
-    items.map((item, index) => /* @__PURE__ */ React4.createElement(
-      AccordionPrimitive3.Item,
-      {
-        disabled: item.disabled || false,
-        className: cn(itemClassNames, "hawa-rounded"),
-        key: index,
-        value: `item-${index}`
-      },
-      /* @__PURE__ */ React4.createElement(
-        AccordionTrigger,
-        {
-          disabled: item.disabled || false,
-          className: cn(
-            "hawa-transition-all",
-            design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-b-none" : {
-              "hawa-rounded-t": index === 0,
-              "data-[state=closed]:hawa-rounded-b": index === items.length - 1
-            },
-            triggerclassNames
-          )
-        },
-        /* @__PURE__ */ React4.createElement(
-          "span",
-          {
-            className: cn(
-              "hawa-flex hawa-flex-row",
-              item.chip && "hawa-gap-2"
-            )
-          },
-          item.trigger,
-          " ",
-          item.chip && /* @__PURE__ */ React4.createElement(Chip, { ...item.chip })
-        )
-      ),
-      /* @__PURE__ */ React4.createElement(
-        AccordionContent,
-        {
-          "aria-disabled": item.disabled || false,
-          className: cn(
-            "hawa-border  hawa-transition-all",
-            design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
-              "data-[state=open]:hawa-rounded-b": index === items.length - 1
-            },
-            contentclassNames
-          )
-        },
-        item.content
-      )
-    ))
-  ))
-);
-Accordion.displayName = "Accordion";
-
-// components/elements/accordion/AccordionItem.tsx
-import * as React5 from "react";
-import * as AccordionPrimitive4 from "@radix-ui/react-accordion";
-var AccordionItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(AccordionPrimitive4.Item, { ref, className: cn(className), ...props }));
-AccordionItem.displayName = "AccordionItem";
-
-// components/elements/accordion/AccordionRoot.tsx
-import * as AccordionPrimitive5 from "@radix-ui/react-accordion";
-var AccordionRoot = AccordionPrimitive5.Root;
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionRoot,
+  AccordionTrigger
+} from "../chunk-QBE2IIIH.mjs";
+import "../chunk-TE3BKEXL.mjs";
 export {
   Accordion,
   AccordionContent,

package/dist/avatar/index.d.mts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { R as RadiusType } from '../commonTypes-eIwARo5g.mjs';
+import { R as RadiusType } from '../commonTypes-PBumfOBg.mjs';
 
 interface AvatarProps {
     isUploadable?: boolean;

package/dist/avatar/index.d.ts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { R as RadiusType } from '../commonTypes-eIwARo5g.js';
+import { R as RadiusType } from '../commonTypes-PBumfOBg.js';
 
 interface AvatarProps {
     isUploadable?: boolean;

package/dist/avatar/index.js

@@ -44,7 +44,7 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// components/elements/FileUploader.tsx
+// components/elements/fileUploader/FileUploader.tsx
 var import_react = __toESM(require("react"));
 var FileUploader = ({ handleFile, className }) => {
   const hiddenFileInput = (0, import_react.useRef)(null);

package/dist/avatar/index.mjs

@@ -5,7 +5,7 @@ import {
 // components/elements/avatar/Avatar.tsx
 import React2 from "react";
 
-// components/elements/FileUploader.tsx
+// components/elements/fileUploader/FileUploader.tsx
 import React, { useRef } from "react";
 var FileUploader = ({ handleFile, className }) => {
   const hiddenFileInput = useRef(null);

package/dist/backToTop/index.mjs

@@ -1,104 +1,7 @@
 import {
-  Button,
-  cn
-} from "../chunk-3N6JJKMN.mjs";
-
-// components/elements/backToTop/BackToTop.tsx
-import React, { useState, useEffect, useRef } from "react";
-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__ */ React.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__ */ React.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__ */ React.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" })
-    )
-  );
-};
+  BackToTop
+} from "../chunk-26FHSPJI.mjs";
+import "../chunk-TE3BKEXL.mjs";
 export {
   BackToTop
 };