@sikka/hawa 0.23.7-next → 0.23.9-next

package/dist/Label-fkQ4ebuH.d.mts

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,12 @@
+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/accordion/index.d.mts

@@ -0,0 +1,51 @@
+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 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;
+};
+
+type AccordionItemProps = {
+    trigger: string;
+    content: string;
+    disabled?: boolean;
+    chip?: ChipTypes;
+};
+type AccordionProps = {
+    items: AccordionItemProps[];
+    itemClassNames?: string;
+    triggerclassNames?: string;
+    contentclassNames?: string;
+    design?: "default" | "separated";
+} & React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    unstyled?: boolean | undefined;
+    hideArrow?: boolean | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+declare const AccordionRoot: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    unstyled?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger };

package/dist/accordion/index.d.ts

@@ -0,0 +1,51 @@
+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 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;
+};
+
+type AccordionItemProps = {
+    trigger: string;
+    content: string;
+    disabled?: boolean;
+    chip?: ChipTypes;
+};
+type AccordionProps = {
+    items: AccordionItemProps[];
+    itemClassNames?: string;
+    triggerclassNames?: string;
+    contentclassNames?: string;
+    design?: "default" | "separated";
+} & React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    unstyled?: boolean | undefined;
+    hideArrow?: boolean | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+declare const AccordionRoot: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    unstyled?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger };

package/dist/accordion/index.mjs

@@ -1,19 +1,96 @@
-import "../chunk-B6UCD4GP.mjs";
-import {
-  Chip
-} from "../chunk-72HYR6WB.mjs";
 import {
   cn
 } from "../chunk-TE3BKEXL.mjs";
 
 // components/elements/accordion/Accordion.tsx
-import * as React3 from "react";
+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 React from "react";
+import * as React2 from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var AccordionContent = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React2.createElement(
   AccordionPrimitive.Content,
   {
     ref,
@@ -23,14 +100,14 @@ var AccordionContent = React.forwardRef(({ className, children, ...props }, ref)
     ) : className,
     ...props
   },
-  /* @__PURE__ */ React.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
+  /* @__PURE__ */ React2.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
 ));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
 // components/elements/accordion/AccordionTrigger.tsx
-import * as React2 from "react";
+import * as React3 from "react";
 import * as AccordionPrimitive2 from "@radix-ui/react-accordion";
