@class-kit/react 0.1.0

package/dist/components/qr-code.js

@@ -0,0 +1,49 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useEffect } from '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);
+    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 (jsxs("span", { "aria-label": error ? String(errorText) : value, className: className, role: "img", style: { width: size, height: size }, ...props, children: [error ? (jsx("span", { className: "cc-code__error", children: renderError?.(error) ?? errorText })) : (jsx("span", { className: "cc-qr-code__svg", dangerouslySetInnerHTML: { __html: svg } })), !error && logoSrc ? (jsx("span", { className: "cc-qr-code__logo", style: {
+                    background: logoBackground,
+                    borderRadius: logoRadius,
+                    height: logoSize + logoPadding * 2,
+                    padding: logoPadding,
+                    width: logoSize + logoPadding * 2,
+                }, children: jsx("img", { alt: logoAlt, src: logoSrc, style: { borderRadius: Math.max(0, logoRadius - 2) } }) })) : null] }));
+}
+
+export { QRCode };
+//# sourceMappingURL=qr-code.js.map

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

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

package/dist/components/radio-group.cjs

@@ -0,0 +1,79 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+const FormContext = /*#__PURE__*/ React.createContext(null);
+function useFormInteractivity() {
+    const context = React.useContext(FormContext);
+    return {
+        disabled: context?.disabled ?? false,
+        readOnly: context?.readOnly ?? false,
+    };
+}
+function useOptionalFormInteractivity() {
+    return useFormInteractivity();
+}
+function resolveFieldInteractivity(form, disabled, readOnly) {
+    const resolvedDisabled = disabled ?? form.disabled;
+    return {
+        disabled: resolvedDisabled,
+        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly),
+    };
+}
+function useOptionalField(name, options = {}) {
+    const context = React.useContext(FormContext);
+    const optionsRef = React.useRef(options);
+    optionsRef.current = options;
+    const state = React.useSyncExternalStore((listener) => context ? context.controller.subscribe(listener) : () => undefined, () => context?.controller.getState() ?? null, () => context?.controller.getState() ?? null);
+    const [localValue, setLocalValue] = React.useState(() => (options.initialValue ?? ""));
+    React.useEffect(() => {
+        if (!context || !name)
+            return undefined;
+        return context.controller.registerField(name, optionsRef.current);
+    }, [context, name]);
+    const field = name ? state?.fields[name] : undefined;
+    const usesFormField = Boolean(context && name);
+    return {
+        value: usesFormField ? (field?.value ?? "") : localValue,
+        errors: usesFormField ? (field?.errors ?? []) : [],
+        dirty: usesFormField ? (field?.meta.dirty ?? false) : false,
+        touched: usesFormField ? (field?.meta.touched ?? false) : false,
+        setValue: (value) => {
+            if (context && name) {
+                void context.controller.setValue(name, value);
+            }
+            else {
+                setLocalValue(value);
+            }
+        },
+        onBlur: () => {
+            if (context && name)
+                void context.controller.blur(name);
+        },
+    };
+}
+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 RadioGroup({ name, label, options: radioOptions, disabled, readOnly, className = "cc-field cc-choice-group", labelClassName = "cc-field__label", itemClassName = "cc-choice", itemsClassName = "cc-choice-group__items", errorClassName, initialValue, rules, validateOn, ...options }) {
+    const field = useOptionalField(name, {
+        initialValue,
+        rules,
+        validateOn,
+    });
+    const interactivity = resolveFieldInteractivity(useOptionalFormInteractivity(), disabled, readOnly);
+    const errorId = `${name}-error`;
+    return (jsxRuntime.jsxs("fieldset", { "aria-readonly": interactivity.readOnly || undefined, className: className, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, ...options, children: [label ? jsxRuntime.jsx("legend", { className: labelClassName, children: label }) : null, jsxRuntime.jsx("div", { className: itemsClassName, children: radioOptions.map((option) => (jsxRuntime.jsxs("label", { className: itemClassName, children: [jsxRuntime.jsx("input", { checked: field.value === option.value, disabled: interactivity.disabled || option.disabled, name: name, type: "radio", value: option.value, onBlur: field.onBlur, onClick: (event) => {
+                                if (!interactivity.readOnly)
+                                    return;
+                                event.preventDefault();
+                            }, onChange: () => {
+                                if (interactivity.readOnly)
+                                    return;
+                                field.setValue(option.value);
+                            } }), jsxRuntime.jsx("span", { children: option.label })] }, String(option.value)))) }), jsxRuntime.jsx(FieldError, { className: errorClassName, errorId: errorId, errors: field.errors })] }));
+}
+
+exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=radio-group.cjs.map

