@examplary/ui 1.55.0 → 1.58.0

package/dist/components/ui/sortable.js

@@ -1,26 +1,4 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
@@ -31,7 +9,7 @@ import { CSS } from "@dnd-kit/utilities";
 import { Slot } from "@radix-ui/react-slot";
 import { useComposedRefs } from "../../lib/compose-refs";
 import { cn } from "../../utils";
-var orientationConfig = {
+const orientationConfig = {
     vertical: {
         modifiers: [restrictToVerticalAxis, restrictToParentElement],
         strategy: verticalListSortingStrategy,
@@ -48,28 +26,28 @@ var orientationConfig = {
         collisionDetection: closestCorners,
     },
 };
-var ROOT_NAME = "Sortable";
-var CONTENT_NAME = "SortableContent";
-var ITEM_NAME = "SortableItem";
-var ITEM_HANDLE_NAME = "SortableItemHandle";
-var OVERLAY_NAME = "SortableOverlay";
-var SortableRootContext = React.createContext(null);
+const ROOT_NAME = "Sortable";
+const CONTENT_NAME = "SortableContent";
+const ITEM_NAME = "SortableItem";
+const ITEM_HANDLE_NAME = "SortableItemHandle";
+const OVERLAY_NAME = "SortableOverlay";
+const SortableRootContext = React.createContext(null);
 function useSortableContext(consumerName) {
-    var context = React.useContext(SortableRootContext);
+    const context = React.useContext(SortableRootContext);
     if (!context) {
-        throw new Error("`".concat(consumerName, "` must be used within `").concat(ROOT_NAME, "`"));
+        throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``);
     }
     return context;
 }
 function Sortable(props) {
-    var value = props.value, onValueChange = props.onValueChange, collisionDetection = props.collisionDetection, modifiers = props.modifiers, strategy = props.strategy, onMove = props.onMove, _a = props.orientation, orientation = _a === void 0 ? "vertical" : _a, _b = props.flatCursor, flatCursor = _b === void 0 ? false : _b, getItemValueProp = props.getItemValue, accessibility = props.accessibility, sortableProps = __rest(props, ["value", "onValueChange", "collisionDetection", "modifiers", "strategy", "onMove", "orientation", "flatCursor", "getItemValue", "accessibility"]);
-    var id = React.useId();
-    var _c = React.useState(null), activeId = _c[0], setActiveId = _c[1];
-    var sensors = useSensors(useSensor(MouseSensor), useSensor(TouchSensor), useSensor(KeyboardSensor, {
+    const { value, onValueChange, collisionDetection, modifiers, strategy, onMove, orientation = "vertical", flatCursor = false, getItemValue: getItemValueProp, accessibility, ...sortableProps } = props;
+    const id = React.useId();
+    const [activeId, setActiveId] = React.useState(null);
+    const sensors = useSensors(useSensor(MouseSensor), useSensor(TouchSensor), useSensor(KeyboardSensor, {
         coordinateGetter: sortableKeyboardCoordinates,
     }));
-    var config = React.useMemo(function () { return orientationConfig[orientation]; }, [orientation]);
-    var getItemValue = React.useCallback(function (item) {
+    const config = React.useMemo(() => orientationConfig[orientation], [orientation]);
+    const getItemValue = React.useCallback((item) => {
         if (typeof item === "object" && !getItemValueProp) {
             throw new Error("`getItemValue` is required when using array of objects");
         }
@@ -77,109 +55,100 @@ function Sortable(props) {
             ? getItemValueProp(item)
             : item;
     }, [getItemValueProp]);
-    var items = React.useMemo(function () {
-        return value.map(function (item) { return getItemValue(item); });
+    const items = React.useMemo(() => {
+        return value.map((item) => getItemValue(item));
     }, [value, getItemValue]);
-    var onDragStart = React.useCallback(function (event) {
-        var _a;
-        (_a = sortableProps.onDragStart) === null || _a === void 0 ? void 0 : _a.call(sortableProps, event);
+    const onDragStart = React.useCallback((event) => {
+        sortableProps.onDragStart?.(event);
         if (event.activatorEvent.defaultPrevented)
             return;
         setActiveId(event.active.id);
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [sortableProps.onDragStart]);
-    var onDragEnd = React.useCallback(function (event) {
-        var _a;
-        (_a = sortableProps.onDragEnd) === null || _a === void 0 ? void 0 : _a.call(sortableProps, event);
+    const onDragEnd = React.useCallback((event) => {
+        sortableProps.onDragEnd?.(event);
         if (event.activatorEvent.defaultPrevented)
             return;
-        var active = event.active, over = event.over;
-        if (over && active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
-            var activeIndex = value.findIndex(function (item) { return getItemValue(item) === active.id; });
-            var overIndex = value.findIndex(function (item) { return getItemValue(item) === over.id; });
+        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(__assign(__assign({}, event), { activeIndex: activeIndex, overIndex: overIndex }));
+                onMove({ ...event, activeIndex, overIndex });
             }
             else {
-                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(arrayMove(value, activeIndex, overIndex));
+                onValueChange?.(arrayMove(value, activeIndex, overIndex));
             }
         }
         setActiveId(null);
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [value, onValueChange, onMove, getItemValue, sortableProps.onDragEnd]);
-    var onDragCancel = React.useCallback(function (event) {
-        var _a;
-        (_a = sortableProps.onDragCancel) === null || _a === void 0 ? void 0 : _a.call(sortableProps, event);
+    const onDragCancel = React.useCallback((event) => {
+        sortableProps.onDragCancel?.(event);
         if (event.activatorEvent.defaultPrevented)
             return;
         setActiveId(null);
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [sortableProps.onDragCancel]);
-    var announcements = React.useMemo(function () { return ({
-        onDragStart: function (_a) {
-            var _b;
-            var active = _a.active;
-            var activeValue = active.id.toString();
-            return "Grabbed sortable item \"".concat(activeValue, "\". Current position is ").concat(((_b = active.data.current) === null || _b === void 0 ? void 0 : _b.sortable.index) + 1, " of ").concat(value.length, ". Use arrow keys to move, space to drop.");
+    const announcements = React.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: function (_a) {
-            var _b, _c, _d, _e;
-            var active = _a.active, over = _a.over;
+        onDragOver({ active, over }) {
             if (over) {
-                var overIndex = (_c = (_b = over.data.current) === null || _b === void 0 ? void 0 : _b.sortable.index) !== null && _c !== void 0 ? _c : 0;
-                var activeIndex = (_e = (_d = active.data.current) === null || _d === void 0 ? void 0 : _d.sortable.index) !== null && _e !== void 0 ? _e : 0;
-                var moveDirection = overIndex > activeIndex ? "down" : "up";
-                var activeValue = active.id.toString();
-                return "Sortable item \"".concat(activeValue, "\" moved ").concat(moveDirection, " to position ").concat(overIndex + 1, " of ").concat(value.length, ".");
+                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: function (_a) {
-            var _b, _c;
-            var active = _a.active, over = _a.over;
-            var activeValue = active.id.toString();
+        onDragEnd({ active, over }) {
+            const activeValue = active.id.toString();
             if (over) {
-                var overIndex = (_c = (_b = over.data.current) === null || _b === void 0 ? void 0 : _b.sortable.index) !== null && _c !== void 0 ? _c : 0;
-                return "Sortable item \"".concat(activeValue, "\" dropped at position ").concat(overIndex + 1, " of ").concat(value.length, ".");
+                const overIndex = over.data.current?.sortable.index ?? 0;
+                return `Sortable item "${activeValue}" dropped at position ${overIndex + 1} of ${value.length}.`;
             }
-            return "Sortable item \"".concat(activeValue, "\" dropped. No changes were made.");
+            return `Sortable item "${activeValue}" dropped. No changes were made.`;
         },
-        onDragCancel: function (_a) {
-            var _b, _c;
-            var active = _a.active;
-            var activeIndex = (_c = (_b = active.data.current) === null || _b === void 0 ? void 0 : _b.sortable.index) !== null && _c !== void 0 ? _c : 0;
-            var activeValue = active.id.toString();
-            return "Sorting cancelled. Sortable item \"".concat(activeValue, "\" returned to position ").concat(activeIndex + 1, " of ").concat(value.length, ".");
+        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: function (_a) {
-            var _b, _c, _d, _e;
-            var active = _a.active, over = _a.over;
+        onDragMove({ active, over }) {
             if (over) {
-                var overIndex = (_c = (_b = over.data.current) === null || _b === void 0 ? void 0 : _b.sortable.index) !== null && _c !== void 0 ? _c : 0;
-                var activeIndex = (_e = (_d = active.data.current) === null || _d === void 0 ? void 0 : _d.sortable.index) !== null && _e !== void 0 ? _e : 0;
-                var moveDirection = overIndex > activeIndex ? "down" : "up";
-                var activeValue = active.id.toString();
-                return "Sortable item \"".concat(activeValue, "\" is moving ").concat(moveDirection, " to position ").concat(overIndex + 1, " of ").concat(value.length, ".");
+                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]);
-    var screenReaderInstructions = React.useMemo(function () { return ({
-        draggable: "\n        To pick up a sortable item, press space or enter.\n        While dragging, use the ".concat(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      "),
-    }); }, [orientation]);
-    var contextValue = React.useMemo(function () { return ({
-        id: id,
-        items: items,
-        modifiers: modifiers !== null && modifiers !== void 0 ? modifiers : config.modifiers,
-        strategy: strategy !== null && strategy !== void 0 ? strategy : config.strategy,
-        activeId: activeId,
-        setActiveId: setActiveId,
-        getItemValue: getItemValue,
-        flatCursor: flatCursor,
-    }); }, [
+    }), [value]);
+    const screenReaderInstructions = React.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 = React.useMemo(() => ({
+        id,
+        items,
+        modifiers: modifiers ?? config.modifiers,
+        strategy: strategy ?? config.strategy,
+        activeId,
+        setActiveId,
+        getItemValue,
+        flatCursor,
+    }), [
         id,
         items,
         modifiers,
@@ -190,81 +159,89 @@ function Sortable(props) {
         getItemValue,
         flatCursor,
     ]);
-    return (_jsx(SortableRootContext.Provider, { value: contextValue, children: _jsx(DndContext, __assign({ collisionDetection: collisionDetection !== null && collisionDetection !== void 0 ? collisionDetection : config.collisionDetection, modifiers: modifiers !== null && modifiers !== void 0 ? modifiers : config.modifiers, sensors: sensors }, sortableProps, { id: id, onDragStart: onDragStart, onDragEnd: onDragEnd, onDragCancel: onDragCancel, accessibility: __assign({ announcements: announcements, screenReaderInstructions: screenReaderInstructions }, accessibility) })) }));
+    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,
+            } }) }));
 }
-var SortableContentContext = React.createContext(false);
+const SortableContentContext = React.createContext(false);
 function SortableContent(props) {
-    var strategyProp = props.strategy, asChild = props.asChild, withoutSlot = props.withoutSlot, children = props.children, ref = props.ref, contentProps = __rest(props, ["strategy", "asChild", "withoutSlot", "children", "ref"]);
-    var context = useSortableContext(CONTENT_NAME);
-    var ContentPrimitive = asChild ? Slot : "div";
-    return (_jsx(SortableContentContext.Provider, { value: true, children: _jsx(SortableContext, { items: context.items, strategy: strategyProp !== null && strategyProp !== void 0 ? strategyProp : context.strategy, children: withoutSlot ? (children) : (_jsx(ContentPrimitive, __assign({ "data-slot": "sortable-content" }, contentProps, { ref: ref, children: children }))) }) }));
+    const { strategy: strategyProp, asChild, withoutSlot, children, ref, ...contentProps } = props;
+    const context = useSortableContext(CONTENT_NAME);
+    const ContentPrimitive = asChild ? Slot : "div";
+    return (_jsx(SortableContentContext.Provider, { value: true, children: _jsx(SortableContext, { items: context.items, strategy: strategyProp ?? context.strategy, children: withoutSlot ? (children) : (_jsx(ContentPrimitive, { "data-slot": "sortable-content", ...contentProps, ref: ref, children: children })) }) }));
 }
-var SortableItemContext = React.createContext(null);
+const SortableItemContext = React.createContext(null);
 function useSortableItemContext(consumerName) {
-    var context = React.useContext(SortableItemContext);
+    const context = React.useContext(SortableItemContext);
     if (!context) {
-        throw new Error("`".concat(consumerName, "` must be used within `").concat(ITEM_NAME, "`"));
+        throw new Error(`\`${consumerName}\` must be used within \`${ITEM_NAME}\``);
     }
     return context;
 }
 function SortableItem(props) {
-    var value = props.value, style = props.style, asHandle = props.asHandle, asChild = props.asChild, disabled = props.disabled, className = props.className, ref = props.ref, itemProps = __rest(props, ["value", "style", "asHandle", "asChild", "disabled", "className", "ref"]);
-    var inSortableContent = React.useContext(SortableContentContext);
-    var inSortableOverlay = React.useContext(SortableOverlayContext);
+    const { value, style, asHandle, asChild, disabled, className, ref, ...itemProps } = props;
+    const inSortableContent = React.useContext(SortableContentContext);
+    const inSortableOverlay = React.useContext(SortableOverlayContext);
     if (!inSortableContent && !inSortableOverlay) {
-        throw new Error("`".concat(ITEM_NAME, "` must be used within `").concat(CONTENT_NAME, "` or `").concat(OVERLAY_NAME, "`"));
+        throw new Error(`\`${ITEM_NAME}\` must be used within \`${CONTENT_NAME}\` or \`${OVERLAY_NAME}\``);
     }
     if (value === "") {
-        throw new Error("`".concat(ITEM_NAME, "` value cannot be an empty string"));
+        throw new Error(`\`${ITEM_NAME}\` value cannot be an empty string`);
     }
-    var context = useSortableContext(ITEM_NAME);
-    var id = React.useId();
-    var _a = useSortable({ id: value, disabled: disabled }), attributes = _a.attributes, listeners = _a.listeners, setNodeRef = _a.setNodeRef, setActivatorNodeRef = _a.setActivatorNodeRef, transform = _a.transform, transition = _a.transition, isDragging = _a.isDragging;
-    var composedRef = useComposedRefs(ref, function (node) {
+    const context = useSortableContext(ITEM_NAME);
+    const id = React.useId();
+    const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging, } = useSortable({ id: value, disabled });
+    const composedRef = useComposedRefs(ref, (node) => {
         if (disabled)
             return;
         setNodeRef(node);
         if (asHandle)
             setActivatorNodeRef(node);
     });
-    var composedStyle = React.useMemo(function () {
-        return __assign({ transform: CSS.Translate.toString(transform), transition: transition }, style);
+    const composedStyle = React.useMemo(() => {
+        return {
+            transform: CSS.Translate.toString(transform),
+            transition,
+            ...style,
+        };
     }, [transform, transition, style]);
-    var itemContext = React.useMemo(function () { return ({
-        id: id,
-        attributes: attributes,
-        listeners: listeners,
-        setActivatorNodeRef: setActivatorNodeRef,
-        isDragging: isDragging,
-        disabled: disabled,
-    }); }, [id, attributes, listeners, setActivatorNodeRef, isDragging, disabled]);
-    var ItemPrimitive = asChild ? Slot : "div";
-    return (_jsx(SortableItemContext.Provider, { value: itemContext, children: _jsx(ItemPrimitive, __assign({ id: id, "data-disabled": disabled, "data-dragging": isDragging ? "" : undefined, "data-slot": "sortable-item" }, itemProps, (asHandle && !disabled ? attributes : {}), (asHandle && !disabled ? listeners : {}), { ref: composedRef, style: composedStyle, className: cn("focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:ring-offset-1 dark:focus-visible:ring-neutral-300", {
-                "touch-none select-none": asHandle,
+    const itemContext = React.useMemo(() => ({
+        id,
+        attributes,
+        listeners,
+        setActivatorNodeRef,
+        isDragging,
+        disabled,
+    }), [id, attributes, listeners, setActivatorNodeRef, isDragging, disabled]);
+    const ItemPrimitive = asChild ? Slot : "div";
+    return (_jsx(SortableItemContext.Provider, { value: itemContext, children: _jsx(ItemPrimitive, { id: id, "data-disabled": disabled, "data-dragging": isDragging ? "" : undefined, "data-slot": "sortable-item", ...itemProps, ...(asHandle && !disabled ? attributes : {}), ...(asHandle && !disabled ? listeners : {}), ref: composedRef, style: composedStyle, className: cn("focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:ring-offset-1 dark:focus-visible:ring-neutral-300", {
+                "touch-none select-none": !!asHandle,
                 "cursor-default": context.flatCursor,
                 "data-dragging:cursor-grabbing": !context.flatCursor,
-                "cursor-grab": !isDragging && asHandle && !context.flatCursor,
+                "cursor-grab": !isDragging && !!asHandle && !context.flatCursor,
                 "opacity-50": isDragging,
-                "pointer-events-none opacity-50": disabled,
-            }, className) })) }));
+                "pointer-events-none opacity-50": !!disabled,
+            }, className) }) }));
 }
 function SortableItemHandle(props) {
-    var asChild = props.asChild, disabled = props.disabled, className = props.className, ref = props.ref, itemHandleProps = __rest(props, ["asChild", "disabled", "className", "ref"]);
-    var context = useSortableContext(ITEM_HANDLE_NAME);
-    var itemContext = useSortableItemContext(ITEM_HANDLE_NAME);
-    var isDisabled = disabled !== null && disabled !== void 0 ? disabled : itemContext.disabled;
-    var composedRef = useComposedRefs(ref, function (node) {
+    const { asChild, disabled, className, ref, ...itemHandleProps } = props;
+    const context = useSortableContext(ITEM_HANDLE_NAME);
+    const itemContext = useSortableItemContext(ITEM_HANDLE_NAME);
+    const isDisabled = disabled ?? itemContext.disabled;
+    const composedRef = useComposedRefs(ref, (node) => {
         if (!isDisabled)
             return;
         itemContext.setActivatorNodeRef(node);
     });
-    var HandlePrimitive = asChild ? Slot : "button";
-    return (_jsx(HandlePrimitive, __assign({ type: "button", "aria-controls": itemContext.id, "data-disabled": isDisabled, "data-dragging": itemContext.isDragging ? "" : undefined, "data-slot": "sortable-item-handle" }, itemHandleProps, (isDisabled ? {} : itemContext.attributes), (isDisabled ? {} : itemContext.listeners), { ref: composedRef, className: cn("select-none disabled:pointer-events-none disabled:opacity-50", context.flatCursor
+    const HandlePrimitive = asChild ? Slot : "button";
+    return (_jsx(HandlePrimitive, { type: "button", "aria-controls": itemContext.id, "data-disabled": isDisabled, "data-dragging": itemContext.isDragging ? "" : undefined, "data-slot": "sortable-item-handle", ...itemHandleProps, ...(isDisabled ? {} : itemContext.attributes), ...(isDisabled ? {} : itemContext.listeners), ref: composedRef, className: cn("select-none disabled:pointer-events-none disabled:opacity-50", context.flatCursor
             ? "cursor-default"
-            : "cursor-grab data-dragging:cursor-grabbing", className), disabled: isDisabled })));
+            : "cursor-grab data-dragging:cursor-grabbing", className), disabled: isDisabled }));
 }
-var SortableOverlayContext = React.createContext(false);
-var dropAnimation = {
+const SortableOverlayContext = React.createContext(false);
+const dropAnimation = {
     sideEffects: defaultDropAnimationSideEffects({
         styles: {
             active: {
@@ -274,18 +251,17 @@ var dropAnimation = {
     }),
 };
 function SortableOverlay(props) {
-    var _a;
-    var containerProp = props.container, children = props.children, overlayProps = __rest(props, ["container", "children"]);
-    var context = useSortableContext(OVERLAY_NAME);
-    var _b = React.useState(false), mounted = _b[0], setMounted = _b[1];
-    React.useLayoutEffect(function () { return setMounted(true); }, []);
-    var container = containerProp !== null && containerProp !== void 0 ? containerProp : (mounted ? (_a = globalThis.document) === null || _a === void 0 ? void 0 : _a.body : null);
+    const { container: containerProp, children, ...overlayProps } = props;
+    const context = useSortableContext(OVERLAY_NAME);
+    const [mounted, setMounted] = React.useState(false);
+    React.useLayoutEffect(() => setMounted(true), []);
+    const container = containerProp ?? (mounted ? globalThis.document?.body : null);
     if (!container)
         return null;
-    return ReactDOM.createPortal(_jsx(DragOverlay, __assign({ dropAnimation: dropAnimation, modifiers: context.modifiers, className: cn(!context.flatCursor && "cursor-grabbing") }, overlayProps, { children: _jsx(SortableOverlayContext.Provider, { value: true, children: context.activeId
+    return ReactDOM.createPortal(_jsx(DragOverlay, { dropAnimation: dropAnimation, modifiers: context.modifiers, className: cn(!context.flatCursor && "cursor-grabbing"), ...overlayProps, children: _jsx(SortableOverlayContext.Provider, { value: true, children: context.activeId
                 ? typeof children === "function"
                     ? children({ value: context.activeId })
                     : children
-                : null }) })), container);
+                : null }) }), container);
 }
 export { Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, };

package/dist/components/ui/switch.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import { type VariantProps } from "class-variance-authority";
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: {
-    size?: "default" | "sm";
-} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>>;
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };

package/dist/components/ui/switch.js

@@ -1,32 +1,10 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import { cva } from "class-variance-authority";
 import { cn } from "../../utils";
-var switchVariants = cva("peer inline-flex h-6 w-12 shrink-0 cursor-pointer items-center rounded-full border-black transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-bright data-[state=unchecked]:bg-white", {
+const switchVariants = cva("peer inline-flex h-6 w-12 shrink-0 cursor-pointer items-center rounded-full border-black transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-bright data-[state=unchecked]:bg-white", {
     variants: {
         size: {
             default: "h-6 w-12 border-2",
@@ -37,7 +15,7 @@ var switchVariants = cva("peer inline-flex h-6 w-12 shrink-0 cursor-pointer item
         size: "default",
     },
 });
-var switchThumbVariants = cva("pointer-events-none block rounded-full border-black bg-white ring-0 transition-transform", {
+const switchThumbVariants = cva("pointer-events-none block rounded-full border-black bg-white ring-0 transition-transform", {
     variants: {
         size: {
             default: "h-4 w-4 data-[state=checked]:translate-x-6 data-[state=unchecked]:translate-x-1 border-2",
@@ -48,9 +26,6 @@ var switchThumbVariants = cva("pointer-events-none block rounded-full border-bla
         size: "default",
     },
 });
-var Switch = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(SwitchPrimitives.Root, __assign({ className: cn(switchVariants(props), className) }, props, { ref: ref, children: _jsx(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants(props)) }) })));
-});
+const Switch = React.forwardRef(({ className, ...props }, ref) => (_jsx(SwitchPrimitives.Root, { className: cn(switchVariants(props), className), ...props, ref: ref, children: _jsx(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants(props)) }) })));
 Switch.displayName = SwitchPrimitives.Root.displayName;
 export { Switch };

package/dist/components/ui/table.js

@@ -1,66 +1,20 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../utils";
-var Table = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", { className: cn("relative w-full overflow-auto bg-white rounded-xl border border-border", className), children: _jsx("table", __assign({ ref: ref, className: "w-full caption-bottom text-sm border-collapse border-0" }, props)) }));
-});
+const Table = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: cn("relative w-full overflow-auto bg-white rounded-xl border border-border", className), children: _jsx("table", { ref: ref, className: "w-full caption-bottom text-sm border-collapse border-0", ...props }) })));
 Table.displayName = "Table";
-var TableHeader = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("thead", __assign({ ref: ref, className: cn("bg-accent [&_tr:last-child]:border-0", className) }, props)));
-});
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, className: cn("bg-accent [&_tr:last-child]:border-0", className), ...props })));
 TableHeader.displayName = "TableHeader";
-var TableBody = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("tbody", __assign({ ref: ref, className: cn("[&_tr:last-child]:border-0", className) }, props)));
-});
+const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, className: cn("[&_tr:last-child]:border-0", className), ...props })));
 TableBody.displayName = "TableBody";
-var TableFooter = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("tfoot", __assign({ ref: ref, className: cn("border-t border-t-border bg-main font-base [&>tr]:last:border-b-0", className) }, props)));
-});
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("tfoot", { ref: ref, className: cn("border-t border-t-border bg-main font-base [&>tr]:last:border-b-0", className), ...props })));
 TableFooter.displayName = "TableFooter";
-var TableRow = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("tr", __assign({ ref: ref, className: cn("border-b border-border text-text transition-colors bg-main font-base data-[state=selected]:bg-white data-[state=selected]:text-text", className) }, props)));
-});
+const TableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, className: cn("border-b border-border text-text transition-colors bg-main font-base data-[state=selected]:bg-white data-[state=selected]:text-text", className), ...props })));
 TableRow.displayName = "TableRow";
