@sorocraft/ui 1.2.41 → 1.2.45

package/dist/components/Carousel/Carousel.d.ts

@@ -1,9 +1,13 @@
 import { ReactElement, RefObject } from "react";
+import { TextProps } from "../Text/Text.types";
 interface Props {
     children: ReactElement[];
     gap?: number;
     className?: string;
+    enableNavigation?: boolean;
+    title?: string;
+    titleVariant?: TextProps["variant"];
     onGetRef?: (ref: RefObject<HTMLDivElement>) => void;
 }
-declare const Carousel: ({ children, gap, className, onGetRef }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Carousel: ({ children, gap, className, enableNavigation, title, titleVariant, onGetRef, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Carousel;

package/dist/components/CarouselNavigation/CarouselNavigation..d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from "react";
+import { SIZE } from "src/models/ui";
+interface Props {
+    size: SIZE;
+    scrollRef: RefObject<HTMLDivElement>;
+    scrollAmount?: number;
+}
+declare const NavigationButton: ({ size, scrollRef, scrollAmount }: Props) => import("react/jsx-runtime").JSX.Element;
+export default NavigationButton;

package/dist/components/CarouselNavigation/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./CarouselNavigation.";

package/dist/components/DnD/DnD.constants.d.ts

@@ -0,0 +1,6 @@
+export declare const initialState: {
+    sourceContentId: any;
+    targetContentId: any;
+    destinationId: any;
+    isOverTargetTopHalf: boolean;
+};

package/dist/components/DnD/DnD.hooks.d.ts

@@ -0,0 +1,4 @@
+import { ID } from "./DnD.types";
+export declare const useIsDnDOver: (contentId: ID) => boolean;
+export declare const useIsDragging: (contentId: ID) => boolean;
+export declare const useIsTargetOverTopHalf: () => boolean;

package/dist/components/DnD/DnD.types.d.ts

@@ -0,0 +1,13 @@
+export type ID = string | number | null;
+export interface DnDState {
+    sourceContentId: ID;
+    targetContentId: ID;
+    isOverTargetTopHalf: boolean;
+    destinationId?: ID;
+}
+export type SetParams = Partial<DnDState>;
+export type DndContent = {
+    dndState: DnDState;
+    setDnDState: (params: SetParams) => void;
+    resetDnDState: () => void;
+};

package/dist/components/DnD/DnDContext.d.ts

@@ -0,0 +1,4 @@
+import { DndContent } from "./DnD.types";
+declare const DnDContext: import("react").Context<DndContent>;
+export declare const useDnDContext: () => DndContent;
+export default DnDContext;

package/dist/components/DnD/DnDProvider.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+declare const DnDProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DnDProvider;

package/dist/components/DnD/Draggable/Draggable.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import { ID } from "../DnD.types";
+interface Props {
+    contentId: ID;
+    children: ReactNode;
+}
+declare const Draggable: ({ contentId, children }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Draggable;

package/dist/components/DnD/Draggable/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Draggable";

package/dist/components/DnD/Droppable.d.ts

@@ -0,0 +1,9 @@
+import { DragEventHandler, ReactNode } from "react";
+interface Props {
+    onDrop?: DragEventHandler<HTMLDivElement>;
+    onDragEnter?: DragEventHandler<HTMLDivElement>;
+    onDragLeave?: DragEventHandler<HTMLDivElement>;
+    children: ReactNode;
+}
+declare const Droppable: ({ children, onDrop, onDragEnter, onDragLeave }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Droppable;

package/dist/components/DnD/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Draggable } from "./Draggable";
+export { default as Droppable } from "./Droppable";
+export { default as DnDContext } from "./DnDContext";
+export * from "./DnDContext";
+export { default as DnDProvider } from "./DnDProvider";

package/dist/index.d.ts

@@ -48,6 +48,7 @@ export { default as ToggleSwitch } from "./components/ToggleSwitch";
 export { default as Grid } from "./components/Grid";
 export { default as AddressAutocomplete } from "./components/AddressAutocomplete";
 export * from "./components/Table";
+export * from "./components/DnD";
 export * from "./components/SVGIcon/SVGIcon.types";
 export * from "./components/Input/Input.types";
 export * from "./components/DropDown/DropDown.types";