@class-kit/react 0.1.0

package/dist/components/popup.js

@@ -0,0 +1,227 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useMemo, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { PopupController } 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 Popup({ open, controller, placement = "bottom", title, children, animation, allowPageScroll = false, closeOnEsc = true, closeOnOverlayClick = true, closeIcon = jsx(ClassIcon, { name: "x" }), containerRef, lockScroll = true, className = "cc-popup", panelClassName = "cc-popup__panel", overlayClassName = "cc-popup__overlay", pushDistance, pushTargetRef, restoreFocus = true, style, trapFocus = true, onOpenChange, ...props }) {
+    const ownedController = useMemo(() => controller ?? new PopupController(Boolean(open), placement), [controller]);
+    const panelRef = React.useRef(null);
+    const pushStyleRef = React.useRef(null);
+    const [popupState, setPopupState] = React.useState(() => ({
+        open: open ?? ownedController.isOpen(),
+        placement: ownedController.getPlacement(),
+    }));
+    const motion = resolveAnimation(animation, "slide");
+    const [mounted, animationState] = usePresence(popupState.open, motion.enabled ? motion.duration : 0);
+    const close = React.useCallback(() => ownedController.close(), [ownedController]);
+    useEffect(() => ownedController.subscribe(setPopupState), [ownedController]);
+    useEffect(() => {
+        ownedController.update({
+            open: open !== undefined ? open : undefined,
+            placement,
+        });
+    }, [open, ownedController, placement]);
+    useEffect(() => {
+        onOpenChange?.(popupState.open);
+    }, [popupState.open, onOpenChange]);
+    useLayerA11y(mounted && popupState.open, panelRef, {
+        closeOnEsc,
+        lockScroll: lockScroll && !allowPageScroll,
+        onClose: close,
+        restoreFocus,
+        trapFocus,
+    });
+    React.useLayoutEffect(() => {
+        const target = pushTargetRef?.current;
+        if (!target)
+            return;
+        if (!pushStyleRef.current || pushStyleRef.current.target !== target) {
+            pushStyleRef.current = {
+                target,
+                transform: target.style.transform,
+                transition: target.style.transition,
+            };
+        }
+        const original = pushStyleRef.current;
+        target.style.transition =
+            original.transition || `transform ${motion.duration}ms ${motion.easing}`;
+        const panel = panelRef.current;
+        const measuredDistance = popupState.placement === "left" || popupState.placement === "right"
+            ? (panel?.offsetWidth ?? 0)
+            : (panel?.offsetHeight ?? 0);
+        const distance = typeof pushDistance === "number"
+            ? `${pushDistance}px`
+            : (pushDistance ?? `${measuredDistance}px`);
+        const signedDistance = popupState.placement === "left" || popupState.placement === "top"
+            ? distance
+            : `calc(-1 * ${distance})`;
+        target.style.transform = popupState.open
+            ? popupState.placement === "left" || popupState.placement === "right"
+                ? `translate3d(${signedDistance}, 0, 0)`
+                : `translate3d(0, ${signedDistance}, 0)`
+            : original.transform;
+    }, [
+        motion.duration,
+        motion.easing,
+        popupState.open,
+        popupState.placement,
+        pushDistance,
+        pushTargetRef,
+    ]);
+    useEffect(() => () => {
+        const original = pushStyleRef.current;
+        if (!original)
+            return;
+        original.target.style.transform = original.transform;
+        original.target.style.transition = original.transition;
+        pushStyleRef.current = null;
+    }, []);
+    if (!mounted)
+        return null;
+    const popupContainer = containerRef?.current ?? null;
+    const popupElement = (jsxs("div", { className: className, "data-animation": motion.name, "data-contained": popupContainer ? "true" : "false", "data-placement": popupState.placement, "data-state": animationState, role: "presentation", style: animationStyle(motion, style), ...props, children: [jsx("button", { "aria-label": "Close popup", 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-popup__header", children: [jsx("span", { children: title }), jsx("button", { "aria-label": "Close popup", className: "cc-popup__close", type: "button", onClick: close, children: closeIcon })] })) : null, jsx("div", { className: "cc-popup__body", children: children })] })] }));
+    return popupContainer
+        ? createPortal(popupElement, popupContainer)
+        : popupElement;
+}
+
+export { Popup };
+//# sourceMappingURL=popup.js.map

package/dist/components/popup.js.map

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

package/dist/components/progress-bar.cjs

@@ -0,0 +1,138 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+const FormContext = /*#__PURE__*/ React.createContext(null);
+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 ProgressBar({ defaultValue, disabled = false, errorClassName, fieldClassName = "cc-field cc-progress-field", followPointer = true, initialValue, interactive = true, label, labelClassName = "cc-field__label", max = 100, min = 0, name, readOnly, rules, step = 1, validateOn, value, className = "cc-progress", onChange, onChangeEnd, ...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 trackRef = React.useRef(null);
+    const thumbRef = React.useRef(null);
+    const [dragging, setDragging] = React.useState(false);
+    const safeMin = Number.isFinite(min) ? min : 0;
+    const safeMax = Number.isFinite(max)
+        ? Math.max(safeMin, max)
+        : Math.max(safeMin, 100);
+    const safeStep = Number.isFinite(step) && step > 0 ? step : 1;
+    const formField = name && formState?.fields[name] ? formState.fields[name] : undefined;
+    const formFieldValue = Number(formField?.value);
+    const usesFormField = Boolean(name && formContext);
+    const interactivity = formContext
+        ? resolveFieldInteractivity({ disabled: formContext.disabled, readOnly: formContext.readOnly }, disabled, readOnly)
+        : { disabled, readOnly: !disabled && Boolean(readOnly) };
+    const locked = interactivity.disabled || interactivity.readOnly;
+    const controlled = usesFormField || value !== undefined;
+    const safeValue = usesFormField && Number.isFinite(formFieldValue)
+        ? formFieldValue
+        : Number.isFinite(value)
+            ? value
+            : undefined;
+    const safeDefaultValue = Number.isFinite(defaultValue)
+        ? defaultValue
+        : undefined;
+    const fieldInitialValue = Number.isFinite(Number(initialValue))
+        ? Number(initialValue)
+        : safeDefaultValue;
+    const controllerRef = React.useRef(new core.ProgressController({
+        disabled: locked,
+        max: safeMax,
+        min: safeMin,
+        step: safeStep,
+        value: safeValue ?? fieldInitialValue ?? safeMin,
+    }));
+    const [state, setState] = React.useState(() => controllerRef.current.getState());
+    const errorId = name ? `${name}-error` : undefined;
+    const errors = formField?.errors ?? [];
+    React.useEffect(() => {
+        if (!formContext || !name)
+            return undefined;
+        return formContext.controller.registerField(name, {
+            initialValue: fieldInitialValue ?? safeMin,
+            rules,
+            validateOn,
+        });
+    }, [fieldInitialValue, formContext, name, rules, safeMin, validateOn]);
+    React.useEffect(() => {
+        setState(controllerRef.current.updateOptions({
+            disabled: locked,
+            max: safeMax,
+            min: safeMin,
+            step: safeStep,
+            value: controlled ? safeValue : state.value,
+        }));
+    }, [controlled, locked, safeMax, safeMin, safeStep, safeValue, state.value]);
+    const commit = (nextValue, end = false) => {
+        const next = controllerRef.current.setValue(nextValue);
+        if (!controlled || usesFormField)
+            setState(next);
+        if (formContext && name)
+            void formContext.controller.setValue(name, next.value);
+        onChange?.(next.value);
+        if (end)
+            onChangeEnd?.(next.value);
+    };
+    const updateFromClientX = (clientX, end = false) => {
+        const rect = trackRef.current?.getBoundingClientRect();
+        if (!rect)
+            return;
+        const next = controllerRef.current.valueFromClientX(clientX, rect, thumbRef.current?.offsetWidth ?? 0);
+        if (!controlled || usesFormField)
+            setState(next);
+        if (formContext && name)
+            void formContext.controller.setValue(name, next.value);
+        onChange?.(next.value);
+        if (end)
+            onChangeEnd?.(next.value);
+    };
+    const progress = (jsxRuntime.jsxs("div", { "aria-disabled": state.disabled, "aria-describedby": errors.length > 0 ? errorId : undefined, "aria-readonly": interactivity.readOnly || undefined, "aria-valuemax": state.max, "aria-valuemin": state.min, "aria-valuenow": state.value, className: className, "data-disabled": interactivity.disabled, "data-dragging": dragging, "data-interactive": interactive && !locked, "data-readonly": interactivity.readOnly, ref: trackRef, role: "slider", tabIndex: locked || !interactive ? -1 : 0, onKeyDown: (event) => {
+            if (locked || !interactive)
+                return;
+            if (event.key === "ArrowLeft" || event.key === "ArrowDown")
+                commit(state.value - state.step);
+            if (event.key === "ArrowRight" || event.key === "ArrowUp")
+                commit(state.value + state.step);
+            if (event.key === "Home")
+                commit(state.min);
+            if (event.key === "End")
+                commit(state.max);
+        }, onPointerDown: (event) => {
+            if (locked || !interactive)
+                return;
+            event.preventDefault();
+            setDragging(true);
+            updateFromClientX(event.clientX);
+            event.currentTarget.setPointerCapture(event.pointerId);
+        }, onPointerMove: (event) => {
+            if (!interactive || !followPointer || locked || event.buttons !== 1)
+                return;
+            updateFromClientX(event.clientX);
+        }, onPointerUp: (event) => {
+            if (locked || !interactive)
+                return;
+            setDragging(false);
+            event.currentTarget.releasePointerCapture?.(event.pointerId);
+            updateFromClientX(event.clientX, true);
+        }, onPointerCancel: () => setDragging(false), ...props, children: [jsxRuntime.jsx("span", { className: "cc-progress__track" }), jsxRuntime.jsx("span", { className: "cc-progress__fill", style: { width: `${state.percent}%` } }), jsxRuntime.jsx("span", { className: "cc-progress__thumb", ref: thumbRef, style: {
+                    left: `calc(${state.percent / 100} * (100% - var(--cc-progress-thumb-size)))`,
+                } })] }));
+    if (!name && !label)
+        return progress;
+    return (jsxRuntime.jsxs("div", { className: fieldClassName, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, children: [label ? jsxRuntime.jsx("span", { className: labelClassName, children: label }) : null, progress, errorId ? (jsxRuntime.jsx(FieldError, { className: errorClassName, errorId: errorId, errors: errors })) : null] }));
+}
+
+exports.ProgressBar = ProgressBar;
+//# sourceMappingURL=progress-bar.cjs.map

package/dist/components/progress-bar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.cjs","sources":["../../src/index.tsx"],"names":["createContext","_jsx","useSyncExternalStore","ProgressController","useEffect","_jsxs"],"mappings":"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"}

package/dist/components/progress-bar.d.ts

@@ -0,0 +1,3 @@
+export { ProgressBar } from "../index";
+export type { ProgressBarProps } from "../index";
+//# sourceMappingURL=progress-bar.d.ts.map

package/dist/components/progress-bar.d.ts.map

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

package/dist/components/progress-bar.js

@@ -0,0 +1,136 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useSyncExternalStore, useEffect, createContext } from 'react';
+import { ProgressController } from '@class-kit/core';
+
+const FormContext = /*#__PURE__*/ createContext(null);
+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 ? (jsx("span", { className: className ?? "cc-field__error", id: errorId, role: "alert", children: errors[0] })) : null;
+}
+function ProgressBar({ defaultValue, disabled = false, errorClassName, fieldClassName = "cc-field cc-progress-field", followPointer = true, initialValue, interactive = true, label, labelClassName = "cc-field__label", max = 100, min = 0, name, readOnly, rules, step = 1, validateOn, value, className = "cc-progress", onChange, onChangeEnd, ...props }) {
+    const formContext = React.useContext(FormContext);
+    const formState = useSyncExternalStore((listener) => formContext
+        ? formContext.controller.subscribe(listener)
+        : () => undefined, () => formContext?.controller.getState() ?? null, () => formContext?.controller.getState() ?? null);
+    const trackRef = React.useRef(null);
+    const thumbRef = React.useRef(null);
+    const [dragging, setDragging] = React.useState(false);
+    const safeMin = Number.isFinite(min) ? min : 0;
+    const safeMax = Number.isFinite(max)
+        ? Math.max(safeMin, max)
+        : Math.max(safeMin, 100);
+    const safeStep = Number.isFinite(step) && step > 0 ? step : 1;
+    const formField = name && formState?.fields[name] ? formState.fields[name] : undefined;
+    const formFieldValue = Number(formField?.value);
+    const usesFormField = Boolean(name && formContext);
+    const interactivity = formContext
+        ? resolveFieldInteractivity({ disabled: formContext.disabled, readOnly: formContext.readOnly }, disabled, readOnly)
+        : { disabled, readOnly: !disabled && Boolean(readOnly) };
+    const locked = interactivity.disabled || interactivity.readOnly;
+    const controlled = usesFormField || value !== undefined;
+    const safeValue = usesFormField && Number.isFinite(formFieldValue)
+        ? formFieldValue
+        : Number.isFinite(value)
+            ? value
+            : undefined;
+    const safeDefaultValue = Number.isFinite(defaultValue)
+        ? defaultValue
+        : undefined;
+    const fieldInitialValue = Number.isFinite(Number(initialValue))
+        ? Number(initialValue)
+        : safeDefaultValue;
+    const controllerRef = React.useRef(new ProgressController({
+        disabled: locked,
+        max: safeMax,
+        min: safeMin,
+        step: safeStep,
+        value: safeValue ?? fieldInitialValue ?? safeMin,
+    }));
+    const [state, setState] = React.useState(() => controllerRef.current.getState());
+    const errorId = name ? `${name}-error` : undefined;
+    const errors = formField?.errors ?? [];
+    useEffect(() => {
+        if (!formContext || !name)
+            return undefined;
+        return formContext.controller.registerField(name, {
+            initialValue: fieldInitialValue ?? safeMin,
+            rules,
+            validateOn,
+        });
+    }, [fieldInitialValue, formContext, name, rules, safeMin, validateOn]);
+    useEffect(() => {
+        setState(controllerRef.current.updateOptions({
+            disabled: locked,
+            max: safeMax,
+            min: safeMin,
+            step: safeStep,
+            value: controlled ? safeValue : state.value,
+        }));
+    }, [controlled, locked, safeMax, safeMin, safeStep, safeValue, state.value]);
+    const commit = (nextValue, end = false) => {
+        const next = controllerRef.current.setValue(nextValue);
+        if (!controlled || usesFormField)
+            setState(next);
+        if (formContext && name)
+            void formContext.controller.setValue(name, next.value);
+        onChange?.(next.value);
+        if (end)
+            onChangeEnd?.(next.value);
+    };
+    const updateFromClientX = (clientX, end = false) => {
+        const rect = trackRef.current?.getBoundingClientRect();
+        if (!rect)
+            return;
+        const next = controllerRef.current.valueFromClientX(clientX, rect, thumbRef.current?.offsetWidth ?? 0);
+        if (!controlled || usesFormField)
+            setState(next);
+        if (formContext && name)
+            void formContext.controller.setValue(name, next.value);
+        onChange?.(next.value);
+        if (end)
+            onChangeEnd?.(next.value);
+    };
+    const progress = (jsxs("div", { "aria-disabled": state.disabled, "aria-describedby": errors.length > 0 ? errorId : undefined, "aria-readonly": interactivity.readOnly || undefined, "aria-valuemax": state.max, "aria-valuemin": state.min, "aria-valuenow": state.value, className: className, "data-disabled": interactivity.disabled, "data-dragging": dragging, "data-interactive": interactive && !locked, "data-readonly": interactivity.readOnly, ref: trackRef, role: "slider", tabIndex: locked || !interactive ? -1 : 0, onKeyDown: (event) => {
+            if (locked || !interactive)
+                return;
+            if (event.key === "ArrowLeft" || event.key === "ArrowDown")
+                commit(state.value - state.step);
+            if (event.key === "ArrowRight" || event.key === "ArrowUp")
+                commit(state.value + state.step);
+            if (event.key === "Home")
+                commit(state.min);
+            if (event.key === "End")
+                commit(state.max);
+        }, onPointerDown: (event) => {
+            if (locked || !interactive)
+                return;
+            event.preventDefault();
+            setDragging(true);
+            updateFromClientX(event.clientX);
+            event.currentTarget.setPointerCapture(event.pointerId);
+        }, onPointerMove: (event) => {
+            if (!interactive || !followPointer || locked || event.buttons !== 1)
+                return;
+            updateFromClientX(event.clientX);
+        }, onPointerUp: (event) => {
+            if (locked || !interactive)
+                return;
+            setDragging(false);
+            event.currentTarget.releasePointerCapture?.(event.pointerId);
+            updateFromClientX(event.clientX, true);
+        }, onPointerCancel: () => setDragging(false), ...props, children: [jsx("span", { className: "cc-progress__track" }), jsx("span", { className: "cc-progress__fill", style: { width: `${state.percent}%` } }), jsx("span", { className: "cc-progress__thumb", ref: thumbRef, style: {
+                    left: `calc(${state.percent / 100} * (100% - var(--cc-progress-thumb-size)))`,
+                } })] }));
+    if (!name && !label)
+        return progress;
+    return (jsxs("div", { className: fieldClassName, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, children: [label ? jsx("span", { className: labelClassName, children: label }) : null, progress, errorId ? (jsx(FieldError, { className: errorClassName, errorId: errorId, errors: errors })) : null] }));
+}
+
+export { ProgressBar };
+//# sourceMappingURL=progress-bar.js.map

package/dist/components/progress-bar.js.map

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

package/dist/components/qr-code.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+function optionalDependencyError(packageName, featureName, fallbackName, cause) {
+    const detail = cause instanceof Error ? ` Original error: ${cause.message}` : "";
+    return new Error(`${featureName} requires optional dependency "${packageName}". Install it or provide ${fallbackName} from a CDN/global fallback.${detail}`);
+}
+function QRCode({ value, size = 160, margin = 2, darkColor = "#1f1a2e", lightColor = "#ffffff", className = "cc-code cc-qr-code", errorCorrectionLevel = "M", errorText = "QR code unavailable", logoSrc, logoAlt = "QR code logo", logoSize = Math.round(size * 0.22), logoPadding = 6, logoRadius = 8, logoBackground = "#ffffff", renderError, ...props }) {
+    const [svg, setSvg] = React.useState("");
+    const [error, setError] = React.useState(null);
+    React.useEffect(() => {
+        let cancelled = false;
+        setError(null);
+        import('qrcode')
+            .then(({ default: QRCodeGenerator }) => QRCodeGenerator.toString(value || " ", {
+            color: {
+                dark: darkColor,
+                light: lightColor,
+            },
+            errorCorrectionLevel,
+            margin,
+            type: "svg",
+            width: size,
+        }))
+            .then((nextSvg) => {
+            if (!cancelled)
+                setSvg(nextSvg);
+        })
+            .catch((nextError) => {
+            if (cancelled)
+                return;
+            setSvg("");
+            setError(optionalDependencyError("qrcode", "QR code rendering", "window.QRCode", nextError));
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [darkColor, errorCorrectionLevel, lightColor, margin, size, value]);
+    return (jsxRuntime.jsxs("span", { "aria-label": error ? String(errorText) : value, className: className, role: "img", style: { width: size, height: size }, ...props, children: [error ? (jsxRuntime.jsx("span", { className: "cc-code__error", children: renderError?.(error) ?? errorText })) : (jsxRuntime.jsx("span", { className: "cc-qr-code__svg", dangerouslySetInnerHTML: { __html: svg } })), !error && logoSrc ? (jsxRuntime.jsx("span", { className: "cc-qr-code__logo", style: {
+                    background: logoBackground,
+                    borderRadius: logoRadius,
+                    height: logoSize + logoPadding * 2,
+                    padding: logoPadding,
+                    width: logoSize + logoPadding * 2,
+                }, children: jsxRuntime.jsx("img", { alt: logoAlt, src: logoSrc, style: { borderRadius: Math.max(0, logoRadius - 2) } }) })) : null] }));
+}
+
+exports.QRCode = QRCode;
+//# sourceMappingURL=qr-code.cjs.map

package/dist/components/qr-code.cjs.map

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

package/dist/components/qr-code.d.ts

@@ -0,0 +1,3 @@
+export { QRCode } from "../index";
+export type { QRCodeProps } from "../index";
+//# sourceMappingURL=qr-code.d.ts.map

package/dist/components/qr-code.d.ts.map

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