package/dist/components/radio-group.cjs.map

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

package/dist/components/radio-group.d.ts

@@ -0,0 +1,3 @@
+export { RadioGroup } from "../index";
+export type { RadioGroupProps, ChoiceOption } from "../index";
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/radio-group.d.ts.map

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

package/dist/components/radio-group.js

@@ -0,0 +1,77 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useContext, useSyncExternalStore, useEffect, createContext } from 'react';
+
+const FormContext = /*#__PURE__*/ createContext(null);
+function useFormInteractivity() {
+    const context = useContext(FormContext);
+    return {
+        disabled: context?.disabled ?? false,
+        readOnly: context?.readOnly ?? false,
+    };
+}
+function useOptionalFormInteractivity() {
+    return useFormInteractivity();
+}
+function resolveFieldInteractivity(form, disabled, readOnly) {
+    const resolvedDisabled = disabled ?? form.disabled;
+    return {
+        disabled: resolvedDisabled,
+        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly),
+    };
+}
+function useOptionalField(name, options = {}) {
+    const context = useContext(FormContext);
+    const optionsRef = React.useRef(options);
+    optionsRef.current = options;
+    const state = useSyncExternalStore((listener) => context ? context.controller.subscribe(listener) : () => undefined, () => context?.controller.getState() ?? null, () => context?.controller.getState() ?? null);
+    const [localValue, setLocalValue] = React.useState(() => (options.initialValue ?? ""));
+    useEffect(() => {
+        if (!context || !name)
+            return undefined;
+        return context.controller.registerField(name, optionsRef.current);
+    }, [context, name]);
+    const field = name ? state?.fields[name] : undefined;
+    const usesFormField = Boolean(context && name);
+    return {
+        value: usesFormField ? (field?.value ?? "") : localValue,
+        errors: usesFormField ? (field?.errors ?? []) : [],
+        dirty: usesFormField ? (field?.meta.dirty ?? false) : false,
+        touched: usesFormField ? (field?.meta.touched ?? false) : false,
+        setValue: (value) => {
+            if (context && name) {
+                void context.controller.setValue(name, value);
+            }
+            else {
+                setLocalValue(value);
+            }
+        },
+        onBlur: () => {
+            if (context && name)
+                void context.controller.blur(name);
+        },
+    };
+}
+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 RadioGroup({ name, label, options: radioOptions, disabled, readOnly, className = "cc-field cc-choice-group", labelClassName = "cc-field__label", itemClassName = "cc-choice", itemsClassName = "cc-choice-group__items", errorClassName, initialValue, rules, validateOn, ...options }) {
+    const field = useOptionalField(name, {
+        initialValue,
+        rules,
+        validateOn,
+    });
+    const interactivity = resolveFieldInteractivity(useOptionalFormInteractivity(), disabled, readOnly);
+    const errorId = `${name}-error`;
+    return (jsxs("fieldset", { "aria-readonly": interactivity.readOnly || undefined, className: className, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, ...options, children: [label ? jsx("legend", { className: labelClassName, children: label }) : null, jsx("div", { className: itemsClassName, children: radioOptions.map((option) => (jsxs("label", { className: itemClassName, children: [jsx("input", { checked: field.value === option.value, disabled: interactivity.disabled || option.disabled, name: name, type: "radio", value: option.value, onBlur: field.onBlur, onClick: (event) => {
+                                if (!interactivity.readOnly)
+                                    return;
+                                event.preventDefault();
+                            }, onChange: () => {
+                                if (interactivity.readOnly)
+                                    return;
+                                field.setValue(option.value);
+                            } }), jsx("span", { children: option.label })] }, String(option.value)))) }), jsx(FieldError, { className: errorClassName, errorId: errorId, errors: field.errors })] }));
+}
+
+export { RadioGroup };
+//# sourceMappingURL=radio-group.js.map

