@sikka/hawa 0.49.14-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

@@ -4203,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(
@@ -4230,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)(() => {
@@ -4263,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);
       },
@@ -4712,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);
@@ -4793,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 : {};
@@ -5569,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);
@@ -5608,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
@@ -7371,19 +7382,19 @@ var PhoneInput = ({
 var React50 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 
-// ../../node_modules/.pnpm/lucide-react@0.441.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.441.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.441.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.441.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,
@@ -7396,7 +7407,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.441.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",
@@ -7428,7 +7439,7 @@ var Icon = (0, import_react40.forwardRef)(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.441.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, {
@@ -7442,7 +7453,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.441.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" }]
 ]);
@@ -9957,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);
@@ -13087,7 +13098,7 @@ var Usage = (props) => {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.441.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.
@@ -13095,7 +13106,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.441.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 +13114,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.441.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 +13122,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.441.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 +13130,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.441.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 +13138,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.441.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/index.mjs

@@ -3959,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(
@@ -3986,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(() => {
@@ -4019,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);
       },
@@ -4468,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);
@@ -4549,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 : {};
@@ -5325,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);
@@ -5364,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
@@ -7127,19 +7138,19 @@ var PhoneInput = ({
 import * as React50 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 
-// ../../node_modules/.pnpm/lucide-react@0.441.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.441.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.441.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.441.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,
@@ -7152,7 +7163,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.441.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",
@@ -7184,7 +7195,7 @@ var Icon = forwardRef24(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.441.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, {
@@ -7198,7 +7209,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.441.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" }]
 ]);
@@ -9717,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);
@@ -12856,7 +12867,7 @@ export {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.441.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.
@@ -12864,7 +12875,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.441.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 +12883,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.441.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 +12891,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.441.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 +12899,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.441.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 +12907,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.441.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 : {};
@@ -2748,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

@@ -20,7 +20,7 @@ import {
 import {
   useBreakpoint,
   useClickOutside
-} from "../chunk-5SQBJRWE.mjs";
+} from "../chunk-OWMN44TT.mjs";
 
 // layout/stats/Stats.tsx
 import React from "react";
@@ -1166,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);