@sikka/hawa 0.26.27 → 0.26.29

package/dist/checkbox/index.mjs

@@ -1,142 +0,0 @@
-import {
-  cn
-} from "../chunk-TWNGV3RE.mjs";
-
-// elements/checkbox/Checkbox.tsx
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-var Checkbox = ({
-  id,
-  label,
-  sublabel,
-  helperText,
-  disabled,
-  size = "default",
-  radius = "inherit",
-  ...props
-}) => {
-  let labelLineHeightStyles = {
-    xs: sublabel || helperText ? 0.5 : 0.1,
-    sm: 0.6,
-    default: 1,
-    md: 0.8,
-    lg: 0.9,
-    xl: 1
-  };
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: cn(
-        "hawa-flex hawa-gap-2",
-        size === "default" ? "hawa-items-top" : "hawa-items-center"
-      )
-    },
-    /* @__PURE__ */ React.createElement(
-      CheckboxElement,
-      {
-        ...props,
-        size,
-        radius,
-        disabled,
-        id
-      }
-    ),
-    (label || helperText) && /* @__PURE__ */ React.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        htmlFor: id,
-        className: cn(
-          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
-          disabled ? "hawa-cursor-not-allowed  hawa-text-muted-foreground hawa-opacity-70 " : "hawa-cursor-pointer"
-        ),
-        style: {
-          // lineHeight: labelLineHeightStyles[size]
-          lineHeight: 1
-        }
-      },
-      label
-    ), sublabel && /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        htmlFor: id,
-        className: cn(
-          "hawa-w-fit hawa-select-none hawa-text-sm hawa-text-muted-foreground",
-          disabled ? "hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70" : "hawa-cursor-pointer"
-        )
-      },
-      sublabel
-    ), helperText && !disabled && /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        htmlFor: id,
-        className: cn(
-          "hawa-w-fit hawa-select-none hawa-text-xs hawa-text-helper-color",
-          disabled && "hawa-cursor-not-allowed hawa-opacity-70"
-        )
-      },
-      helperText
-    ))
-  );
-};
-var CheckboxElement = React.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
-  let checkboxRadius = {
-    none: "hawa-rounded-none",
-    inherit: "hawa-rounded-sm",
-    full: "hawa-rounded-full"
-  };
-  let checkboxSizes = {
-    xs: "hawa-w-3 hawa-h-3",
-    sm: "hawa-w-6 hawa-h-6",
-    default: "hawa-icon",
-    md: "hawa-w-8 hawa-h-8",
-    lg: "hawa-w-10 hawa-h-10",
-    xl: "hawa-w-12 hawa-h-12"
-  };
-  let checkboxIndicatorSizes = {
-    xs: "0.5em",
-    default: "0.60em",
-    sm: "0.75em",
-    md: "0.875em",
-    lg: "1em",
-    xl: "1.25em"
-  };
-  return /* @__PURE__ */ React.createElement(
-    CheckboxPrimitive.Root,
-    {
-      ref,
-      className: cn(
-        "hawa-peer hawa-shrink-0  hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground",
-        checkboxSizes[size],
-        checkboxRadius[radius],
-        className
-      ),
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(
-      CheckboxPrimitive.Indicator,
-      {
-        className: cn(
-          "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
-        )
-      },
-      /* @__PURE__ */ React.createElement(
-        "svg",
-        {
-          "aria-label": "Check Mark",
-          stroke: "currentColor",
-          fill: "currentColor",
-          strokeWidth: "0",
-          viewBox: "0 0 512 512",
-          height: checkboxIndicatorSizes[size],
-          width: checkboxIndicatorSizes[size]
-        },
-        /* @__PURE__ */ React.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
-      ),
-      " "
-    )
-  );
-});
-CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
-export {
-  Checkbox
-};

package/dist/chip/index.d.mts

@@ -1,36 +0,0 @@
-import React__default from 'react';
-import { R as RadiusType } from '../commonTypes-2k6FnHw5.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?: "small" | "normal" | "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 { Chip, type ChipColors, type ChipTypes };

package/dist/chip/index.d.ts

@@ -1,36 +0,0 @@
-import React__default from 'react';
-import { R as RadiusType } from '../commonTypes-2k6FnHw5.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?: "small" | "normal" | "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 { Chip, type ChipColors, type ChipTypes };

package/dist/chip/index.js

