@cmdniels/uikit 2.0.1 → 2.1.0

package/tailwind.css

@@ -1,7 +1,7 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-
-@custom-variant dark (&:is(.dark *));
+@import "./data-variants.css";
+@import "./superellipse.css";
 
 @theme inline {
 	--color-background: var(--background);
@@ -21,13 +21,6 @@
 	--color-primary: var(--primary);
 	--color-card-foreground: var(--card-foreground);
 	--color-card: var(--card);
-	--radius-sm: calc(var(--radius) * var(--corner-shape-scale) - 4px);
-	--radius-md: calc(var(--radius) * var(--corner-shape-scale) - 2px);
-	--radius-lg: calc(var(--radius) * var(--corner-shape-scale));
-	--radius-xl: calc(var(--radius) * var(--corner-shape-scale) + 4px);
-	--radius-2xl: calc(var(--radius) * var(--corner-shape-scale) + 8px);
-	--radius-3xl: calc(var(--radius) * var(--corner-shape-scale) + 12px);
-	--radius-4xl: calc(var(--radius) * var(--corner-shape-scale) + 16px);
 
 	@keyframes accordion-down {
 		from {
@@ -49,193 +42,11 @@
 }
 
 @layer base {
-	*,
-	::before,
-	::after {
-		corner-shape: superellipse(1.5);
-	}
-
-	.rounded-full {
-		corner-shape: round;
+	html {
+		@apply bg-background text-foreground overflow-y-scroll scrollbar-thumb-accent scrollbar-track-card;
 	}
 
 	* {
 		@apply border-border outline-ring/50;
 	}
-	body {
-		@apply bg-background text-foreground;
-	}
-}
-
-:root {
-	--corner-shape-scale: 1;
-}
-
-@supports (corner-shape: superellipse(1.5)) {
-	:root {
-		--corner-shape-scale: 1.4;
-	}
-}
-
-/* Shadcn Classes */
-@custom-variant data-open {
-	&:where([data-state="open"]),
-	&:where([data-open]:not([data-open="false"])) {
-		@slot;
-	}
-}
-
-@custom-variant data-closed {
-	&:where([data-state="closed"]),
-	&:where([data-closed]:not([data-closed="false"])) {
-		@slot;
-	}
-}
-
-@custom-variant data-checked {
-	&:where([data-state="checked"]),
-	&:where([data-checked]:not([data-checked="false"])) {
-		@slot;
-	}
-}
-
-@custom-variant data-unchecked {
-	&:where([data-state="unchecked"]),
-	&:where([data-unchecked]:not([data-unchecked="false"])) {
-		@slot;
-	}
-}
-
-@custom-variant data-selected {
-	&:where([data-selected="true"]) {
-		@slot;
-	}
-}
-
-@custom-variant data-disabled {
-	&:where([data-disabled="true"]),
-	&:where([data-disabled]:not([data-disabled="false"])) {
-		@slot;
-	}
-}
-
-@custom-variant data-active {
-	&:where([data-state="active"]),
-	&:where([data-active]:not([data-active="false"])) {
-		@slot;
-	}
-}
-
-@custom-variant data-horizontal {
-	&:where([data-orientation="horizontal"]) {
-		@slot;
-	}
-}
-
-@custom-variant data-vertical {
-	&:where([data-orientation="vertical"]) {
-		@slot;
-	}
-}
-
-/* Scrollbar Classes */
-@theme {
-	--scrollbar-thumb-color: var(--color-border);
-	--scrollbar-track-color: var(--color-background);
-	--scrollbar-gutter-modifier: "";
-}
-
-@utility scrollbar-none {
-	scrollbar-width: none;
-	&::-webkit-scrollbar {
-		display: none;
-	}
-}
-
-@utility scrollbar {
-	scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
-	&::-webkit-scrollbar-thumb {
-		background-color: var(--scrollbar-thumb-color);
-	}
-	&::-webkit-scrollbar-track {
-		background-color: var(--scrollbar-track-color);
-	}
-}
-
-@utility scrollbar-stable {
-	scrollbar-gutter: stable var(--scrollbar-gutter-modifier);
-}
-
-@utility scrollbar-both-edges {
-	--scrollbar-gutter-modifier: both-edges;
-}
-
-@utility scrollbar-thumb-* {
-	--scrollbar-thumb-color: --value(--color-*);
-
-	scrollbar-arrow-color: var(--scrollbar-thumb-color);
-	&::-webkit-scrollbar-thumb {
-		background-color: var(--scrollbar-thumb-color);
-	}
-	&::-webkit-scrollbar-thumb:hover {
-		background-color: var(--scrollbar-thumb-color);
-	}
-	&::-webkit-scrollbar-thumb:active {
-		background-color: var(--scrollbar-thumb-color);
-	}
-}
-
-@utility scrollbar-track-* {
-	--scrollbar-track-color: --value(--color-*);
-
-	scrollbar-track-color: var(--scrollbar-track-color);
-	scrollbar-darkshadow-color: var(--scrollbar-track-color);
-	&::-webkit-scrollbar-track {
-		background-color: var(--scrollbar-track-color);
-	}
-	&::-webkit-scrollbar-track:hover {
-		background-color: var(--scrollbar-track-color);
-	}
-	&::-webkit-scrollbar-track:active {
-		background-color: var(--scrollbar-track-color);
-	}
-}
-
-html {
-	overflow-y: scroll;
-}
-
-/* Firefox ONLY — this kills webkit pseudo-elements in Chrome 121+ if applied globally */
-@supports not selector(::-webkit-scrollbar) {
-	* {
-		scrollbar-width: auto;
-		scrollbar-color: rgba(128, 128, 128, 0.4) transparent;
-	}
-}
-
-/* WebKit / Chromium — only runs where ::-webkit-scrollbar is supported */
-::-webkit-scrollbar {
-	width: 8px;
-	height: 8px;
-}
-
-::-webkit-scrollbar-track {
-	background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-	background: rgba(128, 128, 128, 0.4);
-	border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-	background: rgba(128, 128, 128, 0.6);
-}
-
-::-webkit-scrollbar-button {
-	display: none;
-}
-
-::-webkit-scrollbar-corner {
-	background: transparent;
 }

package/out/components/sortable/Sortable.d.ts

@@ -1,55 +0,0 @@
-import { type DndContextProps, type DragEndEvent, type UniqueIdentifier } from "@dnd-kit/core";
-import { type SortableContextProps } from "@dnd-kit/sortable";
-export declare const orientationConfig: {
-    vertical: {
-        modifiers: import("@dnd-kit/core").Modifier[];
-        strategy: import("@dnd-kit/sortable").SortingStrategy;
-        collisionDetection: import("@dnd-kit/core").CollisionDetection;
-    };
-    horizontal: {
-        modifiers: import("@dnd-kit/core").Modifier[];
-        strategy: import("@dnd-kit/sortable").SortingStrategy;
-        collisionDetection: import("@dnd-kit/core").CollisionDetection;
-    };
-    mixed: {
-        modifiers: import("@dnd-kit/core").Modifier[];
-        strategy: undefined;
-        collisionDetection: import("@dnd-kit/core").CollisionDetection;
-    };
-};
-export interface SortableRootContextValue<T> {
-    id: string;
-    items: UniqueIdentifier[];
-    modifiers: DndContextProps["modifiers"];
-    strategy: SortableContextProps["strategy"];
-    activeId: UniqueIdentifier | null;
-    setActiveId: (id: UniqueIdentifier | null) => void;
-    getItemValue: (item: T) => UniqueIdentifier;
-    flatCursor: boolean;
-    disabled: boolean;
-}
-export default function Sortable<T>(props: DndContextProps & (T extends object ? {
-    /**
-     * Callback that returns a unique identifier for each sortable item. Required for array of objects.
-     * @example getItemValue={(item) => item.id}
-     */
-    getItemValue: (item: T) => UniqueIdentifier;
-} : {
-    /**
-     * Callback that returns a unique identifier for each sortable item. Required for array of objects.
-     * @example getItemValue={(item) => item.id}
-     */
-    getItemValue?: (item: T) => UniqueIdentifier;
-}) & {
-    value: T[];
-    onValueChange?: (items: T[]) => void;
-    onMove?: (event: DragEndEvent & {
-        activeIndex: number;
-        overIndex: number;
-    }) => void;
-    strategy?: SortableContextProps["strategy"];
-    orientation?: "vertical" | "horizontal" | "mixed";
-    flatCursor?: boolean;
-    disabled?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Sortable.d.ts.map

package/out/components/sortable/Sortable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sortable.d.ts","sourceRoot":"","sources":["../../../components/sortable/Sortable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKN,KAAK,eAAe,EACpB,KAAK,YAAY,EAMjB,KAAK,gBAAgB,EAGrB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAGN,KAAK,oBAAoB,EAGzB,MAAM,mBAAmB,CAAC;AAK3B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;CAgB7B,CAAC;AAEF,MAAM,WAAW,wBAAwB,CAAC,CAAC;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,SAAS,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACxC,QAAQ,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAC3C,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,EAAE,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,gBAAgB,CAAC;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,EACjC,KAAK,EAAE,eAAe,GACrB,CAAC,CAAC,SAAS,MAAM,GACd;IACA;;;OAGG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,gBAAgB,CAAC;CAC5C,GACA;IACA;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,gBAAgB,CAAC;CAC7C,CAAC,GAAG;IACN,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,GAAG;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACpF,QAAQ,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAC5C,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,2CAqMF"}

package/out/components/sortable/Sortable.js

@@ -1,149 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { closestCenter, closestCorners, DndContext, KeyboardSensor, MouseSensor, TouchSensor, useSensor, useSensors, } from "@dnd-kit/core";
-import { restrictToHorizontalAxis, restrictToParentElement, restrictToVerticalAxis } from "@dnd-kit/modifiers";
-import { arrayMove, horizontalListSortingStrategy, sortableKeyboardCoordinates, verticalListSortingStrategy, } from "@dnd-kit/sortable";
-import { useCallback, useId, useMemo, useState } from "react";
-import SortableRootContext from "./SortableRootContext";
-export const orientationConfig = {
-    vertical: {
-        modifiers: [restrictToVerticalAxis, restrictToParentElement],
-        strategy: verticalListSortingStrategy,
-        collisionDetection: closestCenter,
-    },
-    horizontal: {
-        modifiers: [restrictToHorizontalAxis, restrictToParentElement],
-        strategy: horizontalListSortingStrategy,
-        collisionDetection: closestCenter,
-    },
-    mixed: {
-        modifiers: [restrictToParentElement],
-        strategy: undefined,
-        collisionDetection: closestCorners,
-    },
-};
-export default function Sortable(props) {
-    const { value, onValueChange, collisionDetection, modifiers, strategy, onMove, orientation = "vertical", flatCursor = false, disabled = false, getItemValue: getItemValueProp, accessibility, onDragStart: onDragStartProp, onDragEnd: onDragEndProp, onDragCancel: onDragCancelProp, ...sortableProps } = props;
-    const id = useId();
-    const [activeId, setActiveId] = useState(null);
-    const sensors = useSensors(useSensor(MouseSensor, {
-        activationConstraint: disabled ? { distance: Number.MAX_SAFE_INTEGER } : undefined,
-    }), useSensor(TouchSensor, {
-        activationConstraint: disabled ? { distance: Number.MAX_SAFE_INTEGER } : undefined,
-    }), useSensor(KeyboardSensor, {
-        coordinateGetter: sortableKeyboardCoordinates,
-    }));
-    const config = useMemo(() => orientationConfig[orientation], [orientation]);
-    const getItemValue = useCallback((item) => {
-        if (typeof item === "object" && !getItemValueProp) {
-            throw new Error("`getItemValue` is required when using array of objects");
-        }
-        return getItemValueProp ? getItemValueProp(item) : item;
-    }, [getItemValueProp]);
-    const items = useMemo(() => value.map((item) => getItemValue(item)), [value, getItemValue]);
-    const onDragStart = useCallback((event) => {
-        onDragStartProp?.(event);
-        if (event.activatorEvent.defaultPrevented) {
-            return;
-        }
-        setActiveId(event.active.id);
-    }, [onDragStartProp]);
-    const onDragEnd = useCallback((event) => {
-        onDragEndProp?.(event);
-        if (event.activatorEvent.defaultPrevented) {
-            return;
-        }
-        const { active, over } = event;
-        if (over && active.id !== over?.id) {
-            const activeIndex = value.findIndex((item) => getItemValue(item) === active.id);
-            const overIndex = value.findIndex((item) => getItemValue(item) === over.id);
-            if (onMove) {
-                onMove({ ...event, activeIndex, overIndex });
-            }
-            else {
-                onValueChange?.(arrayMove(value, activeIndex, overIndex));
-            }
-        }
-        setActiveId(null);
-    }, [value, onValueChange, onMove, getItemValue, onDragEndProp]);
-    const onDragCancel = useCallback((event) => {
-        onDragCancelProp?.(event);
-        if (event.activatorEvent.defaultPrevented) {
-            return;
-        }
-        setActiveId(null);
-    }, [onDragCancelProp]);
-    const announcements = useMemo(() => ({
-        onDragStart({ active }) {
-            const activeValue = active.id.toString();
-            return `Grabbed sortable item "${activeValue}". Current position is ${active.data.current?.sortable.index + 1} of ${value.length}. Use arrow keys to move, space to drop.`;
-        },
-        onDragOver({ active, over }) {
-            if (over) {
-                const overIndex = over.data.current?.sortable.index ?? 0;
-                const activeIndex = active.data.current?.sortable.index ?? 0;
-                const moveDirection = overIndex > activeIndex ? "down" : "up";
-                const activeValue = active.id.toString();
-                return `Sortable item "${activeValue}" moved ${moveDirection} to position ${overIndex + 1} of ${value.length}.`;
-            }
-            return "Sortable item is no longer over a droppable area. Press escape to cancel.";
-        },
-        onDragEnd({ active, over }) {
-            const activeValue = active.id.toString();
-            if (over) {
-                const overIndex = over.data.current?.sortable.index ?? 0;
-                return `Sortable item "${activeValue}" dropped at position ${overIndex + 1} of ${value.length}.`;
-            }
-            return `Sortable item "${activeValue}" dropped. No changes were made.`;
-        },
-        onDragCancel({ active }) {
-            const activeIndex = active.data.current?.sortable.index ?? 0;
-            const activeValue = active.id.toString();
-            return `Sorting cancelled. Sortable item "${activeValue}" returned to position ${activeIndex + 1} of ${value.length}.`;
-        },
-        onDragMove({ active, over }) {
-            if (over) {
-                const overIndex = over.data.current?.sortable.index ?? 0;
-                const activeIndex = active.data.current?.sortable.index ?? 0;
-                const moveDirection = overIndex > activeIndex ? "down" : "up";
-                const activeValue = active.id.toString();
-                return `Sortable item "${activeValue}" is moving ${moveDirection} to position ${overIndex + 1} of ${value.length}.`;
-            }
-            return "Sortable item is no longer over a droppable area. Press escape to cancel.";
-        },
-    }), [value]);
-    const screenReaderInstructions = useMemo(() => ({
-        draggable: `
-        To pick up a sortable item, press space or enter.
-        While dragging, use the ${orientation === "vertical" ? "up and down" : orientation === "horizontal" ? "left and right" : "arrow"} keys to move the item.
-        Press space or enter again to drop the item in its new position, or press escape to cancel.
-      `,
-    }), [orientation]);
-    const contextValue = useMemo(() => ({
-        id,
-        items,
-        modifiers: modifiers ?? config.modifiers,
-        strategy: strategy ?? config.strategy,
-        activeId,
-        setActiveId,
-        getItemValue,
-        flatCursor,
-        disabled,
-    }), [
-        id,
-        items,
-        modifiers,
-        strategy,
-        config.modifiers,
-        config.strategy,
-        activeId,
-        getItemValue,
-        flatCursor,
-        disabled,
-    ]);
-    return (_jsx(SortableRootContext.Provider, { value: contextValue, children: _jsx(DndContext, { collisionDetection: collisionDetection ?? config.collisionDetection, modifiers: modifiers ?? config.modifiers, sensors: sensors, ...sortableProps, id: id, onDragStart: onDragStart, onDragEnd: onDragEnd, onDragCancel: onDragCancel, accessibility: {
-                announcements,
-                screenReaderInstructions,
-                ...accessibility,
-            } }) }));
-}
-//# sourceMappingURL=Sortable.js.map

package/out/components/sortable/Sortable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sortable.js","sourceRoot":"","sources":["../../../components/sortable/Sortable.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\ttype Announcements,\n\tclosestCenter,\n\tclosestCorners,\n\tDndContext,\n\ttype DndContextProps,\n\ttype DragEndEvent,\n\ttype DragStartEvent,\n\tKeyboardSensor,\n\tMouseSensor,\n\ttype ScreenReaderInstructions,\n\tTouchSensor,\n\ttype UniqueIdentifier,\n\tuseSensor,\n\tuseSensors,\n} from \"@dnd-kit/core\";\nimport { restrictToHorizontalAxis, restrictToParentElement, restrictToVerticalAxis } from \"@dnd-kit/modifiers\";\nimport {\n\tarrayMove,\n\thorizontalListSortingStrategy,\n\ttype SortableContextProps,\n\tsortableKeyboardCoordinates,\n\tverticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { useCallback, useId, useMemo, useState } from \"react\";\n\nimport SortableRootContext from \"./SortableRootContext\";\n\nexport const orientationConfig = {\n\tvertical: {\n\t\tmodifiers: [restrictToVerticalAxis, restrictToParentElement],\n\t\tstrategy: verticalListSortingStrategy,\n\t\tcollisionDetection: closestCenter,\n\t},\n\thorizontal: {\n\t\tmodifiers: [restrictToHorizontalAxis, restrictToParentElement],\n\t\tstrategy: horizontalListSortingStrategy,\n\t\tcollisionDetection: closestCenter,\n\t},\n\tmixed: {\n\t\tmodifiers: [restrictToParentElement],\n\t\tstrategy: undefined,\n\t\tcollisionDetection: closestCorners,\n\t},\n};\n\nexport interface SortableRootContextValue<T> {\n\tid: string;\n\titems: UniqueIdentifier[];\n\tmodifiers: DndContextProps[\"modifiers\"];\n\tstrategy: SortableContextProps[\"strategy\"];\n\tactiveId: UniqueIdentifier | null;\n\tsetActiveId: (id: UniqueIdentifier | null) => void;\n\tgetItemValue: (item: T) => UniqueIdentifier;\n\tflatCursor: boolean;\n\tdisabled: boolean;\n}\n\nexport default function Sortable<T>(\n\tprops: DndContextProps &\n\t\t(T extends object\n\t\t\t? {\n\t\t\t\t\t/**\n\t\t\t\t\t * Callback that returns a unique identifier for each sortable item. Required for array of objects.\n\t\t\t\t\t * @example getItemValue={(item) => item.id}\n\t\t\t\t\t */\n\t\t\t\t\tgetItemValue: (item: T) => UniqueIdentifier;\n\t\t\t\t}\n\t\t\t: {\n\t\t\t\t\t/**\n\t\t\t\t\t * Callback that returns a unique identifier for each sortable item. Required for array of objects.\n\t\t\t\t\t * @example getItemValue={(item) => item.id}\n\t\t\t\t\t */\n\t\t\t\t\tgetItemValue?: (item: T) => UniqueIdentifier;\n\t\t\t\t}) & {\n\t\t\tvalue: T[];\n\t\t\tonValueChange?: (items: T[]) => void;\n\t\t\tonMove?: (event: DragEndEvent & { activeIndex: number; overIndex: number }) => void;\n\t\t\tstrategy?: SortableContextProps[\"strategy\"];\n\t\t\torientation?: \"vertical\" | \"horizontal\" | \"mixed\";\n\t\t\tflatCursor?: boolean;\n\t\t\tdisabled?: boolean;\n\t\t}\n) {\n\tconst {\n\t\tvalue,\n\t\tonValueChange,\n\t\tcollisionDetection,\n\t\tmodifiers,\n\t\tstrategy,\n\t\tonMove,\n\t\torientation = \"vertical\",\n\t\tflatCursor = false,\n\t\tdisabled = false,\n\t\tgetItemValue: getItemValueProp,\n\t\taccessibility,\n\t\tonDragStart: onDragStartProp,\n\t\tonDragEnd: onDragEndProp,\n\t\tonDragCancel: onDragCancelProp,\n\t\t...sortableProps\n\t} = props;\n\n\tconst id = useId();\n\tconst [activeId, setActiveId] = useState<UniqueIdentifier | null>(null);\n\n\tconst sensors = useSensors(\n\t\tuseSensor(MouseSensor, {\n\t\t\tactivationConstraint: disabled ? { distance: Number.MAX_SAFE_INTEGER } : undefined,\n\t\t}),\n\t\tuseSensor(TouchSensor, {\n\t\t\tactivationConstraint: disabled ? { distance: Number.MAX_SAFE_INTEGER } : undefined,\n\t\t}),\n\t\tuseSensor(KeyboardSensor, {\n\t\t\tcoordinateGetter: sortableKeyboardCoordinates,\n\t\t})\n\t);\n\tconst config = useMemo(() => orientationConfig[orientation], [orientation]);\n\n\tconst getItemValue = useCallback(\n\t\t(item: T): UniqueIdentifier => {\n\t\t\tif (typeof item === \"object\" && !getItemValueProp) {\n\t\t\t\tthrow new Error(\"`getItemValue` is required when using array of objects\");\n\t\t\t}\n\t\t\treturn getItemValueProp ? getItemValueProp(item) : (item as UniqueIdentifier);\n\t\t},\n\t\t[getItemValueProp]\n\t);\n\n\tconst items = useMemo(() => value.map((item) => getItemValue(item)), [value, getItemValue]);\n\n\tconst onDragStart = useCallback(\n\t\t(event: DragStartEvent) => {\n\t\t\tonDragStartProp?.(event);\n\n\t\t\tif (event.activatorEvent.defaultPrevented) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetActiveId(event.active.id);\n\t\t},\n\t\t[onDragStartProp]\n\t);\n\n\tconst onDragEnd = useCallback(\n\t\t(event: DragEndEvent) => {\n\t\t\tonDragEndProp?.(event);\n\n\t\t\tif (event.activatorEvent.defaultPrevented) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { active, over } = event;\n\t\t\tif (over && active.id !== over?.id) {\n\t\t\t\tconst activeIndex = value.findIndex((item) => getItemValue(item) === active.id);\n\t\t\t\tconst overIndex = value.findIndex((item) => getItemValue(item) === over.id);\n\n\t\t\t\tif (onMove) {\n\t\t\t\t\tonMove({ ...event, activeIndex, overIndex });\n\t\t\t\t} else {\n\t\t\t\t\tonValueChange?.(arrayMove(value, activeIndex, overIndex));\n\t\t\t\t}\n\t\t\t}\n\t\t\tsetActiveId(null);\n\t\t},\n\t\t[value, onValueChange, onMove, getItemValue, onDragEndProp]\n\t);\n\n\tconst onDragCancel = useCallback(\n\t\t(event: DragEndEvent) => {\n\t\t\tonDragCancelProp?.(event);\n\n\t\t\tif (event.activatorEvent.defaultPrevented) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetActiveId(null);\n\t\t},\n\t\t[onDragCancelProp]\n\t);\n\n\tconst announcements: Announcements = useMemo(\n\t\t() => ({\n\t\t\tonDragStart({ active }) {\n\t\t\t\tconst activeValue = active.id.toString();\n\t\t\t\treturn `Grabbed sortable item \"${activeValue}\". Current position is ${active.data.current?.sortable.index + 1} of ${value.length}. Use arrow keys to move, space to drop.`;\n\t\t\t},\n\t\t\tonDragOver({ active, over }) {\n\t\t\t\tif (over) {\n\t\t\t\t\tconst overIndex = over.data.current?.sortable.index ?? 0;\n\t\t\t\t\tconst activeIndex = active.data.current?.sortable.index ?? 0;\n\t\t\t\t\tconst moveDirection = overIndex > activeIndex ? \"down\" : \"up\";\n\t\t\t\t\tconst activeValue = active.id.toString();\n\t\t\t\t\treturn `Sortable item \"${activeValue}\" moved ${moveDirection} to position ${overIndex + 1} of ${value.length}.`;\n\t\t\t\t}\n\t\t\t\treturn \"Sortable item is no longer over a droppable area. Press escape to cancel.\";\n\t\t\t},\n\t\t\tonDragEnd({ active, over }) {\n\t\t\t\tconst activeValue = active.id.toString();\n\t\t\t\tif (over) {\n\t\t\t\t\tconst overIndex = over.data.current?.sortable.index ?? 0;\n\t\t\t\t\treturn `Sortable item \"${activeValue}\" dropped at position ${overIndex + 1} of ${value.length}.`;\n\t\t\t\t}\n\t\t\t\treturn `Sortable item \"${activeValue}\" dropped. No changes were made.`;\n\t\t\t},\n\t\t\tonDragCancel({ active }) {\n\t\t\t\tconst activeIndex = active.data.current?.sortable.index ?? 0;\n\t\t\t\tconst activeValue = active.id.toString();\n\t\t\t\treturn `Sorting cancelled. Sortable item \"${activeValue}\" returned to position ${activeIndex + 1} of ${value.length}.`;\n\t\t\t},\n\t\t\tonDragMove({ active, over }) {\n\t\t\t\tif (over) {\n\t\t\t\t\tconst overIndex = over.data.current?.sortable.index ?? 0;\n\t\t\t\t\tconst activeIndex = active.data.current?.sortable.index ?? 0;\n\t\t\t\t\tconst moveDirection = overIndex > activeIndex ? \"down\" : \"up\";\n\t\t\t\t\tconst activeValue = active.id.toString();\n\t\t\t\t\treturn `Sortable item \"${activeValue}\" is moving ${moveDirection} to position ${overIndex + 1} of ${value.length}.`;\n\t\t\t\t}\n\t\t\t\treturn \"Sortable item is no longer over a droppable area. Press escape to cancel.\";\n\t\t\t},\n\t\t}),\n\t\t[value]\n\t);\n\n\tconst screenReaderInstructions: ScreenReaderInstructions = useMemo(\n\t\t() => ({\n\t\t\tdraggable: `\n        To pick up a sortable item, press space or enter.\n        While dragging, use the ${orientation === \"vertical\" ? \"up and down\" : orientation === \"horizontal\" ? \"left and right\" : \"arrow\"} keys to move the item.\n        Press space or enter again to drop the item in its new position, or press escape to cancel.\n      `,\n\t\t}),\n\t\t[orientation]\n\t);\n\n\tconst contextValue = useMemo(\n\t\t() => ({\n\t\t\tid,\n\t\t\titems,\n\t\t\tmodifiers: modifiers ?? config.modifiers,\n\t\t\tstrategy: strategy ?? config.strategy,\n\t\t\tactiveId,\n\t\t\tsetActiveId,\n\t\t\tgetItemValue,\n\t\t\tflatCursor,\n\t\t\tdisabled,\n\t\t}),\n\t\t[\n\t\t\tid,\n\t\t\titems,\n\t\t\tmodifiers,\n\t\t\tstrategy,\n\t\t\tconfig.modifiers,\n\t\t\tconfig.strategy,\n\t\t\tactiveId,\n\t\t\tgetItemValue,\n\t\t\tflatCursor,\n\t\t\tdisabled,\n\t\t]\n\t);\n\n\treturn (\n\t\t<SortableRootContext.Provider value={contextValue as SortableRootContextValue<unknown>}>\n\t\t\t<DndContext\n\t\t\t\tcollisionDetection={collisionDetection ?? config.collisionDetection}\n\t\t\t\tmodifiers={modifiers ?? config.modifiers}\n\t\t\t\tsensors={sensors}\n\t\t\t\t{...sortableProps}\n\t\t\t\tid={id}\n\t\t\t\tonDragStart={onDragStart}\n\t\t\t\tonDragEnd={onDragEnd}\n\t\t\t\tonDragCancel={onDragCancel}\n\t\t\t\taccessibility={{\n\t\t\t\t\tannouncements,\n\t\t\t\t\tscreenReaderInstructions,\n\t\t\t\t\t...accessibility,\n\t\t\t\t}}\n\t\t\t/>\n\t\t</SortableRootContext.Provider>\n\t);\n}\n"]}

package/out/components/sortable/SortableContent.d.ts

@@ -1,9 +0,0 @@
-import { type SortableContextProps } from "@dnd-kit/sortable";
-import { type ComponentPropsWithRef, type ElementType, type ReactElement, type ReactNode } from "react";
-export default function SortableContent<T extends ElementType = "div">(props: {
-    strategy?: SortableContextProps["strategy"];
-    children: ReactNode;
-    render?: ReactElement<T>;
-    withoutSlot?: boolean;
-} & ComponentPropsWithRef<T>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SortableContent.d.ts.map

package/out/components/sortable/SortableContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortableContent.d.ts","sourceRoot":"","sources":["../../../components/sortable/SortableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAgB,MAAM,OAAO,CAAC;AAKtH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EACpE,KAAK,EAAE;IACN,QAAQ,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,qBAAqB,CAAC,CAAC,CAAC,2CA0B5B"}

package/out/components/sortable/SortableContent.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SortableContext } from "@dnd-kit/sortable";
-import { cloneElement } from "react";
-import SortableContentContext from "./SortableContentContext";
-import useSortableContext from "./useSortableContext";
-export default function SortableContent(props) {
-    const { strategy: strategyProp, render, withoutSlot, children, ...contentProps } = props;
-    const context = useSortableContext();
-    const element = render ? (cloneElement(render, {
-        ...contentProps,
-        ...render.props,
-        children,
-        "data-slot": "sortable-content",
-    })) : (_jsx("div", { "data-slot": "sortable-content", ...contentProps, children: children }));
-    return (_jsx(SortableContentContext.Provider, { value: true, children: _jsx(SortableContext, { items: context.items, strategy: strategyProp ?? context.strategy, children: withoutSlot ? children : element }) }));
-}
-//# sourceMappingURL=SortableContent.js.map

package/out/components/sortable/SortableContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortableContent.js","sourceRoot":"","sources":["../../../components/sortable/SortableContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAmF,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtH,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,eAAe,CACtC,KAK4B;IAE5B,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,CAAC;IAEzF,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IAErC,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CACxB,YAAY,CAAC,MAAM,EAAE;QACpB,GAAG,YAAY;QACf,GAAG,MAAM,CAAC,KAAK;QACf,QAAQ;QACR,WAAW,EAAE,kBAAkB;KAC/B,CAAC,CACF,CAAC,CAAC,CAAC,CACH,2BAAe,kBAAkB,KAAK,YAAY,YAChD,QAAQ,GACJ,CACN,CAAC;IAEF,OAAO,CACN,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YAC3C,KAAC,eAAe,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,YAAY,IAAI,OAAO,CAAC,QAAQ,YAC/E,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,GAChB,GACe,CAClC,CAAC;AACH,CAAC","sourcesContent":["import { SortableContext, type SortableContextProps } from \"@dnd-kit/sortable\";\nimport { type ComponentPropsWithRef, type ElementType, type ReactElement, type ReactNode, cloneElement } from \"react\";\n\nimport SortableContentContext from \"./SortableContentContext\";\nimport useSortableContext from \"./useSortableContext\";\n\nexport default function SortableContent<T extends ElementType = \"div\">(\n\tprops: {\n\t\tstrategy?: SortableContextProps[\"strategy\"];\n\t\tchildren: ReactNode;\n\t\trender?: ReactElement<T>;\n\t\twithoutSlot?: boolean;\n\t} & ComponentPropsWithRef<T>\n) {\n\tconst { strategy: strategyProp, render, withoutSlot, children, ...contentProps } = props;\n\n\tconst context = useSortableContext();\n\n\tconst element = render ? (\n\t\tcloneElement(render, {\n\t\t\t...contentProps,\n\t\t\t...render.props,\n\t\t\tchildren,\n\t\t\t\"data-slot\": \"sortable-content\",\n\t\t})\n\t) : (\n\t\t<div data-slot=\"sortable-content\" {...contentProps}>\n\t\t\t{children}\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<SortableContentContext.Provider value={true}>\n\t\t\t<SortableContext items={context.items} strategy={strategyProp ?? context.strategy}>\n\t\t\t\t{withoutSlot ? children : element}\n\t\t\t</SortableContext>\n\t\t</SortableContentContext.Provider>\n\t);\n}\n"]}

