@zayne-labs/ui-react 0.9.20 → 0.10.0

package/dist/esm/components/common/switch/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 
-import "../../../getSlot-D1_uG-Ym.js";
-import { SwitchDefault, SwitchMatch, SwitchRoot, switch_parts_exports } from "../../../switch-B2gKl94R.js";
+import "../../../getSlot-Cf5ON6lE.js";
+import { SwitchDefault, SwitchMatch, SwitchRoot, switch_parts_exports } from "../../../switch-CCMD01Rs.js";
 
 export { switch_parts_exports as Switch, SwitchDefault, SwitchMatch, SwitchRoot };

package/dist/esm/components/common/teleport/index.d.ts

@@ -1,2 +1,2 @@
-import { Teleport } from "../../../index-B3N6YbN8.js";
+import { Teleport } from "../../../index-CWKQ5V4B.js";
 export { Teleport };

package/dist/esm/components/common/teleport/index.js

@@ -1,3 +1,3 @@
-import { Teleport } from "../../../teleport-dlSjWj_t.js";
+import { Teleport } from "../../../teleport-DfuYOzsj.js";
 
 export { Teleport };

package/dist/esm/components/ui/card/index.d.ts

@@ -1,2 +1,2 @@
-import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle, card_parts_d_exports } from "../../../index-XYFc-mmy.js";
+import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle, card_parts_d_exports } from "../../../index-BeDmH7lX.js";
 export { card_parts_d_exports as Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle };

package/dist/esm/components/ui/card/index.js

@@ -1,5 +1,5 @@
-import "../../../slot-RXTKo4L7.js";
+import "../../../slot-D1062oA5.js";
 import "../../../cn-_FbtIrlZ.js";
-import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle, card_parts_exports } from "../../../card-BBTJxmWt.js";
+import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle, card_parts_exports } from "../../../card-TD60Xux0.js";
 
 export { card_parts_exports as Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle };

package/dist/esm/components/ui/carousel/index.d.ts

@@ -1,2 +1,2 @@
-import { CarouselButton, CarouselButtonsProps, CarouselCaption, CarouselContent, CarouselContentProps, CarouselControlProps, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselIndicatorProps, CarouselItem, CarouselItemGroup, CarouselProviderProps, CarouselStore, CarouselStoreApi, CarouselWrapperProps, ImagesType, OtherCarouselProps, carousel_parts_d_exports } from "../../../index-DT8F8QKc.js";
-export { carousel_parts_d_exports as Carousel, CarouselButton, CarouselButtonsProps, CarouselCaption, CarouselContent, CarouselContentProps, CarouselControlProps, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselIndicatorProps, CarouselItem, CarouselItemGroup, CarouselProviderProps, CarouselStore, CarouselStoreApi, CarouselWrapperProps, ImagesType, OtherCarouselProps };
+import { CarouselButton, CarouselButtonsProps, CarouselCaption, CarouselControlProps, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselIndicatorProps, CarouselItem, CarouselItemGroup, CarouselRoot, CarouselRootProps, CarouselStore, CarouselStoreApi, CarouselWrapperProps, ImagesType, OtherCarouselProps, carousel_parts_d_exports } from "../../../index-DqutTJQB.js";
+export { carousel_parts_d_exports as Carousel, CarouselButton, CarouselButtonsProps, CarouselCaption, CarouselControlProps, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselIndicatorProps, CarouselItem, CarouselItemGroup, CarouselRoot, CarouselRootProps, CarouselStore, CarouselStoreApi, CarouselWrapperProps, ImagesType, OtherCarouselProps };

package/dist/esm/components/ui/carousel/index.js

@@ -1,18 +1,18 @@
 "use client";
 
 
