@kala-ui/react 0.0.1-beta.1

package/dist/src/components/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/dialog/dialog.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from "@storybook/react";
+import { Dialog } from "./dialog";
+declare const meta: {
+    title: string;
+    component: typeof Dialog;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithDescription: Story;
+export declare const Sizes: Story;
+export declare const ScrollingContent: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=dialog.stories.d.ts.map

package/dist/src/components/dialog/dialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EACN,MAAM,EAQN,MAAM,UAAU,CAAC;AAElB,QAAA,MAAM,IAAI;;;;;;;CAOqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAgC7B,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAwEnB,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KA6B9B,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC"}

package/dist/src/components/dialog/dialog.stories.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../button";
+import { Input } from "../input";
+import { Label } from "../label";
+import { Skeleton } from "../skeleton/skeleton";
+import { Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "./dialog";
+const meta = {
+    title: "Overlay/Dialog",
+    component: Dialog,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+// Basic Example
+export const Default = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Dialog" }) }), _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Modal Title" }) }), _jsx(DialogBody, { children: _jsx("p", { children: "It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English." }) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", children: "Close" }), _jsx(Button, { children: "Save changes" })] })] })] })),
+};
+// With Description
+export const WithDescription = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Edit Profile" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Edit profile" }), _jsx(DialogDescription, { children: "Make changes to your profile here. Click save when you're done." })] }), _jsx(DialogBody, { children: _jsxs("div", { className: "grid gap-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "name", children: "Name" }), _jsx(Input, { id: "name", defaultValue: "Pedro Duarte" })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "username", children: "Username" }), _jsx(Input, { id: "username", defaultValue: "@peduarte" })] })] }) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", children: "Cancel" }), _jsx(Button, { children: "Save changes" })] })] })] })),
+};
+// Different Sizes
+export const Sizes = {
+    render: () => (_jsxs("div", { className: "flex gap-4", children: [_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Small" }) }), _jsxs(DialogContent, { size: "sm", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Small Modal" }) }), _jsx(DialogBody, { children: _jsx("p", { children: "This is a small modal dialog." }) }), _jsx(DialogFooter, { children: _jsx(Button, { children: "Close" }) })] })] }), _jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Default" }) }), _jsxs(DialogContent, { size: "default", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Default Modal" }) }), _jsx(DialogBody, { children: _jsx("p", { children: "This is a default sized modal dialog." }) }), _jsx(DialogFooter, { children: _jsx(Button, { children: "Close" }) })] })] }), _jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Large" }) }), _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Large Modal" }) }), _jsx(DialogBody, { children: _jsx("p", { children: "This is a large modal dialog." }) }), _jsx(DialogFooter, { children: _jsx(Button, { children: "Close" }) })] })] }), _jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Extra Large" }) }), _jsxs(DialogContent, { size: "xl", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Extra Large Modal" }) }), _jsx(DialogBody, { children: _jsx("p", { children: "This is an extra large modal dialog." }) }), _jsx(DialogFooter, { children: _jsx(Button, { children: "Close" }) })] })] })] })),
+};
+// Scrolling Content
+export const ScrollingContent = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Long Content" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Terms of Service" }), _jsx(DialogDescription, { children: "Please read our terms of service carefully." })] }), _jsx(DialogBody, { children: Array.from({ length: 20 }).map(() => (_jsx("p", { className: "mb-4", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris." }, crypto.randomUUID()))) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", children: "Decline" }), _jsx(Button, { children: "Accept" })] })] })] })),
+};
+export const LoadingSkeleton = {
+    render: () => (_jsx(Skeleton, { className: "h-10 w-32 rounded-md" })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Loading skeleton placeholder for dialog trigger while loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=dialog.stories.js.map

package/dist/src/components/dialog/dialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/dialog/dialog.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dialog.test.d.ts.map

package/dist/src/components/dialog/dialog.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.test.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.test.tsx"],"names":[],"mappings":""}

package/dist/src/components/dialog/dialog.test.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+import { Button } from "../button";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "./dialog";
+describe("Dialog", () => {
+    it("should render dialog trigger", () => {
+        render(_jsxs(Dialog, { children: [_jsx(DialogTrigger, { children: "Open Dialog" }), _jsx(DialogContent, { children: _jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Dialog Title" }) }) })] }));
+        expect(screen.getByText("Open Dialog")).toBeInTheDocument();
+    });
+    it("should open dialog when trigger is clicked", async () => {
+        const user = userEvent.setup();
+        render(_jsxs(Dialog, { children: [_jsx(DialogTrigger, { children: "Open Dialog" }), _jsx(DialogContent, { children: _jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Dialog Title" }), _jsx(DialogDescription, { children: "Dialog description" })] }) })] }));
+        await user.click(screen.getByText("Open Dialog"));
+        expect(screen.getByText("Dialog Title")).toBeInTheDocument();
+        expect(screen.getByText("Dialog description")).toBeInTheDocument();
+    });
+    it("should close dialog when close button is clicked", async () => {
+        const user = userEvent.setup();
+        render(_jsxs(Dialog, { children: [_jsx(DialogTrigger, { children: "Open Dialog" }), _jsx(DialogContent, { children: _jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Dialog Title" }) }) })] }));
+        await user.click(screen.getByText("Open Dialog"));
+        expect(screen.getByText("Dialog Title")).toBeInTheDocument();
+        const closeButton = screen.getByRole("button", { name: /close/i });
+        await user.click(closeButton);
+        await vi.waitFor(() => {
+            expect(screen.queryByText("Dialog Title")).not.toBeInTheDocument();
+        });
+    });
+    it("should render dialog footer", async () => {
+        const user = userEvent.setup();
+        render(_jsxs(Dialog, { children: [_jsx(DialogTrigger, { children: "Open Dialog" }), _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Dialog Title" }) }), _jsx(DialogFooter, { children: _jsx(Button, { children: "Save" }) })] })] }));
+        await user.click(screen.getByText("Open Dialog"));
+        expect(screen.getByText("Save")).toBeInTheDocument();
+    });
+    it("should apply custom className to content", async () => {
+        const user = userEvent.setup();
+        render(_jsxs(Dialog, { children: [_jsx(DialogTrigger, { children: "Open Dialog" }), _jsx(DialogContent, { className: "custom-dialog", children: _jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Dialog Title" }) }) })] }));
+        await user.click(screen.getByText("Open Dialog"));
+        // Dialog renders in portal, query document.body
+        const content = document.body.querySelector('[data-slot="dialog-content"]');
+        expect(content).toHaveClass("custom-dialog");
+    });
+});
+//# sourceMappingURL=dialog.test.js.map

package/dist/src/components/dialog/dialog.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.test.js","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EACN,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,GACb,MAAM,UAAU,CAAC;AAElB,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACvC,MAAM,CACL,MAAC,MAAM,eACN,KAAC,aAAa,8BAA4B,EAC1C,KAAC,aAAa,cACb,KAAC,YAAY,cACZ,KAAC,WAAW,+BAA2B,GACzB,GACA,IACR,CACT,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;QAE/B,MAAM,CACL,MAAC,MAAM,eACN,KAAC,aAAa,8BAA4B,EAC1C,KAAC,aAAa,cACb,MAAC,YAAY,eACZ,KAAC,WAAW,+BAA2B,EACvC,KAAC,iBAAiB,qCAAuC,IAC3C,GACA,IACR,CACT,CAAC;QAEF,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC7D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;QAE/B,MAAM,CACL,MAAC,MAAM,eACN,KAAC,aAAa,8BAA4B,EAC1C,KAAC,aAAa,cACb,KAAC,YAAY,cACZ,KAAC,WAAW,+BAA2B,GACzB,GACA,IACR,CACT,CAAC;QAEF,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAE7D,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;QACnE,MAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAE9B,MAAM,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE;YACrB,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACpE,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;QAE/B,MAAM,CACL,MAAC,MAAM,eACN,KAAC,aAAa,8BAA4B,EAC1C,MAAC,aAAa,eACb,KAAC,YAAY,cACZ,KAAC,WAAW,+BAA2B,GACzB,EACf,KAAC,YAAY,cACZ,KAAC,MAAM,uBAAc,GACP,IACA,IACR,CACT,CAAC;QAEF,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;QAE/B,MAAM,CACL,MAAC,MAAM,eACN,KAAC,aAAa,8BAA4B,EAC1C,KAAC,aAAa,IAAC,SAAS,EAAC,eAAe,YACvC,KAAC,YAAY,cACZ,KAAC,WAAW,+BAA2B,GACzB,GACA,IACR,CACT,CAAC;QAEF,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;QAClD,gDAAgD;QAChD,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAC;QAC5E,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/src/components/dialog/index.d.ts

@@ -0,0 +1,4 @@
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./dialog";
+export type { DialogSkeletonConfig, DialogSkeletonProps, } from "./dialog-skeleton";
+export { DialogSkeleton } from "./dialog-skeleton";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,MAAM,EACN,UAAU,EACV,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACb,MAAM,UAAU,CAAC;AAClB,YAAY,EACX,oBAAoB,EACpB,mBAAmB,GACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/components/dialog/index.js

@@ -0,0 +1,3 @@
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./dialog";
+export { DialogSkeleton } from "./dialog-skeleton";
+//# sourceMappingURL=index.js.map

package/dist/src/components/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,MAAM,EACN,UAAU,EACV,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACb,MAAM,UAAU,CAAC;AAKlB,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/components/dnd/dnd.d.ts

@@ -0,0 +1,116 @@
+/**
+ * DnD Component - Drag and Drop primitives for @dnd-kit
+ * Provides consistent wrappers with animations, sortable support, and drag overlays
+ */
+import type { DragEndEvent, DraggableAttributes, DragOverEvent, DragStartEvent, UniqueIdentifier, DraggableSyntheticListeners, DndContextProps as DndKitContextProps, Active, Over, Collision, CollisionDetection, PointerActivationConstraint } from "@dnd-kit/core";
+import { useDraggable, useDroppable, KeyboardSensor, PointerSensor, TouchSensor, useSensor, useSensors } from "@dnd-kit/core";
+import { useSortable, sortableKeyboardCoordinates, type SortingStrategy } from "@dnd-kit/sortable";
+import type { Modifier } from "@dnd-kit/core";
+import type { Transform } from "@dnd-kit/utilities";
+import * as React from "react";
+type SyntheticListenerMap = DraggableSyntheticListeners;
+export type DragDropModifier = Modifier;
+export type DragDropCollisionDetection = CollisionDetection;
+export type DragDropSortingStrategy = SortingStrategy;
+export type DragDropPointerConstraint = PointerActivationConstraint;
+export declare const collisionDetectionAlgorithms: {
+    readonly closestCenter: CollisionDetection;
+    readonly closestCorners: CollisionDetection;
+    readonly rectIntersection: CollisionDetection;
+    readonly pointerWithin: CollisionDetection;
+};
+export declare const modifiers: {
+    readonly restrictToHorizontalAxis: Modifier;
+    readonly restrictToVerticalAxis: Modifier;
+    readonly restrictToWindowEdges: Modifier;
+    readonly restrictToParentElement: Modifier;
+    readonly restrictToFirstScrollableAncestor: Modifier;
+};
+export declare const sortingStrategies: {
+    readonly vertical: SortingStrategy;
+    readonly horizontal: SortingStrategy;
+    readonly rect: SortingStrategy;
+    readonly rectSwapping: SortingStrategy;
+};
+export interface UseDragDropSensorsOptions {
+    activationConstraint?: PointerActivationConstraint;
+    keyboardCoordinateGetter?: typeof sortableKeyboardCoordinates;
+}
+declare function createDragDropSensors(options?: UseDragDropSensorsOptions): import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
+export interface DragDropContextProps extends Omit<DndKitContextProps, 'sensors'> {
+    children: React.ReactNode;
+    sensors?: ReturnType<typeof createDragDropSensors>;
+    useSensors?: UseDragDropSensorsOptions;
+}
+declare const DragDropContext: React.ForwardRefExoticComponent<DragDropContextProps & React.RefAttributes<HTMLDivElement>>;
+export interface DroppableProps {
+    id: UniqueIdentifier;
+    children: React.ReactNode | ((args: {
+        isOver: boolean;
+        setNodeRef: (node: HTMLElement | null) => void;
+    }) => React.ReactNode);
+    className?: string;
+    disabled?: boolean;
+}
+declare const Droppable: React.ForwardRefExoticComponent<DroppableProps & React.RefAttributes<HTMLDivElement>>;
+export interface DraggableProps {
+    id: UniqueIdentifier;
+    children: React.ReactNode | ((args: {
+        attributes: DraggableAttributes;
+        listeners: SyntheticListenerMap | undefined;
+        setNodeRef: (node: HTMLElement | null) => void;
+        transform: {
+            x: number;
+            y: number;
+            scaleX: number;
+            scaleY: number;
+        } | null;
+        isDragging: boolean;
+    }) => React.ReactNode);
+    className?: string;
+    disabled?: boolean;
+}
+declare const Draggable: React.ForwardRefExoticComponent<DraggableProps & React.RefAttributes<HTMLDivElement>>;
+export interface SortableContextProps {
+    id?: UniqueIdentifier;
+    items: UniqueIdentifier[] | {
+        id: UniqueIdentifier;
+    }[];
+    strategy?: SortingStrategy;
+    children: React.ReactNode;
+}
+declare const SortableContext: React.ForwardRefExoticComponent<SortableContextProps & React.RefAttributes<HTMLDivElement>>;
+export interface SortableItemProps {
+    id: UniqueIdentifier;
+    children: React.ReactNode | ((args: {
+        attributes: DraggableAttributes;
+        listeners: SyntheticListenerMap | undefined;
+        setNodeRef: (node: HTMLElement | null) => void;
+        transform: Transform | null;
+        transition: string | undefined;
+        isDragging: boolean;
+        isSorting: boolean;
+        isOver: boolean;
+    }) => React.ReactNode);
+    className?: string;
+    disabled?: boolean;
+    handle?: boolean;
+}
+declare const SortableItem: React.ForwardRefExoticComponent<SortableItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface SortableHandleProps {
+    children: React.ReactNode | ((listeners: SyntheticListenerMap | undefined) => React.ReactNode);
+    className?: string;
+}
+declare const SortableHandle: React.ForwardRefExoticComponent<SortableHandleProps & React.RefAttributes<HTMLDivElement>>;
+export interface DragOverlayComponentProps {
+    children: React.ReactNode;
+    className?: string;
+    dropAnimation?: {
+        duration?: number;
+        easing?: string;
+    } | null;
+}
+declare const DragOverlayComponent: React.ForwardRefExoticComponent<DragOverlayComponentProps & React.RefAttributes<HTMLDivElement>>;
+export { DragDropContext, Droppable, Draggable, SortableContext, SortableItem, SortableHandle, DragOverlayComponent, createDragDropSensors as useDragDropSensors, useDraggable, useDroppable, useSortable, KeyboardSensor, PointerSensor, TouchSensor, useSensor, useSensors, sortableKeyboardCoordinates, };
+export type { DragEndEvent as DropResult, DragStartEvent as DragStart, DragOverEvent as DragUpdate, DragOverEvent, Active, Over, Collision, DraggableAttributes, UniqueIdentifier, DraggableSyntheticListeners, SortingStrategy, Transform, };
+//# sourceMappingURL=dnd.d.ts.map

package/dist/src/components/dnd/dnd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnd.d.ts","sourceRoot":"","sources":["../../../../src/components/dnd/dnd.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EACX,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,2BAA2B,EAC3B,eAAe,IAAI,kBAAkB,EACrC,MAAM,EACN,IAAI,EACJ,SAAS,EACT,kBAAkB,EAClB,2BAA2B,EAC3B,MAAM,eAAe,CAAC;AAEvB,OAAO,EAEN,YAAY,EACZ,YAAY,EAMZ,cAAc,EACd,aAAa,EACb,WAAW,EACX,SAAS,EACT,UAAU,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAEN,WAAW,EACX,2BAA2B,EAK3B,KAAK,eAAe,EACpB,MAAM,mBAAmB,CAAC;AAQ3B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,oBAAoB,GAAG,2BAA2B,CAAC;AAMxD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;AACxC,MAAM,MAAM,0BAA0B,GAAG,kBAAkB,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,eAAe,CAAC;AACtD,MAAM,MAAM,yBAAyB,GAAG,2BAA2B,CAAC;AAMpE,eAAO,MAAM,4BAA4B;;;;;CAK/B,CAAC;AAMX,eAAO,MAAM,SAAS;;;;;;CAMZ,CAAC;AAMX,eAAO,MAAM,iBAAiB;;;;;CAKpB,CAAC;AAMX,MAAM,WAAW,yBAAyB;IACzC,oBAAoB,CAAC,EAAE,2BAA2B,CAAC;IACnD,wBAAwB,CAAC,EAAE,OAAO,2BAA2B,CAAC;CAC9D;AAED,iBAAS,qBAAqB,CAAC,OAAO,GAAE,yBAA8B,qFAgBrE;AAMD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC;IAChF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAED,QAAA,MAAM,eAAe,6FAWpB,CAAC;AAQF,MAAM,WAAW,cAAc;IAC9B,EAAE,EAAE,gBAAgB,CAAC;IACrB,QAAQ,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,IAAI,EAAE;QACR,MAAM,EAAE,OAAO,CAAC;QAChB,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;KAC9C,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,SAAS,uFA6Bd,CAAC;AAQF,MAAM,WAAW,cAAc;IAC9B,EAAE,EAAE,gBAAgB,CAAC;IACrB,QAAQ,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,IAAI,EAAE;QACR,UAAU,EAAE,mBAAmB,CAAC;QAChC,SAAS,EAAE,oBAAoB,GAAG,SAAS,CAAC;QAC5C,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAC/C,SAAS,EAAE;YACV,CAAC,EAAE,MAAM,CAAC;YACV,CAAC,EAAE,MAAM,CAAC;YACV,MAAM,EAAE,MAAM,CAAC;YACf,MAAM,EAAE,MAAM,CAAC;SACf,GAAG,IAAI,CAAC;QACT,UAAU,EAAE,OAAO,CAAC;KACnB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,SAAS,uFAuCd,CAAC;AAQF,MAAM,WAAW,oBAAoB;IACpC,EAAE,CAAC,EAAE,gBAAgB,CAAC;IACtB,KAAK,EAAE,gBAAgB,EAAE,GAAG;QAAE,EAAE,EAAE,gBAAgB,CAAA;KAAE,EAAE,CAAC;IACvD,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,QAAA,MAAM,eAAe,6FAapB,CAAC;AAQF,MAAM,WAAW,iBAAiB;IACjC,EAAE,EAAE,gBAAgB,CAAC;IACrB,QAAQ,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,IAAI,EAAE;QACR,UAAU,EAAE,mBAAmB,CAAC;QAChC,SAAS,EAAE,oBAAoB,GAAG,SAAS,CAAC;QAC5C,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAC/C,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;QAC5B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;QAC/B,UAAU,EAAE,OAAO,CAAC;QACpB,SAAS,EAAE,OAAO,CAAC;QACnB,MAAM,EAAE,OAAO,CAAC;KACf,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,YAAY,0FAwDjB,CAAC;AAQF,MAAM,WAAW,mBAAmB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,EAAE,oBAAoB,GAAG,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC/F,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,cAAc,4FAkBnB,CAAC;AAQF,MAAM,WAAW,yBAAyB;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;KAChB,GAAG,IAAI,CAAC;CACT;AAED,QAAA,MAAM,oBAAoB,kGAQzB,CAAC;AAQF,OAAO,EACN,eAAe,EACf,SAAS,EACT,SAAS,EACT,eAAe,EACf,YAAY,EACZ,cAAc,EACd,oBAAoB,EACpB,qBAAqB,IAAI,kBAAkB,EAE3C,YAAY,EACZ,YAAY,EACZ,WAAW,EAEX,cAAc,EACd,aAAa,EACb,WAAW,EACX,SAAS,EACT,UAAU,EACV,2BAA2B,GAC3B,CAAC;AAEF,YAAY,EAEX,YAAY,IAAI,UAAU,EAC1B,cAAc,IAAI,SAAS,EAC3B,aAAa,IAAI,UAAU,EAC3B,aAAa,EACb,MAAM,EACN,IAAI,EACJ,SAAS,EAGT,mBAAmB,EACnB,gBAAgB,EAChB,2BAA2B,EAE3B,eAAe,EAEf,SAAS,GACT,CAAC"}

package/dist/src/components/dnd/dnd.js

@@ -0,0 +1,157 @@
+/**
+ * DnD Component - Drag and Drop primitives for @dnd-kit
+ * Provides consistent wrappers with animations, sortable support, and drag overlays
+ */
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DndContext as DndKitContext, useDraggable, useDroppable, DragOverlay, closestCenter, closestCorners, rectIntersection, pointerWithin, KeyboardSensor, PointerSensor, TouchSensor, useSensor, useSensors, } from "@dnd-kit/core";
+import { SortableContext as SortableContextKit, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy, horizontalListSortingStrategy, rectSortingStrategy, rectSwappingStrategy, } from "@dnd-kit/sortable";
+import { restrictToHorizontalAxis, restrictToVerticalAxis, restrictToWindowEdges, restrictToParentElement, restrictToFirstScrollableAncestor, } from "@dnd-kit/modifiers";
+import { CSS } from "@dnd-kit/utilities";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+// ============================================================================
+// Collision Detection Algorithms
+// ============================================================================
+export const collisionDetectionAlgorithms = {
+    closestCenter,
+    closestCorners,
+    rectIntersection,
+    pointerWithin,
+};
+// ============================================================================
+// Modifiers
+// ============================================================================
+export const modifiers = {
+    restrictToHorizontalAxis,
+    restrictToVerticalAxis,
+    restrictToWindowEdges,
+    restrictToParentElement,
+    restrictToFirstScrollableAncestor,
+};
+// ============================================================================
+// Sorting Strategies
+// ============================================================================
+export const sortingStrategies = {
+    vertical: verticalListSortingStrategy,
+    horizontal: horizontalListSortingStrategy,
+    rect: rectSortingStrategy,
+    rectSwapping: rectSwappingStrategy,
+};
+function createDragDropSensors(options = {}) {
+    const { activationConstraint, keyboardCoordinateGetter = sortableKeyboardCoordinates } = options;
+    const sensors = useSensors(useSensor(PointerSensor, {
+        activationConstraint,
+    }), useSensor(TouchSensor, {
+        activationConstraint,
+    }), useSensor(KeyboardSensor, {
+        coordinateGetter: keyboardCoordinateGetter,
+    }));
+    return sensors;
+}
+const DragDropContext = React.forwardRef(({ children, sensors: sensorsProp, useSensors: useSensorsOptions, ...props }, _ref) => {
+    const defaultSensors = createDragDropSensors(useSensorsOptions);
+    const sensors = sensorsProp ?? defaultSensors;
+    return (_jsx(DndKitContext, { sensors: sensors, ...props, children: children }));
+});
+DragDropContext.displayName = "DragDropContext";
+const Droppable = React.forwardRef(({ children, className, id, disabled = false, ...props }, ref) => {
+    const { isOver, setNodeRef } = useDroppable({
+        id,
+        disabled,
+    });
+    const content = typeof children === "function"
+        ? children({ isOver, setNodeRef })
+        : children;
+    return (_jsx("div", { ref: (node) => {
+            setNodeRef(node);
+            if (typeof ref === "function") {
+                ref(node);
+            }
+            else if (ref) {
+                ref.current = node;
+            }
+        }, className: cn(className), ...props, children: content }));
+});
+Droppable.displayName = "Droppable";
+const Draggable = React.forwardRef(({ children, className, id, disabled = false, ...props }, ref) => {
+    const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable({
+        id,
+        disabled,
+    });
+    const content = typeof children === "function"
+        ? children({ attributes, listeners, setNodeRef, transform, isDragging })
+        : children;
+    const style = transform
+        ? {
+            transform: CSS.Translate.toString(transform),
+        }
+        : undefined;
+    return (_jsx("div", { ref: (node) => {
+            setNodeRef(node);
+            if (typeof ref === "function") {
+                ref(node);
+            }
+            else if (ref) {
+                ref.current = node;
+            }
+        }, style: style, className: cn(className), ...attributes, ...listeners, ...props, children: content }));
+});
+Draggable.displayName = "Draggable";
+const SortableContext = React.forwardRef(({ children, items, strategy = verticalListSortingStrategy }, _ref) => {
+    const itemIds = React.useMemo(() => items.map((item) => (typeof item === "object" && "id" in item ? item.id : item)), [items]);
+    return (_jsx(SortableContextKit, { items: itemIds, strategy: strategy, children: children }));
+});
+SortableContext.displayName = "SortableContext";
+const SortableItem = React.forwardRef(({ children, className, id, disabled = false, handle = false, ...props }, ref) => {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging, isSorting, isOver, } = useSortable({
+        id,
+        disabled,
+    });
+    const content = typeof children === "function"
+        ? children({
+            attributes,
+            listeners,
+            setNodeRef,
+            transform,
+            transition,
+            isDragging,
+            isSorting,
+            isOver,
+        })
+        : children;
+    const style = {
+        transform: CSS.Transform.toString(transform),
+        transition,
+        zIndex: isDragging ? 9999 : undefined,
+    };
+    return (_jsx("div", { ref: (node) => {
+            setNodeRef(node);
+            if (typeof ref === "function") {
+                ref(node);
+            }
+            else if (ref) {
+                ref.current = node;
+            }
+        }, style: style, className: cn(className), ...attributes, ...(handle ? {} : listeners), ...props, children: content }));
+});
+SortableItem.displayName = "SortableItem";
+const SortableHandle = React.forwardRef(({ children, className, ...props }, ref) => {
+    const { attributes, listeners } = useSortable({ id: "" });
+    const content = typeof children === "function" ? children(listeners) : children;
+    return (_jsx("div", { ref: ref, className: cn("cursor-grab active:cursor-grabbing", className), ...attributes, ...listeners, ...props, children: content }));
+});
+SortableHandle.displayName = "SortableHandle";
+const DragOverlayComponent = React.forwardRef(({ children, className, dropAnimation, ...props }, _ref) => {
+    return (_jsx(DragOverlay, { dropAnimation: dropAnimation, ...props, children: children ? _jsx("div", { className: cn(className), children: children }) : null }));
+});
+DragOverlayComponent.displayName = "DragOverlayComponent";
+// ============================================================================
+// Exports
+// ============================================================================
+export { DragDropContext, Droppable, Draggable, SortableContext, SortableItem, SortableHandle, DragOverlayComponent, createDragDropSensors as useDragDropSensors, 
+// Re-export useful hooks
+useDraggable, useDroppable, useSortable, 
+// Re-export sensors
+KeyboardSensor, PointerSensor, TouchSensor, useSensor, useSensors, sortableKeyboardCoordinates, };
+//# sourceMappingURL=dnd.js.map

package/dist/src/components/dnd/dnd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnd.js","sourceRoot":"","sources":["../../../../src/components/dnd/dnd.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/dnd/dnd.stories.d.ts

@@ -0,0 +1,27 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./dnd").DragDropContextProps & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BasicSortableList: Story;
+export declare const HorizontalList: Story;
+export declare const MultipleContainers: Story;
+export declare const GridLayout: Story;
+export declare const WithDragHandle: Story;
+export declare const WithDragOverlay: Story;
+export declare const PressDelay: Story;
+export declare const MinimumDistance: Story;
+export declare const VerticalAxisOnly: Story;
+export declare const WithActions: Story;
+//# sourceMappingURL=dnd.stories.d.ts.map

package/dist/src/components/dnd/dnd.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnd.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/dnd/dnd.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA0BvD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAa8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAanC,eAAO,MAAM,iBAAiB,EAAE,KA6E/B,CAAC;AAMF,eAAO,MAAM,cAAc,EAAE,KAuF5B,CAAC;AAMF,eAAO,MAAM,kBAAkB,EAAE,KAsLhC,CAAC;AAMF,eAAO,MAAM,UAAU,EAAE,KAmExB,CAAC;AAMF,eAAO,MAAM,cAAc,EAAE,KAiF5B,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,KAwF7B,CAAC;AAMF,eAAO,MAAM,UAAU,EAAE,KA0ExB,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,KAyE7B,CAAC;AAMF,eAAO,MAAM,gBAAgB,EAAE,KAqE9B,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,KA4EzB,CAAC"}