package/out/components/sortable/SortableContentContext.d.ts

@@ -1,3 +0,0 @@
-declare const SortableContentContext: import("react").Context<boolean>;
-export default SortableContentContext;
-//# sourceMappingURL=SortableContentContext.d.ts.map

package/out/components/sortable/SortableContentContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortableContentContext.d.ts","sourceRoot":"","sources":["../../../components/sortable/SortableContentContext.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,sBAAsB,kCAAgC,CAAC;AAE7D,eAAe,sBAAsB,CAAC"}

package/out/components/sortable/SortableContentContext.js

@@ -1,4 +0,0 @@
-import { createContext } from "react";
-const SortableContentContext = createContext(false);
-export default SortableContentContext;
-//# sourceMappingURL=SortableContentContext.js.map

package/out/components/sortable/SortableContentContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortableContentContext.js","sourceRoot":"","sources":["../../../components/sortable/SortableContentContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,sBAAsB,GAAG,aAAa,CAAU,KAAK,CAAC,CAAC;AAE7D,eAAe,sBAAsB,CAAC","sourcesContent":["import { createContext } from \"react\";\n\nconst SortableContentContext = createContext<boolean>(false);\n\nexport default SortableContentContext;\n"]}

package/out/components/sortable/SortableItem.d.ts