-import "../../../utils-D4YNWj2X.js";
-import "../../../getSlot-D1_uG-Ym.js";
-import "../../../error-boundary-B3ycUZ1t.js";
-import "../../../slot-RXTKo4L7.js";
-import "../../../await-Fe4LFRKd.js";
-import "../../../for-aTw1TgJo.js";
-import "../../../show-DNPzdLi-.js";
-import "../../../suspense-with-boundary-TrQxYRG6.js";
-import "../../../switch-B2gKl94R.js";
-import "../../../teleport-dlSjWj_t.js";
+import "../../../utils-ChjmDoRe.js";
+import "../../../getSlot-Cf5ON6lE.js";
+import "../../../error-boundary-xM9An3gz.js";
+import "../../../slot-D1062oA5.js";
+import "../../../await-fjas2Q-C.js";
+import "../../../for-DGs2XZ21.js";
+import "../../../show-BabiXbf7.js";
+import "../../../suspense-with-boundary-CEVORL8K.js";
+import "../../../switch-CCMD01Rs.js";
+import "../../../teleport-DfuYOzsj.js";
 import "../../../common-BYWy8Q78.js";
 import "../../../cn-_FbtIrlZ.js";
-import { CarouselButton, CarouselCaption, CarouselContent, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, carousel_parts_exports } from "../../../carousel-Dvp-qURP.js";
+import { CarouselButton, CarouselCaption, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselRoot, carousel_parts_exports } from "../../../carousel-YXXtZ85s.js";
 
-export { carousel_parts_exports as Carousel, CarouselButton, CarouselCaption, CarouselContent, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup };
+export { carousel_parts_exports as Carousel, CarouselButton, CarouselCaption, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselRoot };

package/dist/esm/components/ui/drag-scroll/index.d.ts

@@ -1,2 +1,2 @@
-import { useDragScroll } from "../../../index-gT9tVHv1.js";
+import { useDragScroll } from "../../../index-BYhH4Fm0.js";
 export { useDragScroll };

package/dist/esm/components/ui/drag-scroll/index.js

@@ -1,4 +1,4 @@
 import "../../../cn-_FbtIrlZ.js";
-import { useDragScroll } from "../../../drag-scroll-BLjij7aI.js";
+import { useDragScroll } from "../../../drag-scroll-De6-soln.js";
 
 export { useDragScroll };

package/dist/esm/components/ui/drop-zone/index.d.ts

@@ -1,3 +1,2 @@
-import "../../../getSlotMap-DZlQN8--.js";
-import { ContainerProps, DropZoneActions, DropZoneContainer, DropZoneContext, DropZoneImagePreview, DropZoneInput, DropZoneRenderPropType, DropZoneRoot, DropZoneRootProps, DropZoneState, FileWithPreview, InputProps, UseDropZoneProps, UseDropZoneResult, drop_zone_parts_d_exports, useDropZone, useDropZoneContext } from "../../../index-BilTdK_M.js";
-export { ContainerProps, drop_zone_parts_d_exports as DropZone, DropZoneActions, DropZoneContainer, DropZoneContext, DropZoneImagePreview, DropZoneInput, DropZoneRenderPropType, DropZoneRoot, DropZoneRootProps, DropZoneState, FileWithPreview, InputProps, UseDropZoneProps, UseDropZoneResult, useDropZone, useDropZoneContext };
+import { ClassNames, DropZoneArea, DropZoneContainer, DropZoneContext, DropZoneContextProps, DropZoneErrorPreview, DropZoneFilePreview, DropZoneInput, DropZoneRoot, DropZoneRootProps, DropZoneTrigger, ExtraProps, UseDropZoneProps, UseDropZoneResult, drop_zone_parts_d_exports, useDropZone, useDropZoneStoreContext } from "../../../index-BBGuBbI_.js";
+export { ClassNames, drop_zone_parts_d_exports as DropZone, DropZoneArea, DropZoneContainer, DropZoneContext, DropZoneContextProps, DropZoneErrorPreview, DropZoneFilePreview, DropZoneInput, DropZoneRoot, DropZoneRootProps, DropZoneTrigger, ExtraProps, UseDropZoneProps, UseDropZoneResult, useDropZone, useDropZoneStoreContext };

package/dist/esm/components/ui/drop-zone/index.js

@@ -1,18 +1,18 @@
 "use client";
 
 
