@class-kit/react 0.1.0

package/dist/components/modal.cjs

@@ -0,0 +1,179 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactDom = require('react-dom');
+var core = require('@class-kit/core');
+
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function ClassIcon({ className = "cc-icon", name, }) {
+    return (jsxRuntime.jsx("svg", { "aria-hidden": "true", className: className, fill: name === "star" ? "currentColor" : "none", focusable: "false", viewBox: "0 0 24 24", children: classIconPaths[name].map((d) => (jsxRuntime.jsx("path", { d: d, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: name === "star" ? 0 : 2 }, d))) }));
+}
+function resolveAnimation(animation, fallbackName) {
+    if (animation === false) {
+        return {
+            duration: 0,
+            easing: "ease",
+            enabled: false,
+            name: "none",
+        };
+    }
+    return {
+        duration: animation?.duration ?? 180,
+        easing: animation?.easing ?? "cubic-bezier(0.22, 0.8, 0.28, 1)",
+        enabled: animation?.enabled ?? true,
+        name: animation?.name ?? fallbackName,
+    };
+}
+function animationStyle(animation, style) {
+    return {
+        "--cc-animation-duration": `${animation.enabled ? animation.duration : 0}ms`,
+        "--cc-animation-easing": animation.easing,
+        ...style,
+    };
+}
+const focusableSelector = [
+    "a[href]",
+    "button:not([disabled])",
+    "input:not([disabled])",
+    "select:not([disabled])",
+    "textarea:not([disabled])",
+    "[tabindex]:not([tabindex='-1'])",
+].join(",");
+function getFocusableElements(container) {
+    if (!container)
+        return [];
+    return Array.from(container.querySelectorAll(focusableSelector)).filter((element) => !element.hasAttribute("disabled") &&
+        element.getAttribute("aria-hidden") !== "true");
+}
+function focusInitialElement(container) {
+    const target = getFocusableElements(container)[0] ?? container;
+    target?.focus({ preventScroll: true });
+}
+function trapFocus(event, container) {
+    if (event.key !== "Tab" || !container)
+        return;
+    const focusable = getFocusableElements(container);
+    if (focusable.length === 0) {
+        event.preventDefault();
+        container.focus({ preventScroll: true });
+        return;
+    }
+    const first = focusable[0];
+    const last = focusable[focusable.length - 1];
+    if (event.shiftKey && document.activeElement === first) {
+        event.preventDefault();
+        last.focus({ preventScroll: true });
+    }
+    else if (!event.shiftKey && document.activeElement === last) {
+        event.preventDefault();
+        first.focus({ preventScroll: true });
+    }
+}
+function useLayerA11y(open, containerRef, options) {
+    React.useEffect(() => {
+        if (!open || typeof document === "undefined")
+            return undefined;
+        const previousActiveElement = document.activeElement instanceof HTMLElement
+            ? document.activeElement
+            : null;
+        const previousOverflow = document.body.style.overflow;
+        if (options.lockScroll)
+            document.body.style.overflow = "hidden";
+        window.requestAnimationFrame(() => focusInitialElement(containerRef.current));
+        const handleKeyDown = (event) => {
+            if (options.closeOnEsc && event.key === "Escape") {
+                event.preventDefault();
+                options.onClose();
+                return;
+            }
+            if (options.trapFocus)
+                trapFocus(event, containerRef.current);
+        };
+        document.addEventListener("keydown", handleKeyDown, true);
+        return () => {
+            document.removeEventListener("keydown", handleKeyDown, true);
+            if (options.lockScroll)
+                document.body.style.overflow = previousOverflow;
+            if (options.restoreFocus)
+                previousActiveElement?.focus({ preventScroll: true });
+        };
+    }, [
+        containerRef,
+        open,
+        options.closeOnEsc,
+        options.lockScroll,
+        options.onClose,
+        options.restoreFocus,
+        options.trapFocus,
+    ]);
+}
+function usePresence(open, duration) {
+    const [mounted, setMounted] = React.useState(open);
+    const [state, setState] = React.useState(open ? "enter" : "exit");
+    React.useEffect(() => {
+        let frame = 0;
+        if (open) {
+            setMounted(true);
+            setState("exit");
+            frame = window.requestAnimationFrame(() => setState("enter"));
+            return () => window.cancelAnimationFrame(frame);
+        }
+        setState("exit");
+        if (duration <= 0) {
+            setMounted(false);
+            return;
+        }
+        const timer = window.setTimeout(() => setMounted(false), duration);
+        return () => window.clearTimeout(timer);
+    }, [duration, open]);
+    return [mounted, state];
+}
+function Modal({ open, controller, title, children, animation, allowPageScroll = false, closeOnEsc = true, closeOnOverlayClick = true, closeIcon = jsxRuntime.jsx(ClassIcon, { name: "x" }), containerRef, lockScroll = true, className = "cc-modal", panelClassName = "cc-modal__panel", overlayClassName = "cc-modal__overlay", restoreFocus = true, style, trapFocus = true, onOpenChange, ...props }) {
+    const ownedController = React.useMemo(() => controller ?? new core.ModalController(Boolean(open)), [controller]);
+    const panelRef = React.useRef(null);
+    const [isOpen, setIsOpen] = React.useState(() => open ?? ownedController.isOpen());
+    const motion = resolveAnimation(animation, "scale");
+    const [mounted, animationState] = usePresence(isOpen, motion.enabled ? motion.duration : 0);
+    const close = React.useCallback(() => ownedController.close(), [ownedController]);
+    React.useEffect(() => ownedController.subscribe(setIsOpen), [ownedController]);
+    React.useEffect(() => {
+        if (open !== undefined)
+            ownedController.setOpen(open);
+    }, [open, ownedController]);
+    React.useEffect(() => {
+        onOpenChange?.(isOpen);
+    }, [isOpen, onOpenChange]);
+    useLayerA11y(mounted && isOpen, panelRef, {
+        closeOnEsc,
+        lockScroll: lockScroll && !allowPageScroll,
+        onClose: close,
+        restoreFocus,
+        trapFocus,
+    });
+    if (!mounted)
+        return null;
+    const modalContainer = containerRef?.current ??
+        (typeof document !== "undefined" ? document.body : null);
+    const modalElement = (jsxRuntime.jsxs("div", { className: className, "data-animation": motion.name, "data-contained": containerRef?.current ? "true" : "false", "data-state": animationState, role: "presentation", style: animationStyle(motion, style), ...props, children: [jsxRuntime.jsx("button", { "aria-label": "Close modal", className: overlayClassName, type: "button", onClick: closeOnOverlayClick ? close : undefined }), jsxRuntime.jsxs("section", { "aria-modal": "true", className: panelClassName, ref: panelRef, role: "dialog", tabIndex: -1, children: [title ? (jsxRuntime.jsxs("header", { className: "cc-modal__header", children: [jsxRuntime.jsx("span", { children: title }), jsxRuntime.jsx("button", { "aria-label": "Close modal", className: "cc-modal__close", type: "button", onClick: close, children: closeIcon })] })) : null, jsxRuntime.jsx("div", { className: "cc-modal__body", children: children })] })] }));
+    return modalContainer
+        ? reactDom.createPortal(modalElement, modalContainer)
+        : modalElement;
+}
+
+exports.Modal = Modal;
+//# sourceMappingURL=modal.cjs.map