@@ -1,18 +0,0 @@
-import { type UniqueIdentifier, type DraggableAttributes, type DraggableSyntheticListeners } from "@dnd-kit/core";
-import { type ComponentPropsWithRef, type ElementType, type ReactElement } from "react";
-export interface SortableItemContextValue {
-    id: string;
-    attributes: DraggableAttributes;
-    listeners: DraggableSyntheticListeners | undefined;
-    setActivatorNodeRef: (node: HTMLElement | null) => void;
-    isDragging?: boolean;
-    disabled?: boolean;
-}
-export declare const SortableItemContext: import("react").Context<SortableItemContextValue | null>;
-export default function SortableItem<T extends ElementType = "div">(props: {
-    value: UniqueIdentifier;
-    asHandle?: boolean;
-    render?: ReactElement<T>;
-    disabled?: boolean;
-} & ComponentPropsWithRef<T>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SortableItem.d.ts.map

package/out/components/sortable/SortableItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortableItem.d.ts","sourceRoot":"","sources":["../../../components/sortable/SortableItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,mBAAmB,EAAE,KAAK,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAIlH,OAAO,EACN,KAAK,qBAAqB,EAE1B,KAAK,WAAW,EAChB,KAAK,YAAY,EAMjB,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,wBAAwB;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,mBAAmB,CAAC;IAChC,SAAS,EAAE,2BAA2B,GAAG,SAAS,CAAC;IACnD,mBAAmB,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB,0DAAuD,CAAC;AAExF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EACjE,KAAK,EAAE;IACN,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,qBAAqB,CAAC,CAAC,CAAC,2CAgF5B"}

package/out/components/sortable/SortableItem.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useSortable } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { useComposedRefs } from "motion/react";
-import { cloneElement, createContext, useContext, useId, useMemo, } from "react";
-import cn from "../../cn";
-import SortableContentContext from "./SortableContentContext";
-import SortableOverlayContext from "./SortableOverlayContext";
-import useSortableContext from "./useSortableContext";
-export const SortableItemContext = createContext(null);
-export default function SortableItem(props) {
-    const { value, style, asHandle, render, disabled, className, ref, ...itemProps } = props;
-    const inSortableContent = useContext(SortableContentContext);
-    const inSortableOverlay = useContext(SortableOverlayContext);
-    if (!inSortableContent && !inSortableOverlay) {
-        throw new Error("`SortableItem` must be used within `SortableContent` or `SortableOverlay`");
-    }
-    if (value === "") {
-        throw new Error("`SortableItem` value cannot be an empty string");
-    }
-    const context = useSortableContext();
-    const id = useId();
-    const isDisabled = disabled ?? context.disabled;
-    const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging } = useSortable({
-        id: value,
-        disabled: isDisabled,
-    });
-    const composedRef = useComposedRefs(ref, (node) => {
-        if (isDisabled) {
-            return;
-        }
-        setNodeRef(node);
-        if (asHandle) {
-            setActivatorNodeRef(node);
-        }
-    });
-    const composedStyle = useMemo(() => ({
-        transform: CSS.Translate.toString(transform),
-        transition,
-        ...style,
-    }), [transform, transition, style]);
-    const itemContext = useMemo(() => ({
-        id,
-        attributes,
-        listeners,
-        setActivatorNodeRef,
-        isDragging,
-        disabled: isDisabled,
-    }), [id, attributes, listeners, setActivatorNodeRef, isDragging, isDisabled]);
-    const mergedProps = {
-        id,
-        "data-disabled": isDisabled,
-        "data-dragging": isDragging ? "" : undefined,
-        "data-slot": "sortable-item",
-        ...itemProps,
-        ...(asHandle && !isDisabled ? attributes : {}),
-        ...(asHandle && !isDisabled ? listeners : {}),
-        ref: composedRef,
-        style: composedStyle,
-        className: cn("focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:ring-offset-1 focus-visible:outline-hidden dark:focus-visible:ring-neutral-300", {
-            "touch-none select-none": asHandle && !isDisabled,
-            "cursor-default": context.flatCursor || isDisabled,
-            "data-dragging:cursor-grabbing": !context.flatCursor && !isDisabled,
-            "cursor-grab": !isDragging && asHandle && !context.flatCursor && !isDisabled,
-            "opacity-50": isDragging,
-        }, className),
-    };
-    const element = render ? cloneElement(render, mergedProps) : _jsx("div", { ...mergedProps });
-    return _jsx(SortableItemContext.Provider, { value: itemContext, children: element });
-}
-//# sourceMappingURL=SortableItem.js.map

