@sikka/hawa 0.24.3-next → 0.24.5-next

package/dist/textarea/index.mjs

@@ -1,13 +1,97 @@
-import {
-  Label
-} from "../chunk-TNAHW35O.mjs";
 import {
   cn
 } from "../chunk-TE3BKEXL.mjs";
 
 // components/elements/textarea/Textarea.tsx
-import * as React from "react";
-var Textarea = React.forwardRef(
+import * as React3 from "react";
+
+// components/elements/label/Label.tsx
+import * as React2 from "react";
+
+// components/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)
+    )
+  );
+};
+
+// components/elements/label/Label.tsx
+var Label = React2.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React2.createElement(
+  "label",
+  {
+    ref,
+    className: cn(
+      "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
+      className
+    ),
+    ...props
+  },
+  children,
+  required && /* @__PURE__ */ React2.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React2.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React2.createElement(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  },
+  /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ React2.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+  /* @__PURE__ */ React2.createElement("path", { d: "M12 17h.01" })
+))));
+Label.displayName = "Label";
+
+// components/elements/textarea/Textarea.tsx
+var Textarea = React3.forwardRef(
   ({
     className,
     labelProps,
@@ -17,7 +101,7 @@ var Textarea = React.forwardRef(
     countPosition = "bottom",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React3.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React3.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React3.createElement(
       "textarea",
       {
         className: cn(
@@ -27,7 +111,7 @@ var Textarea = React.forwardRef(
         ref,
         ...textareaProps
       }
-    ), /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React3.createElement(
       "p",
       {
         className: cn(
@@ -36,7 +120,7 @@ var Textarea = React.forwardRef(
         )
       },
       props.helperText
-    ), showCount && /* @__PURE__ */ React.createElement(
+    ), showCount && /* @__PURE__ */ React3.createElement(
       "div",
       {
         className: cn(

package/dist/toast/index.d.mts

@@ -2,7 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { D as DirectionType } from '../commonTypes-_11epZYh.mjs';
+import { D as DirectionType } from '../commonTypes-3J1E3b61.mjs';
 
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;

package/dist/toast/index.d.ts

@@ -2,7 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { D as DirectionType } from '../commonTypes-_11epZYh.js';
+import { D as DirectionType } from '../commonTypes-3J1E3b61.js';
 
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.24.3-next",
+  "version": "0.24.5-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",

package/dist/Label-fkQ4ebuH.d.mts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-
-type PositionType = "top" | "bottom" | "right" | "left";
-
-type LabelProps = {
-    hint?: React.ReactNode;
-    hintSide?: PositionType;
-    htmlFor?: string;
-    required?: boolean;
-};
-
-export type { LabelProps as L };

package/dist/Label-fkQ4ebuH.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-
-type PositionType = "top" | "bottom" | "right" | "left";
-
-type LabelProps = {
-    hint?: React.ReactNode;
-    hintSide?: PositionType;
-    htmlFor?: string;
-    required?: boolean;
-};
-
-export type { LabelProps as L };

package/dist/chunk-72HYR6WB.mjs

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

package/dist/chunk-JYSC6GKM.mjs

@@ -1,229 +0,0 @@
-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;
-
-export {
-  Chip,
-  AccordionContent,
-  AccordionTrigger,
-  Accordion,
-  AccordionItem,
-  AccordionRoot
-};

package/dist/commonTypes-3k5cNB1s.d.mts

@@ -1,4 +0,0 @@
-type DirectionType = "rtl" | "ltr";
-type OrientationType = "vertical" | "horizontal";
-
-export type { DirectionType as D, OrientationType as O };

package/dist/commonTypes-3k5cNB1s.d.ts

@@ -1,4 +0,0 @@
-type DirectionType = "rtl" | "ltr";
-type OrientationType = "vertical" | "horizontal";
-
-export type { DirectionType as D, OrientationType as O };

package/dist/commonTypes-N7XOVCit.d.mts

@@ -1,5 +0,0 @@
-type DirectionType = "rtl" | "ltr";
-type PositionType = "top" | "bottom" | "right" | "left";
-type SeverityType = "info" | "warning" | "error" | "success" | "none";
-
-export type { DirectionType as D, PositionType as P, SeverityType as S };

package/dist/commonTypes-N7XOVCit.d.ts

@@ -1,5 +0,0 @@
-type DirectionType = "rtl" | "ltr";
-type PositionType = "top" | "bottom" | "right" | "left";
-type SeverityType = "info" | "warning" | "error" | "success" | "none";
-
-export type { DirectionType as D, PositionType as P, SeverityType as S };

package/dist/index-DUZFcPRO.d.mts

@@ -1,38 +0,0 @@
-import React__default from 'react';
-
-type OrientationType = "vertical" | "horizontal";
-type RadiusType = "full" | "inherit" | "none";
-
-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 { type ChipTypes as C, type OrientationType as O, type ChipColors as a, Chip as b };

package/dist/index-DUZFcPRO.d.ts

@@ -1,38 +0,0 @@
-import React__default from 'react';
-
-type OrientationType = "vertical" | "horizontal";
-type RadiusType = "full" | "inherit" | "none";
-
-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 { type ChipTypes as C, type OrientationType as O, type ChipColors as a, Chip as b };