package/dist/components/radio-group.js.map

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

package/dist/components/rating.cjs

@@ -0,0 +1,100 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+const FormContext = /*#__PURE__*/ React.createContext(null);
+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 useFormInteractivity() {
+    const context = React.useContext(FormContext);
+    return {
+        disabled: context?.disabled ?? false,
+        readOnly: context?.readOnly ?? false,
+    };
+}
+function useOptionalFormInteractivity() {
+    return useFormInteractivity();
+}
+function resolveFieldInteractivity(form, disabled, readOnly) {
+    const resolvedDisabled = disabled ?? form.disabled;
+    return {
+        disabled: resolvedDisabled,
+        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly),
+    };
+}
+function useOptionalField(name, options = {}) {
+    const context = React.useContext(FormContext);
+    const optionsRef = React.useRef(options);
+    optionsRef.current = options;
+    const state = React.useSyncExternalStore((listener) => context ? context.controller.subscribe(listener) : () => undefined, () => context?.controller.getState() ?? null, () => context?.controller.getState() ?? null);
+    const [localValue, setLocalValue] = React.useState(() => (options.initialValue ?? ""));
+    React.useEffect(() => {
+        if (!context || !name)
+            return undefined;
+        return context.controller.registerField(name, optionsRef.current);
+    }, [context, name]);
+    const field = name ? state?.fields[name] : undefined;
+    const usesFormField = Boolean(context && name);
+    return {
+        value: usesFormField ? (field?.value ?? "") : localValue,
+        errors: usesFormField ? (field?.errors ?? []) : [],
+        dirty: usesFormField ? (field?.meta.dirty ?? false) : false,
+        touched: usesFormField ? (field?.meta.touched ?? false) : false,
+        setValue: (value) => {
+            if (context && name) {
+                void context.controller.setValue(name, value);
+            }
+            else {
+                setLocalValue(value);
+            }
+        },
+        onBlur: () => {
+            if (context && name)
+                void context.controller.blur(name);
+        },
+    };
+}
+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 Rating({ name, label, max = 5, disabled, readOnly, className = "cc-field cc-rating", labelClassName = "cc-field__label", starsClassName = "cc-rating__stars", starClassName = "cc-rating__star", errorClassName, starLabel = (value) => `${value} star`, icon = jsxRuntime.jsx(ClassIcon, { name: "star" }), initialValue, rules, validateOn, ...options }) {
+    const field = useOptionalField(name, {
+        initialValue: initialValue ?? 0,
+        rules,
+        validateOn,
+    });
+    const interactivity = resolveFieldInteractivity(useOptionalFormInteractivity(), disabled, readOnly);
+    const errorId = `${name}-error`;
+    const value = Number(field.value) || 0;
+    return (jsxRuntime.jsxs("fieldset", { "aria-readonly": interactivity.readOnly || undefined, className: className, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, ...options, children: [label ? jsxRuntime.jsx("legend", { className: labelClassName, children: label }) : null, jsxRuntime.jsx("div", { className: starsClassName, role: "radiogroup", "aria-label": label ?? name, children: Array.from({ length: max }, (_, index) => {
+                    const starValue = index + 1;
+                    const active = starValue <= value;
+                    return (jsxRuntime.jsx("button", { "aria-checked": value === starValue, "aria-label": starLabel(starValue), className: starClassName, "data-active": active, "data-readonly": interactivity.readOnly, disabled: interactivity.disabled, role: "radio", type: "button", onBlur: field.onBlur, onClick: () => {
+                            if (interactivity.readOnly)
+                                return;
+                            field.setValue(starValue);
+                        }, children: typeof icon === "function"
+                            ? icon({ active, value: starValue })
+                            : icon }, starValue));
+                }) }), jsxRuntime.jsx(FieldError, { className: errorClassName, errorId: errorId, errors: field.errors })] }));
+}
+
+exports.Rating = Rating;
+//# sourceMappingURL=rating.cjs.map

