@sikka/hawa 0.49.13-next → 0.49.15-next

package/dist/index.mjs

@@ -654,7 +654,6 @@ var DropdownMenu = ({
               let newValues = [...values];
               newValues[index] = e;
               setValues(newValues);
-              console.log("changing to ", e);
               if (item.onOptionChange) {
                 item.onOptionChange(e);
               }
@@ -1861,7 +1860,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(
@@ -3961,11 +3959,13 @@ var FileDropzone = ({
   var _a, _b, _c, _d, _e, _f;
   const [cmp, setCmp] = useState9(0);
   const [max, setMax] = useState9(0);
+  const [filesAccepted, setFilesAccepted] = useState9([]);
   const { getRootProps, getInputProps, fileRejections, acceptedFiles, isDragActive } = useDropzone({
     multiple: true,
     accept,
     maxSize,
     maxFiles,
+    useFsAccessApi: true,
     onDrop: (acceptedFiles2) => {
       setFiles(
         acceptedFiles2.map(
@@ -3988,12 +3988,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([]);
   };
   useEffect6(() => {
@@ -4021,7 +4021,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);
       },
@@ -4272,13 +4272,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();
     }
   };
@@ -4472,7 +4470,7 @@ function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
   const [matches, setMatches] = useState20(
     getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)
   );
-  const queryRef = useRef10();
+  const queryRef = useRef10(null);
   useEffect15(() => {
     if ("matchMedia" in window) {
       queryRef.current = window.matchMedia(query);
@@ -4553,7 +4551,7 @@ var useMeasureDirty = (ref) => {
 import { useEffect as useEffect20, useRef as useRef13 } from "react";
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
 function useClickOutside(handler, events, nodes) {
-  const ref = useRef13();
+  const ref = useRef13(null);
   useEffect20(() => {
     const listener = (event) => {
       const { target } = event != null ? event : {};
@@ -5329,7 +5327,7 @@ var Badge = ({
   useEffect26(() => {
     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);
@@ -5368,7 +5366,16 @@ var Badge = ({
 };
 var BadgedComponent = ({ children, className, hideBadge, position, size, text }) => {
   const ref = useRef16(null);
-  return /* @__PURE__ */ React48.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ React48.createElement(Badge, { size, text, position, anchor: ref, className: "hawa-z-10" }), children);
+  return /* @__PURE__ */ React48.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ React48.createElement(
+    Badge,
+    {
+      size,
+      text,
+      position,
+      anchor: ref || null,
+      className: "hawa-z-10"
+    }
+  ), children);
 };
 
 // elements/phoneInput/PhoneInput.tsx
@@ -7131,19 +7138,19 @@ var PhoneInput = ({
 import * as React50 from "react";
 import { OTPInput, OTPInputContext } from "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
 import { forwardRef as forwardRef25, createElement as createElement24 } from "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
 import { forwardRef as forwardRef24, createElement as createElement23 } from "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,
@@ -7156,7 +7163,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 = forwardRef24(
   ({
     color = "currentColor",
@@ -7188,7 +7195,7 @@ var Icon = forwardRef24(
   }
 );
 
-// ../../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 = forwardRef25(
     ({ className, ...props }, ref) => createElement24(Icon, {
@@ -7202,7 +7209,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" }]
 ]);
@@ -9071,7 +9078,6 @@ var AppLayout = ({
         width: profileMenuWidth,
         direction,
         items: finalProfileMenuItems || [],
-        onItemSelect: (e) => console.log("selecting item ", e),
         trigger: /* @__PURE__ */ React75.createElement(
           "div",
           {
@@ -9340,7 +9346,6 @@ var AppTopbar = ({ ...props }) => {
           sideOffset: 5,
           direction: isRTL ? "rtl" : "ltr",
           items: props.profileMenuItems || [],
-          onItemSelect: (e) => console.log("selecting item ", e),
           trigger: /* @__PURE__ */ React76.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__ */ React76.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ React76.createElement(
             "svg",
             {
@@ -9723,7 +9728,7 @@ var DocsLayout = ({
       // Adjust threshold as needed to determine when a section is in view
     });
     React80.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);
@@ -10406,7 +10411,6 @@ var RegisterForm = ({
     resolver: zodResolver2(finalSchema)
   });
   const onSubmit = (data) => {
-    console.log("Form submitted with data:", data);
     if (props.onRegister) {
       props.onRegister(data);
     } else {
@@ -11938,7 +11942,6 @@ var ContactForm = ({
         )
       ),
       customFields && customFields.map((customField) => {
-        console.log("custom", customField);
         return /* @__PURE__ */ React100.createElement(
           Controller9,
           {
@@ -12864,7 +12867,7 @@ export {
 
 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.
@@ -12872,7 +12875,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.
@@ -12880,7 +12883,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.
@@ -12888,7 +12891,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.
@@ -12896,7 +12899,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.
@@ -12904,7 +12907,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.

package/dist/layout/index.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { FC } from 'react';
 import { D as DirectionType } from '../commonTypes-C-g8nFFC.mjs';
-import { C as ChipColors } from '../Chip-KG1_ZmCL.mjs';
+import { C as ChipColors } from '../Chip-BRMzT5TB.mjs';
 import { M as MenuItemType } from '../DropdownMenu-mK9EvfKp.mjs';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import '@radix-ui/react-dropdown-menu';

package/dist/layout/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { FC } from 'react';
 import { D as DirectionType } from '../commonTypes-C-g8nFFC.js';
-import { C as ChipColors } from '../Chip-Cw1twk4G.js';
+import { C as ChipColors } from '../Chip-D58g8OJ_.js';
 import { M as MenuItemType } from '../DropdownMenu-CDnFCzfc.js';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import '@radix-ui/react-dropdown-menu';

package/dist/layout/index.js

@@ -592,7 +592,7 @@ var import_react14 = __toESM(require("react"));
 var import_react6 = require("react");
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
 function useClickOutside(handler, events, nodes) {
-  const ref = (0, import_react6.useRef)();
+  const ref = (0, import_react6.useRef)(null);
   (0, import_react6.useEffect)(() => {
     const listener = (event) => {
       const { target } = event != null ? event : {};
@@ -1285,7 +1285,6 @@ var DropdownMenu = ({
               let newValues = [...values];
               newValues[index] = e;
               setValues(newValues);
-              console.log("changing to ", e);
               if (item.onOptionChange) {
                 item.onOptionChange(e);
               }
@@ -1564,7 +1563,6 @@ var AppLayout = ({
         width: profileMenuWidth,
         direction,
         items: finalProfileMenuItems || [],
-        onItemSelect: (e) => console.log("selecting item ", e),
         trigger: /* @__PURE__ */ import_react14.default.createElement(
           "div",
           {
@@ -1833,7 +1831,6 @@ var AppTopbar = ({ ...props }) => {
           sideOffset: 5,
           direction: isRTL ? "rtl" : "ltr",
           items: props.profileMenuItems || [],
-          onItemSelect: (e) => console.log("selecting item ", e),
           trigger: /* @__PURE__ */ import_react15.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_react15.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react15.default.createElement(
             "svg",
             {
@@ -2751,7 +2748,7 @@ var DocsLayout = ({
       // Adjust threshold as needed to determine when a section is in view
     });
     import_react20.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);

package/dist/layout/index.mjs

@@ -3,7 +3,7 @@ import {
   Sheet,
   SheetContent,
   SheetTrigger
-} from "../chunk-3CHFVHTW.mjs";
+} from "../chunk-QQ7C5DWR.mjs";
 import {
   Button,
   Card,
@@ -16,11 +16,11 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "../chunk-KDGJZPWK.mjs";
+} from "../chunk-YGLAEAJY.mjs";
 import {
   useBreakpoint,
   useClickOutside
-} from "../chunk-5SQBJRWE.mjs";
+} from "../chunk-OWMN44TT.mjs";
 
 // layout/stats/Stats.tsx
 import React from "react";
@@ -516,7 +516,6 @@ var AppLayout = ({
         width: profileMenuWidth,
         direction,
         items: finalProfileMenuItems || [],
-        onItemSelect: (e) => console.log("selecting item ", e),
         trigger: /* @__PURE__ */ React5.createElement(
           "div",
           {
@@ -785,7 +784,6 @@ var AppTopbar = ({ ...props }) => {
           sideOffset: 5,
           direction: isRTL ? "rtl" : "ltr",
           items: props.profileMenuItems || [],
-          onItemSelect: (e) => console.log("selecting item ", e),
           trigger: /* @__PURE__ */ React6.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__ */ React6.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ React6.createElement(
             "svg",
             {
@@ -1168,7 +1166,7 @@ var DocsLayout = ({
       // Adjust threshold as needed to determine when a section is in view
     });
     React10.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);