package/dist/components/modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.cjs","sources":["../../src/index.tsx"],"names":["_jsx","useEffect","useMemo","ModalController","_jsxs","createPortal"],"mappings":"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"}

package/dist/components/modal.d.ts

@@ -0,0 +1,3 @@
+export { Modal } from "../index";
+export type { ModalProps } from "../index";
+//# sourceMappingURL=modal.d.ts.map

package/dist/components/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/components/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/modal.js

@@ -0,0 +1,177 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useMemo, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { ModalController } from '@class-kit/core';
+
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function ClassIcon({ className = "cc-icon", name, }) {
+    return (jsx("svg", { "aria-hidden": "true", className: className, fill: name === "star" ? "currentColor" : "none", focusable: "false", viewBox: "0 0 24 24", children: classIconPaths[name].map((d) => (jsx("path", { d: d, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: name === "star" ? 0 : 2 }, d))) }));
+}
+function resolveAnimation(animation, fallbackName) {
+    if (animation === false) {
+        return {
+            duration: 0,
+            easing: "ease",
+            enabled: false,
+            name: "none",
+        };
+    }
+    return {
+        duration: animation?.duration ?? 180,
+        easing: animation?.easing ?? "cubic-bezier(0.22, 0.8, 0.28, 1)",
+        enabled: animation?.enabled ?? true,
+        name: animation?.name ?? fallbackName,
+    };
+}
+function animationStyle(animation, style) {
+    return {
+        "--cc-animation-duration": `${animation.enabled ? animation.duration : 0}ms`,
+        "--cc-animation-easing": animation.easing,
+        ...style,
+    };
+}
+const focusableSelector = [
+    "a[href]",
+    "button:not([disabled])",
+    "input:not([disabled])",
+    "select:not([disabled])",
+    "textarea:not([disabled])",
+    "[tabindex]:not([tabindex='-1'])",
+].join(",");
+function getFocusableElements(container) {
+    if (!container)
+        return [];
+    return Array.from(container.querySelectorAll(focusableSelector)).filter((element) => !element.hasAttribute("disabled") &&
+        element.getAttribute("aria-hidden") !== "true");
+}
+function focusInitialElement(container) {
+    const target = getFocusableElements(container)[0] ?? container;
+    target?.focus({ preventScroll: true });
+}
+function trapFocus(event, container) {
+    if (event.key !== "Tab" || !container)
+        return;
+    const focusable = getFocusableElements(container);
+    if (focusable.length === 0) {
+        event.preventDefault();
+        container.focus({ preventScroll: true });
+        return;
+    }
+    const first = focusable[0];
+    const last = focusable[focusable.length - 1];
+    if (event.shiftKey && document.activeElement === first) {
+        event.preventDefault();
+        last.focus({ preventScroll: true });
+    }
+    else if (!event.shiftKey && document.activeElement === last) {
+        event.preventDefault();
+        first.focus({ preventScroll: true });
+    }
+}
+function useLayerA11y(open, containerRef, options) {
+    useEffect(() => {
+        if (!open || typeof document === "undefined")
+            return undefined;
+        const previousActiveElement = document.activeElement instanceof HTMLElement
+            ? document.activeElement
+            : null;
+        const previousOverflow = document.body.style.overflow;
+        if (options.lockScroll)
+            document.body.style.overflow = "hidden";
+        window.requestAnimationFrame(() => focusInitialElement(containerRef.current));
+        const handleKeyDown = (event) => {
+            if (options.closeOnEsc && event.key === "Escape") {
+                event.preventDefault();
+                options.onClose();
+                return;
+            }
+            if (options.trapFocus)
+                trapFocus(event, containerRef.current);
+        };
+        document.addEventListener("keydown", handleKeyDown, true);
+        return () => {
+            document.removeEventListener("keydown", handleKeyDown, true);
+            if (options.lockScroll)
+                document.body.style.overflow = previousOverflow;
+            if (options.restoreFocus)
+                previousActiveElement?.focus({ preventScroll: true });
+        };
+    }, [
+        containerRef,
+        open,
+        options.closeOnEsc,
+        options.lockScroll,
+        options.onClose,
+        options.restoreFocus,
+        options.trapFocus,
+    ]);
+}
+function usePresence(open, duration) {
+    const [mounted, setMounted] = React.useState(open);
+    const [state, setState] = React.useState(open ? "enter" : "exit");
+    useEffect(() => {
+        let frame = 0;
+        if (open) {
+            setMounted(true);
+            setState("exit");
+            frame = window.requestAnimationFrame(() => setState("enter"));
+            return () => window.cancelAnimationFrame(frame);
+        }
+        setState("exit");
+        if (duration <= 0) {
+            setMounted(false);
+            return;
+        }
+        const timer = window.setTimeout(() => setMounted(false), duration);
+        return () => window.clearTimeout(timer);
+    }, [duration, open]);
+    return [mounted, state];
+}
+function Modal({ open, controller, title, children, animation, allowPageScroll = false, closeOnEsc = true, closeOnOverlayClick = true, closeIcon = jsx(ClassIcon, { name: "x" }), containerRef, lockScroll = true, className = "cc-modal", panelClassName = "cc-modal__panel", overlayClassName = "cc-modal__overlay", restoreFocus = true, style, trapFocus = true, onOpenChange, ...props }) {
+    const ownedController = useMemo(() => controller ?? new ModalController(Boolean(open)), [controller]);
+    const panelRef = React.useRef(null);
+    const [isOpen, setIsOpen] = React.useState(() => open ?? ownedController.isOpen());
+    const motion = resolveAnimation(animation, "scale");
+    const [mounted, animationState] = usePresence(isOpen, motion.enabled ? motion.duration : 0);
+    const close = React.useCallback(() => ownedController.close(), [ownedController]);
+    useEffect(() => ownedController.subscribe(setIsOpen), [ownedController]);
+    useEffect(() => {
+        if (open !== undefined)
+            ownedController.setOpen(open);
+    }, [open, ownedController]);
+    useEffect(() => {
+        onOpenChange?.(isOpen);
+    }, [isOpen, onOpenChange]);
+    useLayerA11y(mounted && isOpen, panelRef, {
+        closeOnEsc,
+        lockScroll: lockScroll && !allowPageScroll,
+        onClose: close,
+        restoreFocus,
+        trapFocus,
+    });
+    if (!mounted)
+        return null;
+    const modalContainer = containerRef?.current ??
+        (typeof document !== "undefined" ? document.body : null);
+    const modalElement = (jsxs("div", { className: className, "data-animation": motion.name, "data-contained": containerRef?.current ? "true" : "false", "data-state": animationState, role: "presentation", style: animationStyle(motion, style), ...props, children: [jsx("button", { "aria-label": "Close modal", className: overlayClassName, type: "button", onClick: closeOnOverlayClick ? close : undefined }), jsxs("section", { "aria-modal": "true", className: panelClassName, ref: panelRef, role: "dialog", tabIndex: -1, children: [title ? (jsxs("header", { className: "cc-modal__header", children: [jsx("span", { children: title }), jsx("button", { "aria-label": "Close modal", className: "cc-modal__close", type: "button", onClick: close, children: closeIcon })] })) : null, jsx("div", { className: "cc-modal__body", children: children })] })] }));
+    return modalContainer
+        ? createPortal(modalElement, modalContainer)
+        : modalElement;
+}
+
+export { Modal };
+//# sourceMappingURL=modal.js.map