package/dist/components/rating.cjs.map

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

package/dist/components/rating.d.ts

@@ -0,0 +1,3 @@
+export { Rating } from "../index";
+export type { RatingProps } from "../index";
+//# sourceMappingURL=rating.d.ts.map

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

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

package/dist/components/rating.js

@@ -0,0 +1,98 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useContext, useSyncExternalStore, useEffect, createContext } from 'react';
+
+const FormContext = /*#__PURE__*/ createContext(null);
+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 useFormInteractivity() {
+    const context = useContext(FormContext);
+    return {
+        disabled: context?.disabled ?? false,
+        readOnly: context?.readOnly ?? false,
+    };
+}
+function useOptionalFormInteractivity() {
+    return useFormInteractivity();
+}
+function resolveFieldInteractivity(form, disabled, readOnly) {
+    const resolvedDisabled = disabled ?? form.disabled;
+    return {
+        disabled: resolvedDisabled,
+        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly),
+    };
+}
+function useOptionalField(name, options = {}) {
+    const context = useContext(FormContext);
+    const optionsRef = React.useRef(options);
+    optionsRef.current = options;
+    const state = useSyncExternalStore((listener) => context ? context.controller.subscribe(listener) : () => undefined, () => context?.controller.getState() ?? null, () => context?.controller.getState() ?? null);
+    const [localValue, setLocalValue] = React.useState(() => (options.initialValue ?? ""));
+    useEffect(() => {
+        if (!context || !name)
+            return undefined;
+        return context.controller.registerField(name, optionsRef.current);
+    }, [context, name]);
+    const field = name ? state?.fields[name] : undefined;
+    const usesFormField = Boolean(context && name);
+    return {
+        value: usesFormField ? (field?.value ?? "") : localValue,
+        errors: usesFormField ? (field?.errors ?? []) : [],
+        dirty: usesFormField ? (field?.meta.dirty ?? false) : false,
+        touched: usesFormField ? (field?.meta.touched ?? false) : false,
+        setValue: (value) => {
+            if (context && name) {
+                void context.controller.setValue(name, value);
+            }
+            else {
+                setLocalValue(value);
+            }
+        },
+        onBlur: () => {
+            if (context && name)
+                void context.controller.blur(name);
+        },
+    };
+}
+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 Rating({ name, label, max = 5, disabled, readOnly, className = "cc-field cc-rating", labelClassName = "cc-field__label", starsClassName = "cc-rating__stars", starClassName = "cc-rating__star", errorClassName, starLabel = (value) => `${value} star`, icon = jsx(ClassIcon, { name: "star" }), initialValue, rules, validateOn, ...options }) {
+    const field = useOptionalField(name, {
+        initialValue: initialValue ?? 0,
+        rules,
+        validateOn,
+    });
+    const interactivity = resolveFieldInteractivity(useOptionalFormInteractivity(), disabled, readOnly);
+    const errorId = `${name}-error`;
+    const value = Number(field.value) || 0;
+    return (jsxs("fieldset", { "aria-readonly": interactivity.readOnly || undefined, className: className, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, ...options, children: [label ? jsx("legend", { className: labelClassName, children: label }) : null, jsx("div", { className: starsClassName, role: "radiogroup", "aria-label": label ?? name, children: Array.from({ length: max }, (_, index) => {
+                    const starValue = index + 1;
+                    const active = starValue <= value;
+                    return (jsx("button", { "aria-checked": value === starValue, "aria-label": starLabel(starValue), className: starClassName, "data-active": active, "data-readonly": interactivity.readOnly, disabled: interactivity.disabled, role: "radio", type: "button", onBlur: field.onBlur, onClick: () => {
+                            if (interactivity.readOnly)
+                                return;
+                            field.setValue(starValue);
+                        }, children: typeof icon === "function"
+                            ? icon({ active, value: starValue })
+                            : icon }, starValue));
+                }) }), jsx(FieldError, { className: errorClassName, errorId: errorId, errors: field.errors })] }));
+}
+
+export { Rating };
+//# sourceMappingURL=rating.js.map