-import "../../../utils-D4YNWj2X.js";
-import "../../../getSlot-D1_uG-Ym.js";
-import "../../../error-boundary-B3ycUZ1t.js";
-import "../../../slot-RXTKo4L7.js";
-import "../../../await-Fe4LFRKd.js";
-import "../../../for-aTw1TgJo.js";
-import "../../../show-DNPzdLi-.js";
-import "../../../suspense-with-boundary-TrQxYRG6.js";
-import "../../../switch-B2gKl94R.js";
-import "../../../teleport-dlSjWj_t.js";
+import "../../../utils-ChjmDoRe.js";
+import "../../../getSlot-Cf5ON6lE.js";
+import "../../../error-boundary-xM9An3gz.js";
+import "../../../slot-D1062oA5.js";
+import "../../../await-fjas2Q-C.js";
+import "../../../for-DGs2XZ21.js";
+import "../../../show-BabiXbf7.js";
+import "../../../suspense-with-boundary-CEVORL8K.js";
+import "../../../switch-CCMD01Rs.js";
+import "../../../teleport-DfuYOzsj.js";
 import "../../../common-BYWy8Q78.js";
 import "../../../cn-_FbtIrlZ.js";
-import { DropZoneContainer, DropZoneContext, DropZoneImagePreview, DropZoneInput, DropZoneRoot, drop_zone_parts_exports, useDropZone, useDropZoneContext } from "../../../drop-zone-Beip1k4x.js";
+import { DropZoneArea, DropZoneContainer, DropZoneContext, DropZoneErrorPreview, DropZoneFilePreview, DropZoneInput, DropZoneRoot, DropZoneTrigger, drop_zone_parts_exports, useDropZone, useDropZoneStoreContext } from "../../../drop-zone-BPfSu99L.js";
 
-export { drop_zone_parts_exports as DropZone, DropZoneContainer, DropZoneContext, DropZoneImagePreview, DropZoneInput, DropZoneRoot, useDropZone, useDropZoneContext };
+export { drop_zone_parts_exports as DropZone, DropZoneArea, DropZoneContainer, DropZoneContext, DropZoneErrorPreview, DropZoneFilePreview, DropZoneInput, DropZoneRoot, DropZoneTrigger, useDropZone, useDropZoneStoreContext };

package/dist/esm/components/ui/form/index.d.ts

@@ -1,2 +1,2 @@
-import { FieldValues, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormErrorMessagePrimitiveProps, FormField, FormFieldContext, FormFieldControlledField, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputProps, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormSelectProps, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextArea, FormTextAreaPrimitive, FormTextAreaProps, form_parts_d_exports, useFormRootContext, useStrictFormFieldContext } from "../../../index-CIM4YPg5.js";
+import { FieldValues, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormErrorMessagePrimitiveProps, FormField, FormFieldContext, FormFieldControlledField, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputProps, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormSelectProps, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextArea, FormTextAreaPrimitive, FormTextAreaProps, form_parts_d_exports, useFormRootContext, useStrictFormFieldContext } from "../../../index-CMwCQ8qR.js";
 export { FieldValues, form_parts_d_exports as Form, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormErrorMessagePrimitiveProps, FormField, FormFieldContext, FormFieldControlledField, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputProps, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormSelectProps, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextArea, FormTextAreaPrimitive, FormTextAreaProps, useStrictFormFieldContext as useFormFieldContext, useFormRootContext };

package/dist/esm/components/ui/form/index.js

@@ -1,10 +1,10 @@
 "use client";
 
 
-import "../../../getSlot-D1_uG-Ym.js";
-import "../../../slot-RXTKo4L7.js";
-import "../../../for-aTw1TgJo.js";
+import "../../../getSlot-Cf5ON6lE.js";
+import "../../../slot-D1062oA5.js";
+import "../../../for-DGs2XZ21.js";
 import "../../../cn-_FbtIrlZ.js";
-import { FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldContext, FormFieldControlledField, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextArea, FormTextAreaPrimitive, form_parts_exports, useFormRootContext, useStrictFormFieldContext } from "../../../form-6RV0u4YT.js";
+import { FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldContext, FormFieldControlledField, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextArea, FormTextAreaPrimitive, form_parts_exports, useFormRootContext, useStrictFormFieldContext } from "../../../form-Bkj1QWwb.js";
 
 export { form_parts_exports as Form, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldContext, FormFieldControlledField, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextArea, FormTextAreaPrimitive, useStrictFormFieldContext as useFormFieldContext, useFormRootContext };

