@sikka/hawa 0.24.4-next → 0.24.5-next

package/dist/phoneInput/index.mjs

@@ -1,9 +1,13 @@
+import {
+  Label,
+  Skeleton
+} from "../chunk-7NCNPRCL.mjs";
 import {
   cn
 } from "../chunk-TE3BKEXL.mjs";
 
 // components/elements/phoneInput/PhoneInput.tsx
-import React5, { useState, useRef, useEffect } from "react";
+import React2, { useState, useRef, useEffect } from "react";
 
 // components/countries.ts
 var countries = [
@@ -1698,125 +1702,11 @@ var countries = [
 ];
 var countries_default = countries;
 
-// 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/select/Select.tsx
-import React4 from "react";
+import React from "react";
 import ReactSelect from "react-select";
 import CreatableSelect from "react-select/creatable";
 import clsx from "clsx";
-
-// components/elements/skeleton/Skeleton.tsx
-import React3 from "react";
-function Skeleton({
-  className,
-  content,
-  animation = "pulse",
-  ...props
-}) {
-  const animationStyles = {
-    none: "hawa-rounded hawa-bg-muted",
-    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(
-    "div",
-    {
-      className: cn(
-        animationStyles[animation],
-        content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
-        className
-      ),
-      ...props
-    },
-    content && content
-  );
-}
-
-// components/elements/select/Select.tsx
 var Select = ({
   labelProps,
   labelKey = "label",
@@ -1824,10 +1714,10 @@ var Select = ({
 }) => {
   const NoOption = () => {
     var _a, _b;
-    return /* @__PURE__ */ React4.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
+    return /* @__PURE__ */ React.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
   };
   const Control = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ React4.createElement(
+    return /* @__PURE__ */ React.createElement(
       "div",
       {
         ref: innerRef,
@@ -1840,7 +1730,7 @@ var Select = ({
     );
   };
   const Option = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ React4.createElement(
+    return /* @__PURE__ */ React.createElement(
       "div",
       {
         ref: innerRef,
@@ -1861,7 +1751,7 @@ var Select = ({
     ...menuProps
   }) => {
     const menuOpen = menuProps.selectProps.menuIsOpen;
-    return /* @__PURE__ */ React4.createElement(
+    return /* @__PURE__ */ React.createElement(
       "div",
       {
         className: cn(
@@ -1875,7 +1765,7 @@ var Select = ({
       children
     );
   };
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       className: cn(
@@ -1883,10 +1773,10 @@ var Select = ({
         props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
       )
     },
-    props.label && /* @__PURE__ */ React4.createElement(Label, { ...labelProps }, props.label),
-    props.isLoading ? /* @__PURE__ */ React4.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
+    props.label && /* @__PURE__ */ React.createElement(Label, { ...labelProps }, props.label),
+    props.isLoading ? /* @__PURE__ */ React.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
       //   TODO: enable keyboard to go to the next item in the list
-      /* @__PURE__ */ React4.createElement(
+      /* @__PURE__ */ React.createElement(
         ReactSelect,
         {
           noOptionsMessage: NoOption,
@@ -1923,7 +1813,7 @@ var Select = ({
           isSearchable: props.isSearchable
         }
       )
-    ) : /* @__PURE__ */ React4.createElement(
+    ) : /* @__PURE__ */ React.createElement(
       CreatableSelect,
       {
         formatCreateLabel: (inputValue) => {
@@ -1953,7 +1843,7 @@ var Select = ({
         onInputChange: (newValue, action) => props.onInputChange(newValue, action)
       }
     ),
-    !props.hideHelperText && /* @__PURE__ */ React4.createElement(
+    !props.hideHelperText && /* @__PURE__ */ React.createElement(
       "p",
       {
         className: cn(
@@ -1989,7 +1879,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
       console.log("handleChange prop was not provided in <PhoneInput/>");
     }
   };
-  return /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React5.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React5.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React2.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React2.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React2.createElement(
     Select,
     {
       width: "fit",
@@ -2005,7 +1895,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
       value: countryCode == null ? void 0 : countryCode.label,
       onChange: setCountryCode
     }
-  ), /* @__PURE__ */ React5.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React5.createElement(
+  ), /* @__PURE__ */ React2.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React2.createElement(
     "input",
     {
       ref: inputRef,
@@ -2018,7 +1908,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
       type: "tel",
       placeholder: "531045453"
     }
-  ))), /* @__PURE__ */ React5.createElement(
+  ))), /* @__PURE__ */ React2.createElement(
     "p",
     {
       className: cn(

package/dist/radio/index.d.mts

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { FC } from 'react';
-
-type DirectionType = "rtl" | "ltr";
-type PositionType = "top" | "bottom" | "right" | "left";
-type OrientationType = "vertical" | "horizontal";
+import { P as PositionType, O as OrientationType, D as DirectionType } from '../commonTypes-LrR8QrYP.mjs';
 
 type LabelProps = {
     hint?: React.ReactNode;

package/dist/radio/index.d.ts

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import { FC } from 'react';
-
-type DirectionType = "rtl" | "ltr";
-type PositionType = "top" | "bottom" | "right" | "left";
-type OrientationType = "vertical" | "horizontal";
+import { P as PositionType, O as OrientationType, D as DirectionType } from '../commonTypes-LrR8QrYP.js';
 
 type LabelProps = {
     hint?: React.ReactNode;

package/dist/scrollArea/index.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { O as OrientationType } from '../commonTypes-3k5cNB1s.mjs';
+import { O as OrientationType } from '../commonTypes-LrR8QrYP.mjs';
 
 declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     orientation?: OrientationType | undefined;

package/dist/scrollArea/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { O as OrientationType } from '../commonTypes-3k5cNB1s.js';
+import { O as OrientationType } from '../commonTypes-LrR8QrYP.js';
 
 declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     orientation?: OrientationType | undefined;

package/dist/select/index.d.mts

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

package/dist/select/index.d.ts

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

package/dist/separator/index.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { O as OrientationType } from '../commonTypes-3k5cNB1s.mjs';
+import { O as OrientationType } from '../commonTypes-GhKAraJw.mjs';
 
 type SeparatorProps = {
     className?: string;

package/dist/separator/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { O as OrientationType } from '../commonTypes-3k5cNB1s.js';
+import { O as OrientationType } from '../commonTypes-GhKAraJw.js';
 
 type SeparatorProps = {
     className?: string;

package/dist/sidebar/index.d.mts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { D as DirectionType } from '../commonTypes-ko_NGEoT.mjs';
+
+type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
+
+type AppSidebarItemProps = {
+    value: string;
+    slug?: string;
+    label: string;
+    badge?: {
+        label: string;
+        color: ChipColors;
+    };
+    icon?: any;
+    subitems?: SubItem[];
+    onClick?: (e: React.MouseEvent) => void;
+    onMouseDown?: (e: React.MouseEvent) => void;
+};
+type SubItem = {
+    value: string;
+    label: string;
+    slug?: string;
+    icon?: any;
+    onMouseDown?: (e: React.MouseEvent) => void;
+    onClick?: (e: React.MouseEvent) => void;
+};
+interface SidebarGroupProps {
+    title?: string;
+    items: AppSidebarItemProps[];
+    openedItem?: any;
+    setOpenedItem?: any;
+    selectedItem?: any;
+    isOpen?: boolean;
+    onItemClick?: (value: string[]) => void;
+    onSubItemClick?: (values: string[]) => void;
+    direction?: DirectionType;
+}
+declare const SidebarGroup: React.FC<SidebarGroupProps>;
+declare const SidebarItem: React.FC<{
+    item: AppSidebarItemProps;
+    selectedItem?: any;
+    direction?: DirectionType;
+    onItemClick?: (value: string[]) => void;
+    onSubItemClick?: (values: string[]) => void;
+    isOpen?: boolean;
+}>;
+
+export { type AppSidebarItemProps, SidebarGroup, SidebarItem };

package/dist/sidebar/index.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { D as DirectionType } from '../commonTypes-ko_NGEoT.js';
+
+type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
+
+type AppSidebarItemProps = {
+    value: string;
+    slug?: string;
+    label: string;
+    badge?: {
+        label: string;
+        color: ChipColors;
+    };
+    icon?: any;
+    subitems?: SubItem[];
+    onClick?: (e: React.MouseEvent) => void;
+    onMouseDown?: (e: React.MouseEvent) => void;
+};
+type SubItem = {
+    value: string;
+    label: string;
+    slug?: string;
+    icon?: any;
+    onMouseDown?: (e: React.MouseEvent) => void;
+    onClick?: (e: React.MouseEvent) => void;
+};
+interface SidebarGroupProps {
+    title?: string;
+    items: AppSidebarItemProps[];
+    openedItem?: any;
+    setOpenedItem?: any;
+    selectedItem?: any;
+    isOpen?: boolean;
+    onItemClick?: (value: string[]) => void;
+    onSubItemClick?: (values: string[]) => void;
+    direction?: DirectionType;
+}
+declare const SidebarGroup: React.FC<SidebarGroupProps>;
+declare const SidebarItem: React.FC<{
+    item: AppSidebarItemProps;
+    selectedItem?: any;
+    direction?: DirectionType;
+    onItemClick?: (value: string[]) => void;
+    onSubItemClick?: (values: string[]) => void;
+    isOpen?: boolean;
+}>;
+
+export { type AppSidebarItemProps, SidebarGroup, SidebarItem };