package/dist/components/rating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.js","sources":["../../src/index.tsx"],"names":["_jsx","_jsxs"],"mappings":";;;AAsIA,MAAM,WAAW,iBAAiB,aAAa,CAC7C,IAAI,CACL;AAaD,MAAM,cAAc,GAAoC;IACtD,WAAW,EAAE,CAAC,cAAc,CAAC;IAC7B,WAAW,EAAE,CAAC,iBAAiB,CAAC;IAChC,YAAY,EAAE,CAAC,eAAe,CAAC;IAC/B,SAAS,EAAE,CAAC,iBAAiB,CAAC;IAC9B,KAAK,EAAE,CAAC,iBAAiB,CAAC;AAC1B,IAAA,QAAQ,EAAE;QACR,kDAAkD;QAClD,2oBAA2oB;AAC5oB,KAAA;AACD,IAAA,IAAI,EAAE;QACJ,uFAAuF;AACxF,KAAA;AACD,IAAA,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;CAChC;AAED,SAAS,SAAS,CAAC,EACjB,SAAS,GAAG,SAAS,EACrB,IAAI,GAIL,EAAA;AACC,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,cAAc,GAAG,MAAM,EAC/C,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,WAAW,EAAA,QAAA,EAElB,cAAc,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAC1BA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAE,CAAC,EAEJ,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,IAAI,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,IAJ/B,CAAC,CAKN,CACH,CAAC,EAAA,CACE;AAEV;AAuYA,SAAS,oBAAoB,GAAA;AAC3B,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC;IACvC,OAAO;AACL,QAAA,QAAQ,EAAE,OAAO,EAAE,QAAQ,IAAI,KAAK;AACpC,QAAA,QAAQ,EAAE,OAAO,EAAE,QAAQ,IAAI,KAAK;KACrC;AACH;AAEA,SAAS,4BAA4B,GAAA;IACnC,OAAO,oBAAoB,EAAE;AAC/B;AAEA,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;AA+CA,SAAS,gBAAgB,CAIvB,IAA2B,EAC3B,UAAgC,EAAE,EAAA;AAElC,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAoC;IAC1E,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;AACxC,IAAA,UAAU,CAAC,OAAO,GAAG,OAAO;IAC5B,MAAM,KAAK,GAAG,oBAAoB,CAChC,CAAC,QAAQ,KACP,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,MAAM,SAAS,EACpE,MAAM,OAAO,EAAE,UAAU,CAAC,QAAQ,EAAE,IAAI,IAAI,EAC5C,MAAM,OAAO,EAAE,UAAU,CAAC,QAAQ,EAAE,IAAI,IAAI,CAC7C;IACD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAChD,OAAO,OAAO,CAAC,YAAY,IAAI,EAAE,CAAU,CAC5C;IAED,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,SAAS;AACvC,QAAA,OAAO,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC;AACnE,IAAA,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAEnB,IAAA,MAAM,KAAK,GAAG,IAAI,GAAG,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS;IACpD,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC;IAE9C,OAAO;AACL,QAAA,KAAK,EAAE,aAAa,IAAK,KAAK,EAAE,KAAK,IAAI,EAAE,IAAc,UAAU;AACnE,QAAA,MAAM,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,IAAI,EAAE,IAAI,EAAE;AAClD,QAAA,KAAK,EAAE,aAAa,IAAI,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,KAAK,IAAI,KAAK;AAC3D,QAAA,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,IAAI,CAAC,OAAO,IAAI,KAAK,IAAI,KAAK;AAC/D,QAAA,QAAQ,EAAE,CAAC,KAAK,KAAI;AAClB,YAAA,IAAI,OAAO,IAAI,IAAI,EAAE;gBACnB,KAAK,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC;YAC/C;iBAAO;gBACL,aAAa,CAAC,KAAK,CAAC;YACtB;QACF,CAAC;QACD,MAAM,EAAE,MAAK;YACX,IAAI,OAAO,IAAI,IAAI;gBAAE,KAAK,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;QACzD,CAAC;KACF;AACH;AAyBA,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,OAAO,EACP,SAAS,GAKV,EAAA;AACC,IAAA,OAAO,MAAM,CAAC,MAAM,GAAG,CAAC,IACtBA,cAAM,SAAS,EAAE,SAAS,IAAI,iBAAiB,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,YACvE,MAAM,CAAC,CAAC,CAAC,GACL,IACL,IAAI;AACV;AA63FM,SAAU,MAAM,CAAyC,EAC7D,IAAI,EACJ,KAAK,EACL,GAAG,GAAG,CAAC,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,oBAAoB,EAChC,cAAc,GAAG,iBAAiB,EAClC,cAAc,GAAG,kBAAkB,EACnC,aAAa,GAAG,iBAAiB,EACjC,cAAc,EACd,SAAS,GAAG,CAAC,KAAK,KAAK,CAAA,EAAG,KAAK,CAAA,KAAA,CAAO,EACtC,IAAI,GAAGA,GAAA,CAAC,SAAS,EAAA,EAAC,IAAI,EAAC,MAAM,EAAA,CAAG,EAChC,YAAY,EACZ,KAAK,EACL,UAAU,EACV,GAAG,OAAO,EACU,EAAA;AACpB,IAAA,MAAM,KAAK,GAAG,gBAAgB,CAAiB,IAAI,EAAE;QACnD,YAAY,EAAE,YAAY,IAAI,CAAC;QAC/B,KAAK;QACL,UAAU;AACX,KAAA,CAAC;IACF,MAAM,aAAa,GAAG,yBAAyB,CAC7C,4BAA4B,EAAE,EAC9B,QAAQ,EACR,QAAQ,CACT;AACD,IAAA,MAAM,OAAO,GAAG,CAAA,EAAG,IAAI,QAAQ;IAC/B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;AAEtC,IAAA,QACEC,IAAA,CAAA,UAAA,EAAA,EAAA,eAAA,EACiB,aAAa,CAAC,QAAQ,IAAI,SAAS,EAClD,SAAS,EAAE,SAAS,EAAA,eAAA,EACL,aAAa,CAAC,QAAQ,EAAA,eAAA,EACtB,aAAa,CAAC,QAAQ,EAAA,GACjC,OAAO,aAEV,KAAK,GAAGD,GAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAE,cAAc,YAAG,KAAK,EAAA,CAAU,GAAG,IAAI,EACnEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,cAAc,EACzB,IAAI,EAAC,YAAY,EAAA,YAAA,EACL,KAAK,IAAI,IAAI,EAAA,QAAA,EAExB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,KAAI;AACxC,oBAAA,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC;AAC3B,oBAAA,MAAM,MAAM,GAAG,SAAS,IAAI,KAAK;oBACjC,QACEA,gCACgB,KAAK,KAAK,SAAS,EAAA,YAAA,EACrB,SAAS,CAAC,SAAS,CAAC,EAChC,SAAS,EAAE,aAAa,EAAA,aAAA,EACX,MAAM,mBACJ,aAAa,CAAC,QAAQ,EACrC,QAAQ,EAAE,aAAa,CAAC,QAAQ,EAEhC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,MAAK;4BACZ,IAAI,aAAa,CAAC,QAAQ;gCAAE;AAC5B,4BAAA,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC;AAC3B,wBAAA,CAAC,EAAA,QAAA,EAEA,OAAO,IAAI,KAAK;8BACb,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,8BAAE,IAAI,EAAA,EAXH,SAAS,CAYP;gBAEb,CAAC,CAAC,GACE,EACNA,GAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EAAA,CACpB,CAAA,EAAA,CACO;AAEf;;;;"}