package/dist/esm/components/ui/index.d.ts

@@ -1,7 +1,6 @@
-import "../../getSlotMap-DZlQN8--.js";
-import { card_parts_d_exports } from "../../index-XYFc-mmy.js";
-import { carousel_parts_d_exports } from "../../index-DT8F8QKc.js";
-import { useDragScroll } from "../../index-gT9tVHv1.js";
-import { drop_zone_parts_d_exports, useDropZone } from "../../index-BilTdK_M.js";
-import { form_parts_d_exports } from "../../index-CIM4YPg5.js";
+import { card_parts_d_exports } from "../../index-BeDmH7lX.js";
+import { carousel_parts_d_exports } from "../../index-DqutTJQB.js";
+import { useDragScroll } from "../../index-BYhH4Fm0.js";
+import { drop_zone_parts_d_exports, useDropZone } from "../../index-BBGuBbI_.js";
+import { form_parts_d_exports } from "../../index-CMwCQ8qR.js";
 export { card_parts_d_exports as Card, carousel_parts_d_exports as Carousel, drop_zone_parts_d_exports as DropZone, form_parts_d_exports as Form, useDragScroll, useDropZone };

package/dist/esm/components/ui/index.js

@@ -1,19 +1,19 @@
-import "../../utils-D4YNWj2X.js";
-import "../../getSlot-D1_uG-Ym.js";
-import "../../error-boundary-B3ycUZ1t.js";
-import "../../slot-RXTKo4L7.js";
-import "../../await-Fe4LFRKd.js";
-import "../../for-aTw1TgJo.js";
-import "../../show-DNPzdLi-.js";
-import "../../suspense-with-boundary-TrQxYRG6.js";
-import "../../switch-B2gKl94R.js";
-import "../../teleport-dlSjWj_t.js";
+import "../../utils-ChjmDoRe.js";
+import "../../getSlot-Cf5ON6lE.js";
+import "../../error-boundary-xM9An3gz.js";
+import "../../slot-D1062oA5.js";
+import "../../await-fjas2Q-C.js";
+import "../../for-DGs2XZ21.js";
+import "../../show-BabiXbf7.js";
+import "../../suspense-with-boundary-CEVORL8K.js";
+import "../../switch-CCMD01Rs.js";
+import "../../teleport-DfuYOzsj.js";
 import "../../common-BYWy8Q78.js";
 import "../../cn-_FbtIrlZ.js";
-import { card_parts_exports } from "../../card-BBTJxmWt.js";
-import { carousel_parts_exports } from "../../carousel-Dvp-qURP.js";
-import { useDragScroll } from "../../drag-scroll-BLjij7aI.js";
-import { drop_zone_parts_exports, useDropZone } from "../../drop-zone-Beip1k4x.js";
-import { form_parts_exports } from "../../form-6RV0u4YT.js";
+import { card_parts_exports } from "../../card-TD60Xux0.js";
+import { carousel_parts_exports } from "../../carousel-YXXtZ85s.js";
+import { useDragScroll } from "../../drag-scroll-De6-soln.js";
+import { drop_zone_parts_exports, useDropZone } from "../../drop-zone-BPfSu99L.js";
+import { form_parts_exports } from "../../form-Bkj1QWwb.js";
 
 export { card_parts_exports as Card, carousel_parts_exports as Carousel, drop_zone_parts_exports as DropZone, form_parts_exports as Form, useDragScroll, useDropZone };

package/dist/esm/{drag-scroll-BLjij7aI.js → drag-scroll-De6-soln.js}

@@ -1,5 +1,5 @@
 import { cnMerge } from "./cn-_FbtIrlZ.js";
-import { useRef } from "react";
+import { useCallback, useMemo, useRef } from "react";
 import { checkIsDeviceMobile, off, on } from "@zayne-labs/toolkit-core";
 import { useCallbackRef } from "@zayne-labs/toolkit-react";
 import { composeRefs, mergeTwoProps } from "@zayne-labs/toolkit-react/utils";