package/dist/components/modal.js.map

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

package/dist/components/multi-column-picker.cjs

@@ -0,0 +1,137 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+const FormContext = /*#__PURE__*/ React.createContext(null);
+const EMPTY_PICKER_VALUES = [];
+function resolveFieldInteractivity(form, disabled, readOnly) {
+    const resolvedDisabled = disabled ?? form.disabled;
+    return {
+        disabled: resolvedDisabled,
+        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly),
+    };
+}
+function FieldError({ errors, errorId, className, }) {
+    return errors.length > 0 ? (jsxRuntime.jsx("span", { className: className ?? "cc-field__error", id: errorId, role: "alert", children: errors[0] })) : null;
+}
+function MultiColumnPicker({ cascade = false, columns, disabled = false, errorClassName, fieldClassName = "cc-field cc-picker-field", itemHeight = 38, initialValue, label, labelClassName = "cc-field__label", name, readOnly = false, rules, source, validateOn, visibleItemCount = 5, values = EMPTY_PICKER_VALUES, className = "cc-picker", onChange, ...props }) {
+    const formContext = React.useContext(FormContext);
+    const formState = React.useSyncExternalStore((listener) => formContext
+        ? formContext.controller.subscribe(listener)
+        : () => undefined, () => formContext?.controller.getState() ?? null, () => formContext?.controller.getState() ?? null);
+    const formField = name && formState?.fields[name] ? formState.fields[name] : undefined;
+    const formValue = Array.isArray(formField?.value)
+        ? formField.value
+        : undefined;
+    const effectiveValues = formValue ?? values;
+    const interactivity = formContext
+        ? resolveFieldInteractivity({ disabled: formContext.disabled, readOnly: formContext.readOnly }, disabled, readOnly)
+        : { disabled, readOnly: !disabled && Boolean(readOnly) };
+    const locked = interactivity.disabled || interactivity.readOnly;
+    const controllerRef = React.useRef(new core.MultiColumnPickerController({
+        cascade,
+        columns,
+        source,
+        values: effectiveValues,
+    }));
+    const gestureRef = React.useRef(new core.GestureController({ threshold: 4 }));
+    const activeColumnRef = React.useRef(null);
+    const [state, setState] = React.useState(() => controllerRef.current.getState());
+    const [dragOffsets, setDragOffsets] = React.useState({});
+    const errorId = name ? `${name}-error` : undefined;
+    const errors = formField?.errors ?? [];
+    React.useEffect(() => {
+        if (!formContext || !name)
+            return undefined;
+        return formContext.controller.registerField(name, {
+            initialValue: initialValue ?? values,
+            rules,
+            validateOn,
+        });
+    }, [formContext, initialValue, name, rules, validateOn, values]);
+    React.useEffect(() => {
+        setState(controllerRef.current.updateOptions({
+            cascade,
+            columns,
+            source,
+            values: effectiveValues,
+        }));
+    }, [cascade, columns, source, effectiveValues]);
+    const commitState = (next) => {
+        setState(next);
+        setDragOffsets({});
+        if (formContext && name)
+            void formContext.controller.setValue(name, next.values);
+        onChange?.(next.values, next.selectedOptions);
+    };
+    const safeItemHeight = Math.max(1, Number.isFinite(itemHeight) ? itemHeight : 38);
+    const safeVisibleItemCount = Math.max(3, Math.floor(Number.isFinite(visibleItemCount) ? visibleItemCount : 5));
+    const viewCount = safeVisibleItemCount % 2 === 0
+        ? safeVisibleItemCount + 1
+        : safeVisibleItemCount;
+    const wheelHeight = safeItemHeight * viewCount;
+    const picker = (jsxRuntime.jsxs("div", { className: className, style: {
+            "--cc-picker-option-height": `${safeItemHeight}px`,
+            "--cc-picker-visible-count": viewCount,
+        }, ...props, children: [jsxRuntime.jsx("span", { className: "cc-picker__mask cc-picker__mask--top" }), jsxRuntime.jsx("span", { className: "cc-picker__mask cc-picker__mask--bottom" }), jsxRuntime.jsx("span", { className: "cc-picker__indicator" }), state.columns.map((column, columnIndex) => (jsxRuntime.jsx("div", { className: "cc-picker__column", style: { height: wheelHeight }, onPointerDown: (event) => {
+                    if (locked)
+                        return;
+                    activeColumnRef.current = columnIndex;
+                    gestureRef.current.start({ x: event.clientX, y: event.clientY });
+                    event.currentTarget.setPointerCapture(event.pointerId);
+                }, onPointerMove: (event) => {
+                    if (locked ||
+                        activeColumnRef.current !== columnIndex ||
+                        !gestureRef.current.getState().active)
+                        return;
+                    const gesture = gestureRef.current.move({
+                        x: event.clientX,
+                        y: event.clientY,
+                    });
+                    setDragOffsets((current) => ({
+                        ...current,
+                        [columnIndex]: gesture.y,
+                    }));
+                }, onPointerUp: (event) => {
+                    if (locked)
+                        return;
+                    const gesture = gestureRef.current.end({
+                        x: event.clientX,
+                        y: event.clientY,
+                    });
+                    activeColumnRef.current = null;
+                    const delta = Math.round(-gesture.y / safeItemHeight);
+                    if (delta)
+                        commitState(controllerRef.current.selectByDelta(columnIndex, delta));
+                    else
+                        setDragOffsets((current) => ({ ...current, [columnIndex]: 0 }));
+                }, onWheel: (event) => {
+                    if (locked)
+                        return;
+                    commitState(controllerRef.current.selectByDelta(columnIndex, event.deltaY > 0 ? 1 : -1));
+                }, children: jsxRuntime.jsx("div", { className: "cc-picker__wheel", style: {
+                        transform: `translate3d(0, ${((viewCount - 1) / 2 -
+                            Math.max(0, column.findIndex((item) => item.value === state.values[columnIndex]))) *
+                            safeItemHeight +
+                            (dragOffsets[columnIndex] ?? 0)}px, 0)`,
+                    }, children: column.map((option, optionIndex) => {
+                        const selected = state.values[columnIndex] === option.value;
+                        return (jsxRuntime.jsx("button", { className: "cc-picker__option", "data-selected": selected, disabled: option.disabled, style: {
+                                transform: `rotateX(${(optionIndex -
+                                    Math.max(0, column.findIndex((item) => item.value === state.values[columnIndex]))) *
+                                    -12}deg)`,
+                            }, type: "button", onClick: () => {
+                                if (locked || option.disabled)
+                                    return;
+                                commitState(controllerRef.current.select(columnIndex, option.value));
+                            }, children: option.label }, String(option.value)));
+                    }) }) }, columnIndex)))] }));
+    if (!name && !label)
+        return picker;
+    return (jsxRuntime.jsxs("div", { className: fieldClassName, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, children: [label ? jsxRuntime.jsx("span", { className: labelClassName, children: label }) : null, picker, errorId ? (jsxRuntime.jsx(FieldError, { className: errorClassName, errorId: errorId, errors: errors })) : null] }));
+}
+
+exports.MultiColumnPicker = MultiColumnPicker;
+//# sourceMappingURL=multi-column-picker.cjs.map