package/dist/components/rolling-number.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+const rollingDigits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
+function RollingNumber({ value, minDigits = 1, duration = 520, className = "cc-rolling-number", digitClassName = "cc-rolling-number__digit", trackClassName = "cc-rolling-number__track", numberClassName = "cc-rolling-number__number", style, ...props }) {
+    const controller = React.useMemo(() => new core.RollingNumberController(value, { minDigits }), [minDigits]);
+    const [columns, setColumns] = React.useState(() => controller.getStableColumns(value));
+    React.useEffect(() => {
+        setColumns(controller.update(value));
+        const timer = window.setTimeout(() => {
+            setColumns(controller.getStableColumns(value));
+        }, duration);
+        return () => window.clearTimeout(timer);
+    }, [controller, duration, value]);
+    return (jsxRuntime.jsx("span", { "aria-label": String(Math.max(0, Math.floor(value))), className: className, style: {
+            "--cc-rolling-duration": `${duration}ms`,
+            ...style,
+        }, ...props, children: columns.map((column) => (jsxRuntime.jsx("span", { className: digitClassName, "aria-hidden": "true", children: jsxRuntime.jsx("span", { className: trackClassName, style: { transform: `translateY(-${column.offset}em)` }, children: rollingDigits.map((digit, index) => (jsxRuntime.jsx("span", { className: numberClassName, children: digit }, `${digit}-${index}`))) }) }, column.key))) }));
+}
+
+exports.RollingNumber = RollingNumber;
+//# sourceMappingURL=rolling-number.cjs.map