package/out/components/sortable/SortableItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortableItem.js","sourceRoot":"","sources":["../../../components/sortable/SortableItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type UniqueIdentifier, type DraggableAttributes, type DraggableSyntheticListeners } from \"@dnd-kit/core\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { useComposedRefs } from \"motion/react\";\nimport {\n\ttype ComponentPropsWithRef,\n\ttype CSSProperties,\n\ttype ElementType,\n\ttype ReactElement,\n\tcloneElement,\n\tcreateContext,\n\tuseContext,\n\tuseId,\n\tuseMemo,\n} from \"react\";\n\nimport cn from \"@/cn\";\n\nimport SortableContentContext from \"./SortableContentContext\";\nimport SortableOverlayContext from \"./SortableOverlayContext\";\nimport useSortableContext from \"./useSortableContext\";\n\nexport interface SortableItemContextValue {\n\tid: string;\n\tattributes: DraggableAttributes;\n\tlisteners: DraggableSyntheticListeners | undefined;\n\tsetActivatorNodeRef: (node: HTMLElement | null) => void;\n\tisDragging?: boolean;\n\tdisabled?: boolean;\n}\n\nexport const SortableItemContext = createContext<SortableItemContextValue | null>(null);\n\nexport default function SortableItem<T extends ElementType = \"div\">(\n\tprops: {\n\t\tvalue: UniqueIdentifier;\n\t\tasHandle?: boolean;\n\t\trender?: ReactElement<T>;\n\t\tdisabled?: boolean;\n\t} & ComponentPropsWithRef<T>\n) {\n\tconst { value, style, asHandle, render, disabled, className, ref, ...itemProps } = props;\n\n\tconst inSortableContent = useContext(SortableContentContext);\n\tconst inSortableOverlay = useContext(SortableOverlayContext);\n\n\tif (!inSortableContent && !inSortableOverlay) {\n\t\tthrow new Error(\"`SortableItem` must be used within `SortableContent` or `SortableOverlay`\");\n\t}\n\n\tif (value === \"\") {\n\t\tthrow new Error(\"`SortableItem` value cannot be an empty string\");\n\t}\n\n\tconst context = useSortableContext();\n\tconst id = useId();\n\tconst isDisabled = disabled ?? context.disabled;\n\tconst { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging } = useSortable({\n\t\tid: value,\n\t\tdisabled: isDisabled,\n\t});\n\n\tconst composedRef = useComposedRefs(ref, (node: HTMLElement | null) => {\n\t\tif (isDisabled) {\n\t\t\treturn;\n\t\t}\n\t\tsetNodeRef(node);\n\t\tif (asHandle) {\n\t\t\tsetActivatorNodeRef(node);\n\t\t}\n\t});\n\n\tconst composedStyle = useMemo<CSSProperties>(\n\t\t() => ({\n\t\t\ttransform: CSS.Translate.toString(transform),\n\t\t\ttransition,\n\t\t\t...style,\n\t\t}),\n\t\t[transform, transition, style]\n\t);\n\n\tconst itemContext = useMemo<SortableItemContextValue>(\n\t\t() => ({\n\t\t\tid,\n\t\t\tattributes,\n\t\t\tlisteners,\n\t\t\tsetActivatorNodeRef,\n\t\t\tisDragging,\n\t\t\tdisabled: isDisabled,\n\t\t}),\n\t\t[id, attributes, listeners, setActivatorNodeRef, isDragging, isDisabled]\n\t);\n\n\tconst mergedProps = {\n\t\tid,\n\t\t\"data-disabled\": isDisabled,\n\t\t\"data-dragging\": isDragging ? \"\" : undefined,\n\t\t\"data-slot\": \"sortable-item\",\n\t\t...itemProps,\n\t\t...(asHandle && !isDisabled ? attributes : {}),\n\t\t...(asHandle && !isDisabled ? listeners : {}),\n\t\tref: composedRef,\n\t\tstyle: composedStyle,\n\t\tclassName: cn(\n\t\t\t\"focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:ring-offset-1 focus-visible:outline-hidden dark:focus-visible:ring-neutral-300\",\n\t\t\t{\n\t\t\t\t\"touch-none select-none\": asHandle && !isDisabled,\n\t\t\t\t\"cursor-default\": context.flatCursor || isDisabled,\n\t\t\t\t\"data-dragging:cursor-grabbing\": !context.flatCursor && !isDisabled,\n\t\t\t\t\"cursor-grab\": !isDragging && asHandle && !context.flatCursor && !isDisabled,\n\t\t\t\t\"opacity-50\": isDragging,\n\t\t\t},\n\t\t\tclassName\n\t\t),\n\t};\n\n\tconst element = render ? cloneElement(render, mergedProps) : <div {...mergedProps} />;\n\n\treturn <SortableItemContext.Provider value={itemContext}>{element}</SortableItemContext.Provider>;\n}\n"]}

package/out/components/sortable/SortableItemHandle.d.ts

@@ -1,5 +0,0 @@
-import { type ComponentPropsWithRef, type ElementType, type ReactElement } from "react";
-export default function SortableItemHandle<T extends ElementType = "button">(props: {
-    render?: ReactElement<T>;
-} & ComponentPropsWithRef<T>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SortableItemHandle.d.ts.map

package/out/components/sortable/SortableItemHandle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortableItemHandle.d.ts","sourceRoot":"","sources":["../../../components/sortable/SortableItemHandle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAgB,MAAM,OAAO,CAAC;AAOtG,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAC1E,KAAK,EAAE;IACN,MAAM,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;CACzB,GAAG,qBAAqB,CAAC,CAAC,CAAC,2CAmC5B"}