-var TableHead = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("th", __assign({ ref: ref, className: cn("h-10 px-4 text-left align-middle text-sm font-normal [&:has([role=checkbox])]:pr-0", className) }, props)));
-});
+const TableHead = React.forwardRef(({ className, ...props }, ref) => (_jsx("th", { ref: ref, className: cn("h-10 px-4 text-left align-middle text-sm font-normal [&:has([role=checkbox])]:pr-0", className), ...props })));
 TableHead.displayName = "TableHead";
-var TableCell = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("td", __assign({ ref: ref, className: cn("p-4 align-middle font-base [&:has([role=checkbox])]:pr-0", className) }, props)));
-});
+const TableCell = React.forwardRef(({ className, ...props }, ref) => (_jsx("td", { ref: ref, className: cn("p-4 align-middle font-base [&:has([role=checkbox])]:pr-0", className), ...props })));
 TableCell.displayName = "TableCell";
-var TableCaption = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("caption", __assign({ ref: ref, className: cn("mt-4 text-sm text-text font-base", className) }, props)));
-});
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => (_jsx("caption", { ref: ref, className: cn("mt-4 text-sm text-text font-base", className), ...props })));
 TableCaption.displayName = "TableCaption";
 export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/components/ui/tabs.js

@@ -1,43 +1,17 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Tabs as TabsPrimitive } from "radix-ui";
 import { cn } from "../../utils";