@@ -1,129 +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/chip/index.ts
-var chip_exports = {};
-__export(chip_exports, {
-  Chip: () => Chip
-});
-module.exports = __toCommonJS(chip_exports);
-
-// elements/chip/Chip.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/chip/Chip.tsx
-var Chip = import_react.default.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__ */ import_react.default.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            defaultStyles,
-            sizeStyles[size],
-            radiusStyles[radius],
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        },
-        dotType && /* @__PURE__ */ import_react.default.createElement(
-          "span",
-          {
-            className: cn(dotStyles[size], dotTypeStyles[dotType])
-          }
-        ),
-        icon && icon,
-        label
-      );
-    } else {
-      return /* @__PURE__ */ import_react.default.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            "hawa-h-2 hawa-w-2 hawa-rounded-full",
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        }
-      );
-    }
-  }
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Chip
-});

package/dist/chip/index.mjs

@@ -1,87 +0,0 @@
-import {
-  cn
-} from "../chunk-TWNGV3RE.mjs";
-
-// 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"
-          )
-        }
-      );
-    }
-  }
-);
-export {
-  Chip
-};

package/dist/chunk-2R7F2GL7.mjs

@@ -1,82 +0,0 @@
-// util/index.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var parseColor = (color) => {
-  if (color.startsWith("#")) {
-    let r = parseInt(color.slice(1, 3), 16);
-    let g = parseInt(color.slice(3, 5), 16);
-    let b = parseInt(color.slice(5, 7), 16);
-    return [r, g, b];
-  } else if (color.startsWith("rgb")) {
-    return color.match(/\d+/g).map(Number);
-  }
-  return [255, 255, 255];
-};
-var calculateLuminance = (color) => {
-  var _a;
-  const [r, g, b] = (_a = parseColor(color)) == null ? void 0 : _a.map((c) => {
-    c /= 255;
-    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
-  });
-  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
-};
-
-// elements/tooltip/Tooltip.tsx
-import React from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
-TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
-var Tooltip = ({
-  side,
-  open,
-  content,
-  children,
-  defaultOpen,
-  onOpenChange,
-  triggerProps,
-  contentProps,
-  providerProps,
-  delayDuration = 300,
-  ...props
-}) => {
-  return /* @__PURE__ */ React.createElement(
-    TooltipPrimitive.TooltipProvider,
-    {
-      delayDuration,
-      ...providerProps
-    },
-    /* @__PURE__ */ React.createElement(
-      TooltipPrimitive.Root,
-      {
-        open,
-        defaultOpen,
-        onOpenChange,
-        ...props
-      },
-      /* @__PURE__ */ React.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ React.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
-    )
-  );
-};
-
-export {
-  cn,
-  calculateLuminance,
-  Tooltip
-};

package/dist/chunk-4EGKGSGY.mjs

@@ -1,129 +0,0 @@
-import {
-  cn
-} from "./chunk-D36MPDGE.mjs";
-
-// elements/scrollArea/ScrollArea.tsx
-import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-var ScrollArea = React.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React.createElement(
-  ScrollAreaPrimitive.Root,
-  {
-    ref,
-    className: cn("hawa-relative hawa-overflow-hidden", className),
-    ...props
-  },
-  /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
-  /* @__PURE__ */ React.createElement(ScrollBar, { orientation }),
-  /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Corner, null)
-));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React.createElement(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "hawa-flex hawa-touch-none hawa-select-none hawa-transition-colors",
-      orientation === "vertical" && "hawa-h-full hawa-w-2.5 hawa-border-l hawa-border-l-transparent hawa-p-[1px]",
-      orientation === "horizontal" && "hawa-h-2.5 hawa-border-t hawa-border-t-transparent hawa-p-[1px]",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React.createElement(
-    ScrollAreaPrimitive.ScrollAreaThumb,
-    {
-      className: cn(
-        "hawa-relative hawa-rounded-full hawa-bg-border",
-        orientation === "vertical" && "hawa-flex-1"
-      )
-    }
-  )
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-
-// elements/chip/Chip.tsx
-import React2 from "react";
-var Chip = React2.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__ */ React2.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            defaultStyles,
-            sizeStyles[size],
-            radiusStyles[radius],
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        },
-        dotType && /* @__PURE__ */ React2.createElement(
-          "span",
-          {
-            className: cn(dotStyles[size], dotTypeStyles[dotType])
-          }
-        ),
-        icon && icon,
-        label
-      );
-    } else {
-      return /* @__PURE__ */ React2.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            "hawa-h-2 hawa-w-2 hawa-rounded-full",
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        }
-      );
-    }
-  }
-);
-
-export {
-  ScrollArea,
-  Chip
-};