@sikka/hawa 0.24.3-next → 0.24.5-next

package/dist/input/index.mjs

@@ -1,97 +1,13 @@
 import {
+  Label,
   cn
-} from "../chunk-TE3BKEXL.mjs";
+} from "../chunk-C2UYTGUD.mjs";
 
 // components/elements/input/Input.tsx
-import React4, { forwardRef as forwardRef2 } 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";
+import React2, { forwardRef } from "react";
 
 // components/elements/skeleton/Skeleton.tsx
-import React3 from "react";
+import React from "react";
 function Skeleton({
   className,
   content,
@@ -103,7 +19,7 @@ function Skeleton({
     pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
     shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
   };
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       className: cn(
@@ -118,7 +34,7 @@ function Skeleton({
 }
 
 // components/elements/input/Input.tsx
-var Input = forwardRef2(
+var Input = forwardRef(
   ({
     margin = "none",
     width = "full",
@@ -145,7 +61,7 @@ var Input = forwardRef2(
     };
     let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
     let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
-    return /* @__PURE__ */ React4.createElement(
+    return /* @__PURE__ */ React2.createElement(
       "div",
       {
         className: cn(
@@ -156,8 +72,8 @@ var Input = forwardRef2(
           "hawa-w-full hawa-gap-2"
         )
       },
-      props.label && /* @__PURE__ */ React4.createElement(Label, { ...labelProps }, props.label),
-      props.isLoading ? /* @__PURE__ */ React4.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React4.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React4.createElement(
+      props.label && /* @__PURE__ */ React2.createElement(Label, { ...labelProps }, props.label),
+      props.isLoading ? /* @__PURE__ */ React2.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React2.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React2.createElement(
         "div",
         {
           className: cn(
@@ -165,7 +81,7 @@ var Input = forwardRef2(
             preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ React4.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ React4.createElement(
+      ), /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ React2.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ React2.createElement(
         "div",
         {
           className: cn(
@@ -174,7 +90,7 @@ var Input = forwardRef2(
           )
         },
         props.endIcon
-      ), /* @__PURE__ */ React4.createElement(
+      ), /* @__PURE__ */ React2.createElement(
         "input",
         {
           required: true,
@@ -200,7 +116,7 @@ var Input = forwardRef2(
             inputProps == null ? void 0 : inputProps.className
           )
         }
-      )), !forceHideHelperText && /* @__PURE__ */ React4.createElement(
+      )), !forceHideHelperText && /* @__PURE__ */ React2.createElement(
         "p",
         {
           className: cn(
@@ -209,7 +125,7 @@ var Input = forwardRef2(
           )
         },
         props.helperText
-      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ React4.createElement(
+      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ React2.createElement(
         "div",
         {
           className: cn(
@@ -218,7 +134,7 @@ var Input = forwardRef2(
           )
         },
         props.helperText
-      ), showCount && /* @__PURE__ */ React4.createElement(
+      ), showCount && /* @__PURE__ */ React2.createElement(
         "div",
         {
           className: cn(

package/dist/interfaceSettings/index.d.mts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { O as OrientationType } from '../commonTypes-3k5cNB1s.mjs';
+import { O as OrientationType } from '../commonTypes-GhKAraJw.mjs';
 
 type TypographyTypes = {
     /** Function to handle language change.   */

package/dist/interfaceSettings/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { O as OrientationType } from '../commonTypes-3k5cNB1s.js';
+import { O as OrientationType } from '../commonTypes-GhKAraJw.js';
 
 type TypographyTypes = {
     /** Function to handle language change.   */

package/dist/interfaceSettings/index.mjs

@@ -1,99 +1,13 @@
 import {
+  Label,
   cn
-} from "../chunk-TE3BKEXL.mjs";
+} from "../chunk-C2UYTGUD.mjs";
 
 // components/elements/interfaceSettings/InterfaceSettings.tsx
-import React4, { useState as useState2 } from "react";
-
-// components/elements/radio/Radio.tsx
-import React3, { useState, useRef, useEffect } 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";
+import React2, { useState as useState2 } from "react";
 
 // components/elements/radio/Radio.tsx
+import React, { useState, useRef, useEffect } from "react";
 var Radio = ({
   design = "default",
   width = "default",
@@ -122,7 +36,7 @@ var Radio = ({
     default: "hawa-max-w-fit",
     full: "hawa-w-full"
   };
-  const [parentDirection, setParentDirection] = React3.useState(
+  const [parentDirection, setParentDirection] = React.useState(
     null
   );
   const parentRef = useRef(null);
@@ -136,7 +50,7 @@ var Radio = ({
   });
   switch (design) {
     case "tabs":
-      return /* @__PURE__ */ React3.createElement(
+      return /* @__PURE__ */ React.createElement(
         "ul",
         {
           ref: parentRef,
@@ -148,7 +62,7 @@ var Radio = ({
             tabsContainerClassName
           )
         },
-        (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ React3.createElement(
+        (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ React.createElement(
           "li",
           {
             "aria-current": "page",
@@ -176,13 +90,13 @@ var Radio = ({
         ))
       );
     case "bordered":
-      return /* @__PURE__ */ React3.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React3.createElement(
+      return /* @__PURE__ */ React.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React.createElement(
         "div",
         {
           key: i,
           className: "hawa-rounded hawa-border hawa-border-gray-200 "
         },
-        /* @__PURE__ */ React3.createElement(
+        /* @__PURE__ */ React.createElement(
           "div",
           {
             className: cn(
@@ -191,7 +105,7 @@ var Radio = ({
             ),
             key: i + 1
           },
-          /* @__PURE__ */ React3.createElement(
+          /* @__PURE__ */ React.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -201,7 +115,7 @@ var Radio = ({
               name: "bordered-radio"
             }
           ),
-          /* @__PURE__ */ React3.createElement(
+          /* @__PURE__ */ React.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -215,7 +129,7 @@ var Radio = ({
         )
       )));
     case "cards":
-      return /* @__PURE__ */ React3.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React3.createElement("li", { key: o }, /* @__PURE__ */ React3.createElement(
+      return /* @__PURE__ */ React.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React.createElement("li", { key: o }, /* @__PURE__ */ React.createElement(
         "input",
         {
           type: "radio",
@@ -226,7 +140,7 @@ var Radio = ({
           required: true,
           disabled: opt.disabled
         }
-      ), /* @__PURE__ */ React3.createElement(
+      ), /* @__PURE__ */ React.createElement(
         "label",
         {
           htmlFor: opt.value.toString(),
@@ -235,10 +149,10 @@ var Radio = ({
             opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-gray-100 hover:hawa-text-gray-600 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-gray-300"
           )
         },
-        /* @__PURE__ */ React3.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ React3.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ React3.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+        /* @__PURE__ */ React.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ React.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ React.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
       ))));
     default:
-      return /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React3.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React3.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React3.createElement(
+      return /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React.createElement(
         "div",
         {
           className: cn(
@@ -247,7 +161,7 @@ var Radio = ({
           ),
           key: i + 1
         },
-        /* @__PURE__ */ React3.createElement(
+        /* @__PURE__ */ React.createElement(
           "input",
           {
             disabled: opt.disabled,
@@ -265,7 +179,7 @@ var Radio = ({
             }
           }
         ),
-        /* @__PURE__ */ React3.createElement(
+        /* @__PURE__ */ React.createElement(
           "label",
           {
             htmlFor: opt.value.toString(),
@@ -276,7 +190,7 @@ var Radio = ({
           },
           opt.label
         )
-      ))), /* @__PURE__ */ React3.createElement(
+      ))), /* @__PURE__ */ React.createElement(
         "p",
         {
           className: cn(
@@ -303,7 +217,7 @@ var InterfaceSettings = ({
     horizontal: "hawa-flex hawa-flex-row hawa-justify-between",
     vertical: "hawa-flex hawa-flex-col hawa-items-center hawa-gap-2"
   };
-  return /* @__PURE__ */ React4.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React2.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ React2.createElement(
     Radio,
     {
       width,
@@ -320,7 +234,7 @@ var InterfaceSettings = ({
         { value: "en", label: "English" }
       ]
     }
-  ), /* @__PURE__ */ React4.createElement(
+  ), /* @__PURE__ */ React2.createElement(
     Radio,
     {
       width,
@@ -335,7 +249,7 @@ var InterfaceSettings = ({
       options: [
         {
           value: "light",
-          label: /* @__PURE__ */ React4.createElement(
+          label: /* @__PURE__ */ React2.createElement(
             "svg",
             {
               width: "15",
@@ -345,7 +259,7 @@ var InterfaceSettings = ({
               xmlns: "http://www.w3.org/2000/svg",
               className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-rotate-0 hawa-scale-100 hawa-transition-all dark:hawa--rotate-90"
             },
-            /* @__PURE__ */ React4.createElement(
+            /* @__PURE__ */ React2.createElement(
               "path",
               {
                 d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
@@ -356,7 +270,7 @@ var InterfaceSettings = ({
         },
         {
           value: "dark",
-          label: /* @__PURE__ */ React4.createElement(
+          label: /* @__PURE__ */ React2.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -367,7 +281,7 @@ var InterfaceSettings = ({
               stroke: "currentColor",
               className: "hawa-h-[1.2rem] hawa-w-[1.2rem]  hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
             },
-            /* @__PURE__ */ React4.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+            /* @__PURE__ */ React2.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
           )
         }
       ]

package/dist/label/index.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { P as PositionType } from '../commonTypes-N7XOVCit.mjs';
+import { P as PositionType } from '../commonTypes-GhKAraJw.mjs';
 
 type LabelProps = {
     hint?: React.ReactNode;

package/dist/label/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { P as PositionType } from '../commonTypes-N7XOVCit.js';
+import { P as PositionType } from '../commonTypes-GhKAraJw.js';
 
 type LabelProps = {
     hint?: React.ReactNode;

package/dist/label/index.mjs

@@ -1,91 +1,6 @@
 import {
-  cn
-} from "../chunk-TE3BKEXL.mjs";
-
-// 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";
+  Label
+} from "../chunk-C2UYTGUD.mjs";
 export {
   Label
 };

package/dist/layout/index.d.mts

@@ -198,11 +198,18 @@ declare const MenubarShortcut: {
     displayname: string;
 };
 
+type SingleAppTab = {
+    label: string;
+    value?: string;
+    icon?: React__default.ReactNode;
+    path?: string;
+    action?: any;
+    onMouseDown?: any;
+    onClick?: any;
+};
 type AppTabsType = {
-    tabs: {
-        label: string;
-        icon?: React__default.ReactNode;
-    }[];
+    className?: string;
+    tabs: SingleAppTab[];
 };
 declare const AppTabs: React__default.FC<AppTabsType>;
 

package/dist/layout/index.d.ts

@@ -198,11 +198,18 @@ declare const MenubarShortcut: {
     displayname: string;
 };
 
+type SingleAppTab = {
+    label: string;
+    value?: string;
+    icon?: React__default.ReactNode;
+    path?: string;
+    action?: any;
+    onMouseDown?: any;
+    onClick?: any;
+};
 type AppTabsType = {
-    tabs: {
-        label: string;
-        icon?: React__default.ReactNode;
-    }[];
+    className?: string;
+    tabs: SingleAppTab[];
 };
 declare const AppTabs: React__default.FC<AppTabsType>;