@@ -78,19 +78,25 @@ const useDragScroll = (props) => {
 		const cleanup = on("mousedown", dragContainerRef.current, handleMouseDown);
 		return cleanup;
 	});
-	const getRootProps = (rootProps) => {
+	const getRootProps = useCallback((rootProps) => {
 		const mergedRootProps = mergeTwoProps(extraRootProps, rootProps);
 		return {
 			...mergedRootProps,
 			className: cnMerge(`scrollbar-hidden flex w-full cursor-grab snap-x snap-mandatory overflow-y-hidden
-				overflow-x-scroll`, orientation === "horizontal" && "flex-row", orientation === "vertical" && "flex-col", usage === "mobileAndTabletOnly" && "md:cursor-default md:flex-col", usage === "desktopOnly" && "max-md:cursor-default max-md:flex-col", classNames?.base, mergedRootProps.className),
+					overflow-x-scroll`, orientation === "horizontal" && "flex-row", orientation === "vertical" && "flex-col", usage === "mobileAndTabletOnly" && "md:cursor-default md:flex-col", usage === "desktopOnly" && "max-md:cursor-default max-md:flex-col", classNames?.base, mergedRootProps.className),
 			"data-part": "root",
 			"data-scope": "drag-scroll",
 			"data-slot": "drag-scroll-root",
 			ref: composeRefs(refCallBack, mergedRootProps?.ref)
 		};
-	};
-	const getItemProps = (itemProps) => {
+	}, [
+		extraRootProps,
+		classNames?.base,
+		orientation,
+		refCallBack,
+		usage
+	]);
+	const getItemProps = useCallback((itemProps) => {
 		const mergedItemProps = mergeTwoProps(extraItemProps, itemProps);
 		return {
 			...mergedItemProps,
@@ -99,13 +105,14 @@ const useDragScroll = (props) => {
 			"data-scope": "drag-scroll",
 			"data-slot": "drag-scroll-item"
 		};
-	};
-	return {
+	}, [extraItemProps, classNames?.item]);
+	const result = useMemo(() => ({
 		getItemProps,
 		getRootProps
-	};
+	}), [getItemProps, getRootProps]);
+	return result;
 };
 
 //#endregion
 export { useDragScroll };
-//# sourceMappingURL=drag-scroll-BLjij7aI.js.map
+//# sourceMappingURL=drag-scroll-De6-soln.js.map

package/dist/esm/drag-scroll-De6-soln.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-scroll-De6-soln.js","names":["refCallBack: RefCallback<TElement>","getRootProps: DragScrollResult<TElement, TItemElement>[\"getRootProps\"]","getItemProps: DragScrollResult<TElement, TItemElement>[\"getItemProps\"]"],"sources":["../../src/components/ui/drag-scroll/utils.ts","../../src/components/ui/drag-scroll/use-drag-scroll.ts"],"sourcesContent":["import { checkIsDeviceMobile } from \"@zayne-labs/toolkit-core\";\n\n/* eslint-disable no-param-reassign -- Mutation is needed here since it's an element */\nexport const updateCursor = <TElement extends HTMLElement>(element: TElement) => {\n\telement.style.cursor = \"grabbing\";\n\telement.style.userSelect = \"none\";\n};\n\nexport const onScrollSnap = <TElement extends HTMLElement>(\n\taction: \"remove\" | \"reset\",\n\telement: TElement\n) => {\n\tif (action === \"remove\") {\n\t\telement.style.scrollSnapType = \"none\";\n\t\treturn;\n\t}\n\n\telement.style.scrollSnapType = \"\";\n};\n\nexport const resetCursor = <TElement extends HTMLElement>(element: TElement) => {\n\telement.style.cursor = \"\";\n\telement.style.userSelect = \"\";\n};\n/* eslint-enable no-param-reassign  -- Mutation is needed here since it's an element */\n\nexport const handleScrollSnap = (dragContainer: HTMLElement) => {\n\tconst isMobile = checkIsDeviceMobile();\n\n\tif (!isMobile) {\n\t\tonScrollSnap(\"remove\", dragContainer);\n\t} else {\n\t\tonScrollSnap(\"reset\", dragContainer);\n\t}\n};\n","import { off, on } from \"@zayne-labs/toolkit-core\";\nimport { useCallbackRef } from \"@zayne-labs/toolkit-react\";\nimport { composeRefs, type InferProps, mergeTwoProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { type RefCallback, useCallback, useMemo, useRef } from \"react\";\nimport { cnMerge } from \"@/lib/utils/cn\";\nimport { handleScrollSnap, resetCursor, updateCursor } from \"./utils\";\n\ntype ItemProps<TItemElement extends HTMLElement> = Omit<InferProps<TItemElement>, \"children\">;\n\ntype RootProps<TElement extends HTMLElement> = Omit<InferProps<TElement>, \"children\">;\n\ntype DragScrollProps<TElement extends HTMLElement, TItemElement extends HTMLElement> = {\n\tclassNames?: { base?: string; item?: string };\n\textraItemProps?: ItemProps<TItemElement>;\n\textraRootProps?: InferProps<TElement>;\n\torientation?: \"both\" | \"horizontal\" | \"vertical\";\n\tusage?: \"allScreens\" | \"desktopOnly\" | \"mobileAndTabletOnly\";\n};\n\ntype DragScrollResult<TElement extends HTMLElement, TItemElement extends HTMLElement> = {\n\tgetItemProps: (itemProps?: ItemProps<TItemElement>) => ItemProps<TItemElement>;\n\tgetRootProps: (rootProps?: RootProps<TElement>) => RootProps<TElement>;\n};\n\nconst useDragScroll = <TElement extends HTMLElement, TItemElement extends HTMLElement = HTMLElement>(\n\tprops?: DragScrollProps<TElement, TItemElement>\n): DragScrollResult<TElement, TItemElement> => {\n\tconst {\n\t\tclassNames,\n\t\textraItemProps,\n\t\textraRootProps,\n\t\torientation = \"horizontal\",\n\t\tusage = \"allScreens\",\n\t} = props ?? {};\n\n\tconst dragContainerRef = useRef<TElement>(null);\n\n\tconst positionRef = useRef({ left: 0, top: 0, x: 0, y: 0 });\n\n\tconst handleMouseMove = useCallbackRef((event: MouseEvent) => {\n\t\tif (!dragContainerRef.current) return;\n\n\t\tif (orientation === \"horizontal\" || orientation === \"both\") {\n\t\t\t// == calculate the current change in the horizontal scroll position based on the difference between the previous mouse position and the new mouse position\n\t\t\tconst dx = event.clientX - positionRef.current.x;\n\n\t\t\t// == Assign the scrollLeft of the container to the difference between its previous horizontal scroll position and the change in the mouse position\n\t\t\tdragContainerRef.current.scrollLeft = positionRef.current.left - dx;\n\t\t}\n\n\t\tif (orientation === \"vertical\" || orientation === \"both\") {\n\t\t\t// == calculate the current change in the vertical scroll position based on the difference between the previous mouse position and the new mouse position\n\t\t\tconst dy = event.clientY - positionRef.current.y;\n\n\t\t\t// == Assign the scrollTop of the container to the difference between its previous vertical scroll position and the change in the mouse position\n\t\t\tdragContainerRef.current.scrollTop = positionRef.current.top - dy;\n\t\t}\n\t});\n\n\tconst handleMouseUpOrLeave = useCallbackRef(() => {\n\t\tif (!dragContainerRef.current) return;\n\n\t\toff(\"mousemove\", dragContainerRef.current, handleMouseMove);\n\t\toff(\"mouseup\", dragContainerRef.current, handleMouseUpOrLeave);\n\t\toff(\"mouseleave\", dragContainerRef.current, handleMouseUpOrLeave);\n\n\t\tresetCursor(dragContainerRef.current);\n\t});\n\n\tconst handleMouseDown = useCallbackRef((event: MouseEvent) => {\n\t\tif (usage === \"mobileAndTabletOnly\" && window.innerWidth >= 768) return;\n\t\tif (usage === \"desktopOnly\" && window.innerWidth < 768) return;\n\n\t\tif (!dragContainerRef.current) return;\n\n\t\t// == Update all initial position properties stored in the positionRef\n\t\tif (orientation === \"horizontal\" || orientation === \"both\") {\n\t\t\tpositionRef.current.x = event.clientX;\n\t\t\tpositionRef.current.left = dragContainerRef.current.scrollLeft;\n\t\t}\n\n\t\tif (orientation === \"vertical\" || orientation === \"both\") {\n\t\t\tpositionRef.current.y = event.clientY;\n\t\t\tpositionRef.current.top = dragContainerRef.current.scrollTop;\n\t\t}\n\n\t\tupdateCursor(dragContainerRef.current);\n\n\t\ton(\"mousemove\", dragContainerRef.current, handleMouseMove);\n\t\ton(\"mouseup\", dragContainerRef.current, handleMouseUpOrLeave);\n\t\ton(\"mouseleave\", dragContainerRef.current, handleMouseUpOrLeave);\n\t});\n\n\tconst refCallBack: RefCallback<TElement> = useCallbackRef((node) => {\n\t\tdragContainerRef.current = node;\n\n\t\tnode && handleScrollSnap(node);\n\n\t\tconst cleanup = on(\"mousedown\", dragContainerRef.current, handleMouseDown);\n\n\t\treturn cleanup;\n\t});\n\n\tconst getRootProps: DragScrollResult<TElement, TItemElement>[\"getRootProps\"] = useCallback(\n\t\t(rootProps) => {\n\t\t\tconst mergedRootProps = mergeTwoProps(extraRootProps, rootProps);\n\n\t\t\treturn {\n\t\t\t\t...mergedRootProps,\n\t\t\t\tclassName: cnMerge(\n\t\t\t\t\t`scrollbar-hidden flex w-full cursor-grab snap-x snap-mandatory overflow-y-hidden\n\t\t\t\t\toverflow-x-scroll`,\n\t\t\t\t\torientation === \"horizontal\" && \"flex-row\",\n\t\t\t\t\torientation === \"vertical\" && \"flex-col\",\n\t\t\t\t\tusage === \"mobileAndTabletOnly\" && \"md:cursor-default md:flex-col\",\n\t\t\t\t\tusage === \"desktopOnly\" && \"max-md:cursor-default max-md:flex-col\",\n\t\t\t\t\tclassNames?.base,\n\t\t\t\t\tmergedRootProps.className\n\t\t\t\t),\n\t\t\t\t\"data-part\": \"root\",\n\t\t\t\t\"data-scope\": \"drag-scroll\",\n\t\t\t\t\"data-slot\": \"drag-scroll-root\",\n\t\t\t\tref: composeRefs(\n\t\t\t\t\trefCallBack,\n\t\t\t\t\t(mergedRootProps as { ref?: React.Ref<TElement> } | undefined)?.ref\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[extraRootProps, classNames?.base, orientation, refCallBack, usage]\n\t);\n\n\tconst getItemProps: DragScrollResult<TElement, TItemElement>[\"getItemProps\"] = useCallback(\n\t\t(itemProps) => {\n\t\t\tconst mergedItemProps = mergeTwoProps(extraItemProps, itemProps);\n\n\t\t\treturn {\n\t\t\t\t...mergedItemProps,\n\t\t\t\tclassName: cnMerge(\"snap-center snap-always\", classNames?.item, mergedItemProps.className),\n\t\t\t\t\"data-part\": \"item\",\n\t\t\t\t\"data-scope\": \"drag-scroll\",\n\t\t\t\t\"data-slot\": \"drag-scroll-item\",\n\t\t\t};\n\t\t},\n\t\t[extraItemProps, classNames?.item]\n\t);\n\n\tconst result = useMemo(() => ({ getItemProps, getRootProps }), [getItemProps, getRootProps]);\n\n\treturn result;\n};\n\nexport { useDragScroll };\n"],"mappings":"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"}