package/dist/components/multi-column-picker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-column-picker.cjs","sources":["../../src/index.tsx"],"names":["createContext","_jsx","useSyncExternalStore","MultiColumnPickerController","GestureController","useEffect","_jsxs"],"mappings":";;;;;;AAsIA,MAAM,WAAW,iBAAiBA,mBAAa,CAC7C,IAAI,CACL;AAyGD,MAAM,mBAAmB,GAA2B,EAAE;AAkWtD,SAAS,yBAAyB,CAChC,IAA8C,EAC9C,QAAkB,EAClB,QAAkB,EAAA;AAElB,IAAA,MAAM,gBAAgB,GAAG,QAAQ,IAAI,IAAI,CAAC,QAAQ;IAClD,OAAO;AACL,QAAA,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,CAAC,gBAAgB,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC;KAC3D;AACH;AAoHA,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,OAAO,EACP,SAAS,GAKV,EAAA;AACC,IAAA,OAAO,MAAM,CAAC,MAAM,GAAG,CAAC,IACtBC,yBAAM,SAAS,EAAE,SAAS,IAAI,iBAAiB,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,YACvE,MAAM,CAAC,CAAC,CAAC,GACL,IACL,IAAI;AACV;AAw9QM,SAAU,iBAAiB,CAAC,EAChC,OAAO,GAAG,KAAK,EACf,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,cAAc,GAAG,0BAA0B,EAC3C,UAAU,GAAG,EAAE,EACf,YAAY,EACZ,KAAK,EACL,cAAc,GAAG,iBAAiB,EAClC,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,MAAM,EACN,UAAU,EACV,gBAAgB,GAAG,CAAC,EACpB,MAAM,GAAG,mBAAmB,EAC5B,SAAS,GAAG,WAAW,EACvB,QAAQ,EACR,GAAG,KAAK,EACe,EAAA;IACvB,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;IACjD,MAAM,SAAS,GAAGC,0BAAoB,CACpC,CAAC,QAAQ,KACP;UACI,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;AAC3C,UAAE,MAAM,SAAS,EACrB,MAAM,WAAW,EAAE,UAAU,CAAC,QAAQ,EAAE,IAAI,IAAI,EAChD,MAAM,WAAW,EAAE,UAAU,CAAC,QAAQ,EAAE,IAAI,IAAI,CACjD;IACD,MAAM,SAAS,GACb,IAAI,IAAI,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS;IACtE,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK;UAC3C,SAAS,CAAC;UACX,SAAS;AACb,IAAA,MAAM,eAAe,GAAG,SAAS,IAAI,MAAM;IAC3C,MAAM,aAAa,GAAG;UAClB,yBAAyB,CACvB,EAAE,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAAE,EAClE,QAAQ,EACR,QAAQ;AAEZ,UAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE;IAC1D,MAAM,MAAM,GAAG,aAAa,CAAC,QAAQ,IAAI,aAAa,CAAC,QAAQ;IAC/D,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAChC,IAAIC,gCAA2B,CAAC;QAC9B,OAAO;QACP,OAAO;QACP,MAAM;AACN,QAAA,MAAM,EAAE,eAAe;AACxB,KAAA,CAAC,CACH;AACD,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,IAAIC,sBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;IACxE,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MACvC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,CACjC;AACD,IAAA,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAClD,EAAE,CACH;AACD,IAAA,MAAM,OAAO,GAAG,IAAI,GAAG,CAAA,EAAG,IAAI,CAAA,MAAA,CAAQ,GAAG,SAAS;AAClD,IAAA,MAAM,MAAM,GAAG,SAAS,EAAE,MAAM,IAAI,EAAE;IACtCC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,SAAS;AAC3C,QAAA,OAAO,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,EAAE;YAChD,YAAY,EAAE,YAAY,IAAI,MAAM;YACpC,KAAK;YACL,UAAU;AACX,SAAA,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;IAChEA,eAAS,CAAC,MAAK;AACb,QAAA,QAAQ,CACN,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;YAClC,OAAO;YACP,OAAO;YACP,MAAM;AACN,YAAA,MAAM,EAAE,eAAe;AACxB,SAAA,CAAC,CACH;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,eAAe,CAAC,CAAC;AAC/C,IAAA,MAAM,WAAW,GAAG,CAClB,IAAyD,KACvD;QACF,QAAQ,CAAC,IAAI,CAAC;QACd,cAAc,CAAC,EAAE,CAAC;QAClB,IAAI,WAAW,IAAI,IAAI;AACrB,YAAA,KAAK,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,MAAa,CAAC;QAChE,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC;AAC/C,IAAA,CAAC;IACD,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAC7B,CAAC,EACD,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,UAAU,GAAG,EAAE,CAC9C;AACD,IAAA,MAAM,oBAAoB,GAAG,IAAI,CAAC,GAAG,CACnC,CAAC,EACD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC,GAAG,gBAAgB,GAAG,CAAC,CAAC,CACrE;AACD,IAAA,MAAM,SAAS,GACb,oBAAoB,GAAG,CAAC,KAAK;UACzB,oBAAoB,GAAG;UACvB,oBAAoB;AAC1B,IAAA,MAAM,WAAW,GAAG,cAAc,GAAG,SAAS;IAC9C,MAAM,MAAM,IACVC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,EACpB,KAAK,EACH;YACE,2BAA2B,EAAE,CAAA,EAAG,cAAc,CAAA,EAAA,CAAI;AAClD,YAAA,2BAA2B,EAAE,SAAS;SAChB,EAAA,GAEtB,KAAK,EAAA,QAAA,EAAA,CAETL,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,sCAAsC,EAAA,CAAG,EACzDA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yCAAyC,GAAG,EAC5DA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,sBAAsB,EAAA,CAAG,EACxC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,MACrCA,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,mBAAmB,EAE7B,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAC9B,aAAa,EAAE,CAAC,KAAK,KAAI;AACvB,oBAAA,IAAI,MAAM;wBAAE;AACZ,oBAAA,eAAe,CAAC,OAAO,GAAG,WAAW;AACrC,oBAAA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;oBAChE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC;AACxD,gBAAA,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,KAAI;AACvB,oBAAA,IACE,MAAM;wBACN,eAAe,CAAC,OAAO,KAAK,WAAW;AACvC,wBAAA,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM;wBAErC;AACF,oBAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC;wBACtC,CAAC,EAAE,KAAK,CAAC,OAAO;wBAChB,CAAC,EAAE,KAAK,CAAC,OAAO;AACjB,qBAAA,CAAC;AACF,oBAAA,cAAc,CAAC,CAAC,OAAO,MAAM;AAC3B,wBAAA,GAAG,OAAO;AACV,wBAAA,CAAC,WAAW,GAAG,OAAO,CAAC,CAAC;AACzB,qBAAA,CAAC,CAAC;AACL,gBAAA,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,KAAI;AACrB,oBAAA,IAAI,MAAM;wBAAE;AACZ,oBAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC;wBACrC,CAAC,EAAE,KAAK,CAAC,OAAO;wBAChB,CAAC,EAAE,KAAK,CAAC,OAAO;AACjB,qBAAA,CAAC;AACF,oBAAA,eAAe,CAAC,OAAO,GAAG,IAAI;AAC9B,oBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,cAAc,CAAC;AACrD,oBAAA,IAAI,KAAK;AACP,wBAAA,WAAW,CACT,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,CACxD;;AAED,wBAAA,cAAc,CAAC,CAAC,OAAO,MAAM,EAAE,GAAG,OAAO,EAAE,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC,CAAC;AACnE,gBAAA,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,KAAI;AACjB,oBAAA,IAAI,MAAM;wBAAE;oBACZ,WAAW,CACT,aAAa,CAAC,OAAO,CAAC,aAAa,CACjC,WAAW,EACX,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAC1B,CACF;AACH,gBAAA,CAAC,YAEDA,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE;wBACL,SAAS,EAAE,kBACT,CAAC,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC;4BAClB,IAAI,CAAC,GAAG,CACN,CAAC,EACD,MAAM,CAAC,SAAS,CACd,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CACnD,CACF;4BACD,cAAc;AAChB,6BAAC,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAChC,CAAA,MAAA,CAAQ;qBACT,EAAA,QAAA,EAEA,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,KAAI;AAClC,wBAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC,KAAK;AAC3D,wBAAA,QACEA,cAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAC,mBAAmB,EAAA,eAAA,EACd,QAAQ,EACvB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAEzB,KAAK,EAAE;gCACL,SAAS,EAAE,CAAA,QAAA,EACT,CAAC,WAAW;oCACV,IAAI,CAAC,GAAG,CACN,CAAC,EACD,MAAM,CAAC,SAAS,CACd,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CACnD,CACF;AACH,oCAAA,GACF,CAAA,IAAA,CAAM;AACP,6BAAA,EACD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAK;AACZ,gCAAA,IAAI,MAAM,IAAI,MAAM,CAAC,QAAQ;oCAAE;AAC/B,gCAAA,WAAW,CACT,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,CACxD;AACH,4BAAA,CAAC,EAAA,QAAA,EAEA,MAAM,CAAC,KAAK,EAAA,EArBR,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAsBlB;oBAEb,CAAC,CAAC,GACE,EAAA,EAjGD,WAAW,CAkGZ,CACP,CAAC,CAAA,EAAA,CACE,CACP;AAED,IAAA,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,MAAM;IAElC,QACEK,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,cAAc,EAAA,eAAA,EACV,aAAa,CAAC,QAAQ,EAAA,eAAA,EACtB,aAAa,CAAC,QAAQ,EAAA,QAAA,EAAA,CAEpC,KAAK,GAAGL,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,cAAc,EAAA,QAAA,EAAG,KAAK,EAAA,CAAQ,GAAG,IAAI,EAC9D,MAAM,EACN,OAAO,IACNA,cAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA,CACd,IACA,IAAI,CAAA,EAAA,CACJ;AAEV;;;;"}

package/dist/components/multi-column-picker.d.ts

@@ -0,0 +1,3 @@
+export { MultiColumnPicker } from "../index";
+export type { MultiColumnPickerProps } from "../index";
+//# sourceMappingURL=multi-column-picker.d.ts.map

package/dist/components/multi-column-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-column-picker.d.ts","sourceRoot":"","sources":["../../src/components/multi-column-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC"}