package/dist/components/rolling-number.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolling-number.cjs","sources":["../../src/index.tsx"],"names":["useMemo","RollingNumberController","useEffect","_jsx"],"mappings":";;;;;;AAskKA,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAcjD,SAAU,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,GAAG,CAAC,EACb,QAAQ,GAAG,GAAG,EACd,SAAS,GAAG,mBAAmB,EAC/B,cAAc,GAAG,0BAA0B,EAC3C,cAAc,GAAG,0BAA0B,EAC3C,eAAe,GAAG,2BAA2B,EAC7C,KAAK,EACL,GAAG,KAAK,EACW,EAAA;IACnB,MAAM,UAAU,GAAGA,aAAO,CACxB,MAAM,IAAIC,4BAAuB,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EACvD,CAAC,SAAS,CAAC,CACZ;IACD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAuB,MACjE,UAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CACnC;IAEDC,eAAS,CAAC,MAAK;QACb,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACpC,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;YACnC,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAChD,CAAC,EAAE,QAAQ,CAAC;QAEZ,OAAO,MAAM,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC;IACzC,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IAEjC,QACEC,cAAA,CAAA,MAAA,EAAA,EAAA,YAAA,EACc,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAClD,SAAS,EAAE,SAAS,EACpB,KAAK,EACH;YACE,uBAAuB,EAAE,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAI;AACxC,YAAA,GAAG,KAAK;AACc,SAAA,EAAA,GAEtB,KAAK,EAAA,QAAA,EAER,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClBA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,cAAc,EAAA,aAAA,EAA+B,MAAM,EAAA,QAAA,EAClEA,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,EAAE,SAAS,EAAE,CAAA,YAAA,EAAe,MAAM,CAAC,MAAM,KAAK,EAAE,EAAA,QAAA,EAEtD,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAC9BA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,eAAe,YAC7B,KAAK,EAAA,EAD+B,CAAA,EAAG,KAAK,IAAI,KAAK,CAAA,CAAE,CAEnD,CACR,CAAC,EAAA,CACG,EAAA,EAV6B,MAAM,CAAC,GAAG,CAWzC,CACR,CAAC,EAAA,CACG;AAEX;;;;"}