-function Tabs(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(TabsPrimitive.Root, __assign({ "data-slot": "tabs", className: cn("group/tabs", className) }, props)));
+function Tabs({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", className: cn("group/tabs", className), ...props }));
 }
-function TabsList(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(TabsPrimitive.List, __assign({ "data-slot": "tabs-list", className: cn("bg-accent rounded-full inline-flex", className) }, props)));
+function TabsList({ className, ...props }) {
+    return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", className: cn("bg-accent rounded-full inline-flex", className), ...props }));
 }
-function TabsTrigger(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(TabsPrimitive.Trigger, __assign({ "data-slot": "tabs-trigger", className: cn("px-3 py-1 transition-shadow rounded-full border border-transparent text-sm", "data-[state=active]:border-black data-[state=active]:shadow-light data-[state=active]:bg-white data-[state=active]:font-medium", "cursor-pointer data-[state=active]:cursor-default outline-none", className) }, props)));
+function TabsTrigger({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("px-3 py-1 transition-shadow rounded-full border border-transparent text-sm", "data-[state=active]:border-black data-[state=active]:shadow-light data-[state=active]:bg-white data-[state=active]:font-medium", "cursor-pointer data-[state=active]:cursor-default outline-none", className), ...props }));
 }
-function TabsContent(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(TabsPrimitive.Content, __assign({ "data-slot": "tabs-content", className: cn("pt-4 md:pt-5 text-sm flex-1 outline-none", className) }, props)));
+function TabsContent({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Content, { "data-slot": "tabs-content", className: cn("pt-4 md:pt-5 text-sm flex-1 outline-none", className), ...props }));
 }
 export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/ui/text-selection-menu.d.ts

@@ -13,5 +13,5 @@ type Selection = {
     rect: DOMRect;
 };
 export declare const TextSelectionContainer: ({ children, enabled, }: TextSelectionContainerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TextSelectionMenu: ({ children, placement, }: TextSelectionMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextSelectionMenu: ({ children, placement, }: TextSelectionMenuProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};