-var AccordionTrigger = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React2.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React2.createElement(
+var AccordionTrigger = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React3.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React3.createElement(
   AccordionPrimitive2.Trigger,
   {
     ref,
@@ -42,7 +119,7 @@ var AccordionTrigger = React2.forwardRef(({ className, children, ...props }, ref
     ...props
   },
   children,
-  !props.hideArrow && /* @__PURE__ */ React2.createElement(
+  !props.hideArrow && /* @__PURE__ */ React3.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -56,13 +133,13 @@ var AccordionTrigger = React2.forwardRef(({ className, children, ...props }, ref
       strokeLinejoin: "round",
       className: "hawa-icon hawa-shrink-0 hawa-transition-transform hawa-duration-200"
     },
-    /* @__PURE__ */ React2.createElement("path", { d: "m6 9 6 6 6-6" })
+    /* @__PURE__ */ React3.createElement("path", { d: "m6 9 6 6 6-6" })
   )
 )));
 AccordionTrigger.displayName = AccordionPrimitive2.Trigger.displayName;
 
 // components/elements/accordion/Accordion.tsx
-var Accordion = React3.forwardRef(
+var Accordion = React4.forwardRef(
   ({
     items,
     design = "default",
@@ -71,7 +148,7 @@ var Accordion = React3.forwardRef(
     contentclassNames,
     className,
     ...props
-  }, ref) => /* @__PURE__ */ React3.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React3.createElement(
+  }, ref) => /* @__PURE__ */ React4.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React4.createElement(
     "div",
     {
       className: cn("hawa-flex hawa-flex-col", {
@@ -79,7 +156,7 @@ var Accordion = React3.forwardRef(
         "hawa-gap-0": design === "default"
       })
     },
-    items.map((item, index) => /* @__PURE__ */ React3.createElement(
+    items.map((item, index) => /* @__PURE__ */ React4.createElement(
       AccordionPrimitive3.Item,
       {
         disabled: item.disabled || false,
@@ -87,7 +164,7 @@ var Accordion = React3.forwardRef(
         key: index,
         value: `item-${index}`
       },
-      /* @__PURE__ */ React3.createElement(
+      /* @__PURE__ */ React4.createElement(
         AccordionTrigger,
         {
           disabled: item.disabled || false,
@@ -100,7 +177,7 @@ var Accordion = React3.forwardRef(
             triggerclassNames
           )
         },
-        /* @__PURE__ */ React3.createElement(
+        /* @__PURE__ */ React4.createElement(
           "span",
           {
             className: cn(
@@ -110,10 +187,10 @@ var Accordion = React3.forwardRef(
           },
           item.trigger,
           " ",
-          item.chip && /* @__PURE__ */ React3.createElement(Chip, { ...item.chip })
+          item.chip && /* @__PURE__ */ React4.createElement(Chip, { ...item.chip })
         )
       ),
-      /* @__PURE__ */ React3.createElement(
+      /* @__PURE__ */ React4.createElement(
         AccordionContent,
         {
           "aria-disabled": item.disabled || false,
@@ -133,9 +210,9 @@ var Accordion = React3.forwardRef(
 Accordion.displayName = "Accordion";
 
 // components/elements/accordion/AccordionItem.tsx
-import * as React4 from "react";
+import * as React5 from "react";
 import * as AccordionPrimitive4 from "@radix-ui/react-accordion";
-var AccordionItem = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(AccordionPrimitive4.Item, { ref, className: cn(className), ...props }));
+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

package/dist/alert/index.d.mts

@@ -0,0 +1,28 @@
+import React__default from 'react';
+import { S as SeverityType, D as DirectionType } from '../commonTypes-N7XOVCit.mjs';
+
+type AlertTypes = {
+    severity?: SeverityType | "hyper" | "oceanic";
+    /** The title of the alert placed above the text of the alert. Can be used alone */
+    title?: any;
+    /** The text of the alert placed below the title of the alert. Can be used alone */
+    text: any;
+    /** The duration for the alert to stay on the screen */
+    duration?: number;
+    variant?: "normal" | "solid" | "top-accent" | "left-accent" | "right-accent" | "bottom-accent";
+    direction?: DirectionType;
+    actions?: [
+        {
+            label: string;
+            onClick: any;
+            variant: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
+        }
+    ];
+    persistent?: boolean;
+    icon?: any;
+    className?: any;
+    onAlertClosed?: any;
+};
+declare const Alert: React__default.FunctionComponent<AlertTypes>;
+
+export { Alert };

package/dist/alert/index.d.ts

@@ -0,0 +1,28 @@
+import React__default from 'react';
+import { S as SeverityType, D as DirectionType } from '../commonTypes-N7XOVCit.js';
+
+type AlertTypes = {
+    severity?: SeverityType | "hyper" | "oceanic";
+    /** The title of the alert placed above the text of the alert. Can be used alone */
+    title?: any;
+    /** The text of the alert placed below the title of the alert. Can be used alone */
+    text: any;
+    /** The duration for the alert to stay on the screen */
+    duration?: number;
+    variant?: "normal" | "solid" | "top-accent" | "left-accent" | "right-accent" | "bottom-accent";
+    direction?: DirectionType;
+    actions?: [
+        {
+            label: string;
+            onClick: any;
+            variant: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
+        }
+    ];
+    persistent?: boolean;
+    icon?: any;
+    className?: any;
+    onAlertClosed?: any;
+};
+declare const Alert: React__default.FunctionComponent<AlertTypes>;
+
+export { Alert };