@sikka/hawa 0.49.13-next → 0.49.15-next

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { FC, RefObject, ReactNode, ChangeEvent, InputHTMLAttributes, useEffect } from 'react';
+import React__default, { FC, RefObject, ReactNode, ChangeEvent, InputHTMLAttributes, JSX, useEffect } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
@@ -215,7 +215,7 @@ type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
     /** The text inside the chip */
     label: string;
     /** The small icon before the chip label  */
-    icon?: JSX.Element;
+    icon?: React__default.JSX.Element;
     /** The color of the chip, must be a tailwind color */
     color?: ChipColors;
     /** The size of the chip */
@@ -230,7 +230,7 @@ declare const Chip: React__default.ForwardRefExoticComponent<React__default.HTML
     /** The text inside the chip */
     label: string;
     /** The small icon before the chip label  */
-    icon?: JSX.Element;
+    icon?: React__default.JSX.Element;
     /** The color of the chip, must be a tailwind color */
     color?: ChipColors;
     /** The size of the chip */
@@ -963,7 +963,7 @@ declare const AppStores: FC<StoreButtonsTypes>;
 
 type BadgeTypes = {
     position: "right" | "left";
-    anchor: RefObject<HTMLElement>;
+    anchor: RefObject<HTMLDivElement | null>;
     size?: "small" | "default" | "large";
     text?: string | number;
     className?: string;
@@ -987,25 +987,27 @@ type PhoneInputProps = {
 };
 declare const PhoneInput: FC<PhoneInputProps>;
 
-declare const PinInputRoot: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "noScriptCSSFallback"> & {
+declare const PinInputRoot: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
     textAlign?: "left" | "center" | "right";
     onComplete?: (...args: any[]) => unknown;
     pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
     containerClassName?: string;
     noScriptCSSFallback?: string | null;
 } & {
     render: (props: input_otp.RenderProps) => React$1.ReactNode;
     children?: never;
-} & React$1.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "noScriptCSSFallback"> & {
+} & React$1.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
     textAlign?: "left" | "center" | "right";
     onComplete?: (...args: any[]) => unknown;
     pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
     containerClassName?: string;
     noScriptCSSFallback?: string | null;
 } & {
@@ -1186,7 +1188,7 @@ declare const Carousel: React__default.FC<CarouselProps>;
 
 type IconCountTypes = {
     /** The icon of the counter */
-    icon: JSX.Element;
+    icon: React__default.JSX.Element;
     /** The text next to the icon */
     count?: string;
 };
@@ -2267,7 +2269,7 @@ declare const useDialogCarousel: (options?: any) => DialogCarouselType;
 declare const useMultiStepDialog: (initialStep: any, stepIds: any[], setOpenDialog: any) => {
     currentStep: any;
     dialogHeight: null;
-    visibleStepRef: React__default.MutableRefObject<any>;
+    visibleStepRef: React__default.RefObject<any>;
     handleNext: () => void;
     handleBack: () => void;
 };
@@ -2318,7 +2320,7 @@ interface ContentRect {
 }
 declare const useMeasureDirty: (ref: RefObject<HTMLElement>) => ContentRect;
 
-declare function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: (HTMLElement | null)[]): React$1.MutableRefObject<T | undefined>;
+declare function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: (HTMLElement | null)[]): React$1.RefObject<T | null>;
 
 type KeyboardModifiers = {
     alt: boolean;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { FC, RefObject, ReactNode, ChangeEvent, InputHTMLAttributes, useEffect } from 'react';
+import React__default, { FC, RefObject, ReactNode, ChangeEvent, InputHTMLAttributes, JSX, useEffect } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
@@ -215,7 +215,7 @@ type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
     /** The text inside the chip */
     label: string;
     /** The small icon before the chip label  */
-    icon?: JSX.Element;
+    icon?: React__default.JSX.Element;
     /** The color of the chip, must be a tailwind color */
     color?: ChipColors;
     /** The size of the chip */
@@ -230,7 +230,7 @@ declare const Chip: React__default.ForwardRefExoticComponent<React__default.HTML
     /** The text inside the chip */
     label: string;
     /** The small icon before the chip label  */
-    icon?: JSX.Element;
+    icon?: React__default.JSX.Element;
     /** The color of the chip, must be a tailwind color */
     color?: ChipColors;
     /** The size of the chip */
@@ -963,7 +963,7 @@ declare const AppStores: FC<StoreButtonsTypes>;
 
 type BadgeTypes = {
     position: "right" | "left";
-    anchor: RefObject<HTMLElement>;
+    anchor: RefObject<HTMLDivElement | null>;
     size?: "small" | "default" | "large";
     text?: string | number;
     className?: string;
@@ -987,25 +987,27 @@ type PhoneInputProps = {
 };
 declare const PhoneInput: FC<PhoneInputProps>;
 
-declare const PinInputRoot: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "noScriptCSSFallback"> & {
+declare const PinInputRoot: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
     textAlign?: "left" | "center" | "right";
     onComplete?: (...args: any[]) => unknown;
     pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
     containerClassName?: string;
     noScriptCSSFallback?: string | null;
 } & {
     render: (props: input_otp.RenderProps) => React$1.ReactNode;
     children?: never;
-} & React$1.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "noScriptCSSFallback"> & {
+} & React$1.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
     textAlign?: "left" | "center" | "right";
     onComplete?: (...args: any[]) => unknown;
     pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
     containerClassName?: string;
     noScriptCSSFallback?: string | null;
 } & {
@@ -1186,7 +1188,7 @@ declare const Carousel: React__default.FC<CarouselProps>;
 
 type IconCountTypes = {
     /** The icon of the counter */
-    icon: JSX.Element;
+    icon: React__default.JSX.Element;
     /** The text next to the icon */
     count?: string;
 };
@@ -2267,7 +2269,7 @@ declare const useDialogCarousel: (options?: any) => DialogCarouselType;
 declare const useMultiStepDialog: (initialStep: any, stepIds: any[], setOpenDialog: any) => {
     currentStep: any;
     dialogHeight: null;
-    visibleStepRef: React__default.MutableRefObject<any>;
+    visibleStepRef: React__default.RefObject<any>;
     handleNext: () => void;
     handleBack: () => void;
 };
@@ -2318,7 +2320,7 @@ interface ContentRect {
 }
 declare const useMeasureDirty: (ref: RefObject<HTMLElement>) => ContentRect;
 
-declare function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: (HTMLElement | null)[]): React$1.MutableRefObject<T | undefined>;
+declare function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: (HTMLElement | null)[]): React$1.RefObject<T | null>;
 
 type KeyboardModifiers = {
     alt: boolean;

package/dist/index.js

@@ -906,7 +906,6 @@ var DropdownMenu = ({
               let newValues = [...values];
               newValues[index] = e;
               setValues(newValues);
-              console.log("changing to ", e);
               if (item.onOptionChange) {
                 item.onOptionChange(e);
               }
@@ -2113,7 +2112,6 @@ var DialogSteps = ({ currentStep, visibleStepRef, children }) => {
   React14.useEffect(() => {
     if (visibleStepRef.current) {
       setDialogHeight(visibleStepRef.current.offsetHeight);
-      console.log("height is ", visibleStepRef.current.offsetHeight);
     }
   }, [currentStep, visibleStepRef]);
   return /* @__PURE__ */ React14.createElement(
@@ -4205,11 +4203,13 @@ var FileDropzone = ({
   var _a, _b, _c, _d, _e, _f;
   const [cmp, setCmp] = (0, import_react14.useState)(0);
   const [max, setMax] = (0, import_react14.useState)(0);
+  const [filesAccepted, setFilesAccepted] = (0, import_react14.useState)([]);
   const { getRootProps, getInputProps, fileRejections, acceptedFiles, isDragActive } = (0, import_react_dropzone.useDropzone)({
     multiple: true,
     accept,
     maxSize,
     maxFiles,
+    useFsAccessApi: true,
     onDrop: (acceptedFiles2) => {
       setFiles(
         acceptedFiles2.map(
@@ -4232,12 +4232,12 @@ var FileDropzone = ({
     setFiles(acceptedFiles);
   }, [acceptedFiles, cmp, setFiles]);
   onClearFiles = () => {
-    acceptedFiles.length = 0;
-    acceptedFiles.splice(0, acceptedFiles.length);
+    setFilesAccepted([]);
+    setFilesAccepted(filesAccepted.splice(0, filesAccepted.length));
     setFiles([]);
   };
   const clearAllFiles = () => {
-    acceptedFiles.length = 0;
+    setFilesAccepted([]);
     setFiles([]);
   };
   (0, import_react14.useEffect)(() => {
@@ -4265,7 +4265,7 @@ var FileDropzone = ({
     {
       onClick: (e) => {
         e.stopPropagation();
-        acceptedFiles.splice(acceptedFiles.indexOf(file), 1);
+        setFilesAccepted(filesAccepted.splice(filesAccepted.indexOf(file), 1));
         setCmp(Math.random);
         onDeleteFile(file);
       },
@@ -4516,13 +4516,11 @@ var useDialogCarousel = (options) => {
   };
   const nextStep = () => {
     if (emblaApi) {
-      console.log("going to NEXT \u{1F449}");
       emblaApi.scrollNext();
     }
   };
   const prevStep = () => {
     if (emblaApi) {
-      console.log("going to BACK \u{1F448}");
       emblaApi.scrollPrev();
     }
   };
@@ -4716,7 +4714,7 @@ function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
   const [matches, setMatches] = (0, import_react26.useState)(
     getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)
   );
-  const queryRef = (0, import_react26.useRef)();
+  const queryRef = (0, import_react26.useRef)(null);
   (0, import_react26.useEffect)(() => {
     if ("matchMedia" in window) {
       queryRef.current = window.matchMedia(query);
@@ -4797,7 +4795,7 @@ var useMeasureDirty = (ref) => {
 var import_react31 = require("react");
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
 function useClickOutside(handler, events, nodes) {
-  const ref = (0, import_react31.useRef)();
+  const ref = (0, import_react31.useRef)(null);
   (0, import_react31.useEffect)(() => {
     const listener = (event) => {
       const { target } = event != null ? event : {};
@@ -5573,7 +5571,7 @@ var Badge = ({
   (0, import_react38.useEffect)(() => {
     const handlePositioning = () => {
       var _a;
-      if (anchor.current && indicatorRef.current) {
+      if (anchor && anchor.current && indicatorRef.current) {
         const rect = anchor.current.getBoundingClientRect();
         const parentRect = (_a = indicatorRef.current.parentElement) == null ? void 0 : _a.getBoundingClientRect();
         const style = window.getComputedStyle(anchor.current);
@@ -5612,7 +5610,16 @@ var Badge = ({
 };
 var BadgedComponent = ({ children, className, hideBadge, position, size, text }) => {
   const ref = (0, import_react38.useRef)(null);
-  return /* @__PURE__ */ import_react38.default.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ import_react38.default.createElement(Badge, { size, text, position, anchor: ref, className: "hawa-z-10" }), children);
+  return /* @__PURE__ */ import_react38.default.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ import_react38.default.createElement(
+    Badge,
+    {
+      size,
+      text,
+      position,
+      anchor: ref || null,
+      className: "hawa-z-10"
+    }
+  ), children);
 };
 
 // elements/phoneInput/PhoneInput.tsx
@@ -7375,19 +7382,19 @@ var PhoneInput = ({
 var React50 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 
-// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react41 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string9) => string9.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var mergeClasses = (...classes) => classes.filter((className, index, array) => {
-  return Boolean(className) && array.indexOf(className) === index;
-}).join(" ");
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
 
-// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var import_react40 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -7400,7 +7407,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = (0, import_react40.forwardRef)(
   ({
     color = "currentColor",
@@ -7432,7 +7439,7 @@ var Icon = (0, import_react40.forwardRef)(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = (0, import_react41.forwardRef)(
     ({ className, ...props }, ref) => (0, import_react41.createElement)(Icon, {
@@ -7446,7 +7453,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
 var Dot = createLucideIcon("Dot", [
   ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
 ]);
@@ -9311,7 +9318,6 @@ var AppLayout = ({
         width: profileMenuWidth,
         direction,
         items: finalProfileMenuItems || [],
-        onItemSelect: (e) => console.log("selecting item ", e),
         trigger: /* @__PURE__ */ import_react61.default.createElement(
           "div",
           {
@@ -9580,7 +9586,6 @@ var AppTopbar = ({ ...props }) => {
           sideOffset: 5,
           direction: isRTL ? "rtl" : "ltr",
           items: props.profileMenuItems || [],
-          onItemSelect: (e) => console.log("selecting item ", e),
           trigger: /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-relative hawa-h-8 hawa-w-8 hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600" }, props.avatarImage ? /* @__PURE__ */ import_react62.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react62.default.createElement(
             "svg",
             {
@@ -9963,7 +9968,7 @@ var DocsLayout = ({
       // Adjust threshold as needed to determine when a section is in view
     });
     import_react65.default.Children.forEach(props.children, (child) => {
-      if (child && child.props.id) {
+      if (child && child.props && child.props.id) {
         const element = document.getElementById(child.props.id);
         if (element && observerRef.current) {
           observerRef.current.observe(element);
@@ -10636,7 +10641,6 @@ var RegisterForm = ({
     resolver: (0, import_zod2.zodResolver)(finalSchema)
   });
   const onSubmit = (data) => {
-    console.log("Form submitted with data:", data);
     if (props.onRegister) {
       props.onRegister(data);
     } else {
@@ -12168,7 +12172,6 @@ var ContactForm = ({
         )
       ),
       customFields && customFields.map((customField) => {
-        console.log("custom", customField);
         return /* @__PURE__ */ import_react86.default.createElement(
           import_react_hook_form9.Controller,
           {
@@ -13095,7 +13098,7 @@ var Usage = (props) => {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.438.0 - ISC
+   * @license lucide-react v0.468.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13103,7 +13106,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.438.0 - ISC
+   * @license lucide-react v0.468.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13111,7 +13114,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.438.0 - ISC
+   * @license lucide-react v0.468.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13119,7 +13122,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.438.0 - ISC
+   * @license lucide-react v0.468.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13127,7 +13130,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.438.0 - ISC
+   * @license lucide-react v0.468.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13135,7 +13138,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.438.0 - ISC
+   * @license lucide-react v0.468.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.