package/dist/components/rolling-number.d.ts

@@ -0,0 +1,3 @@
+export { RollingNumber } from "../index";
+export type { RollingNumberProps } from "../index";
+//# sourceMappingURL=rolling-number.d.ts.map

package/dist/components/rolling-number.d.ts.map

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

package/dist/components/rolling-number.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import React, { useMemo, useEffect } from 'react';
+import { RollingNumberController } from '@class-kit/core';
+
+const rollingDigits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
+function RollingNumber({ value, minDigits = 1, duration = 520, className = "cc-rolling-number", digitClassName = "cc-rolling-number__digit", trackClassName = "cc-rolling-number__track", numberClassName = "cc-rolling-number__number", style, ...props }) {
+    const controller = useMemo(() => new RollingNumberController(value, { minDigits }), [minDigits]);
+    const [columns, setColumns] = React.useState(() => controller.getStableColumns(value));
+    useEffect(() => {
+        setColumns(controller.update(value));
+        const timer = window.setTimeout(() => {
+            setColumns(controller.getStableColumns(value));
+        }, duration);
+        return () => window.clearTimeout(timer);
+    }, [controller, duration, value]);
+    return (jsx("span", { "aria-label": String(Math.max(0, Math.floor(value))), className: className, style: {
+            "--cc-rolling-duration": `${duration}ms`,
+            ...style,
+        }, ...props, children: columns.map((column) => (jsx("span", { className: digitClassName, "aria-hidden": "true", children: jsx("span", { className: trackClassName, style: { transform: `translateY(-${column.offset}em)` }, children: rollingDigits.map((digit, index) => (jsx("span", { className: numberClassName, children: digit }, `${digit}-${index}`))) }) }, column.key))) }));
+}
+
+export { RollingNumber };
+//# sourceMappingURL=rolling-number.js.map

package/dist/components/rolling-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolling-number.js","sources":["../../src/index.tsx"],"names":["_jsx"],"mappings":";;;;AAskKA,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAcjD,SAAU,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,GAAG,CAAC,EACb,QAAQ,GAAG,GAAG,EACd,SAAS,GAAG,mBAAmB,EAC/B,cAAc,GAAG,0BAA0B,EAC3C,cAAc,GAAG,0BAA0B,EAC3C,eAAe,GAAG,2BAA2B,EAC7C,KAAK,EACL,GAAG,KAAK,EACW,EAAA;IACnB,MAAM,UAAU,GAAG,OAAO,CACxB,MAAM,IAAI,uBAAuB,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EACvD,CAAC,SAAS,CAAC,CACZ;IACD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAuB,MACjE,UAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CACnC;IAED,SAAS,CAAC,MAAK;QACb,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACpC,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;YACnC,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAChD,CAAC,EAAE,QAAQ,CAAC;QAEZ,OAAO,MAAM,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC;IACzC,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IAEjC,QACEA,GAAA,CAAA,MAAA,EAAA,EAAA,YAAA,EACc,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAClD,SAAS,EAAE,SAAS,EACpB,KAAK,EACH;YACE,uBAAuB,EAAE,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAI;AACxC,YAAA,GAAG,KAAK;AACc,SAAA,EAAA,GAEtB,KAAK,EAAA,QAAA,EAER,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClBA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,cAAc,EAAA,aAAA,EAA+B,MAAM,EAAA,QAAA,EAClEA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,EAAE,SAAS,EAAE,CAAA,YAAA,EAAe,MAAM,CAAC,MAAM,KAAK,EAAE,EAAA,QAAA,EAEtD,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAC9BA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,eAAe,YAC7B,KAAK,EAAA,EAD+B,CAAA,EAAG,KAAK,IAAI,KAAK,CAAA,CAAE,CAEnD,CACR,CAAC,EAAA,CACG,EAAA,EAV6B,MAAM,CAAC,GAAG,CAWzC,CACR,CAAC,EAAA,CACG;AAEX;;;;"}