@class-kit/react 0.1.0

package/dist/components/signature.cjs

@@ -0,0 +1,221 @@
+'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 drawSignatureStrokes(canvas, strokes, backgroundColor) {
+    const context = canvas.getContext("2d");
+    if (!context)
+        return;
+    const rect = canvas.getBoundingClientRect();
+    const ratio = window.devicePixelRatio || 1;
+    const width = Math.max(1, Math.round(rect.width * ratio));
+    const height = Math.max(1, Math.round(rect.height * ratio));
+    if (canvas.width !== width || canvas.height !== height) {
+        canvas.width = width;
+        canvas.height = height;
+    }
+    context.setTransform(ratio, 0, 0, ratio, 0, 0);
+    context.clearRect(0, 0, rect.width, rect.height);
+    if (backgroundColor) {
+        context.fillStyle = backgroundColor;
+        context.fillRect(0, 0, rect.width, rect.height);
+    }
+    context.lineCap = "round";
+    context.lineJoin = "round";
+    strokes.forEach((stroke) => {
+        context.strokeStyle = stroke.color;
+        context.lineWidth = stroke.lineWidth;
+        context.beginPath();
+        stroke.points.forEach((point, index) => {
+            const x = point.x * rect.width;
+            const y = point.y * rect.height;
+            if (index === 0) {
+                context.moveTo(x, y);
+            }
+            else {
+                const previous = stroke.points[index - 1];
+                if (!previous)
+                    return;
+                const previousX = previous.x * rect.width;
+                const previousY = previous.y * rect.height;
+                context.quadraticCurveTo(previousX, previousY, (previousX + x) / 2, (previousY + y) / 2);
+            }
+        });
+        if (stroke.points.length === 1) {
+            const point = stroke.points[0];
+            if (!point)
+                return;
+            context.arc(point.x * rect.width, point.y * rect.height, stroke.lineWidth / 2, 0, Math.PI * 2);
+            context.fillStyle = stroke.color;
+            context.fill();
+        }
+        else {
+            context.stroke();
+        }
+    });
+}
+function signaturePointFromEvent(canvas, event) {
+    const rect = canvas.getBoundingClientRect();
+    return {
+        height: rect.height,
+        pressure: event.pressure > 0 ? event.pressure : 0.5,
+        width: rect.width,
+        x: event.clientX - rect.left,
+        y: event.clientY - rect.top,
+    };
+}
+const Signature = /*#__PURE__*/ React.forwardRef(function Signature({ backgroundColor, canvasClassName = "cc-signature__canvas", className = "cc-signature", clearText = core.getClassComponentsLocale().signatureClearText, disabled = false, errorClassName, exportType = "image/png", fieldClassName = "cc-field cc-signature-field", height = 220, initialValue, label, labelClassName = "cc-field__label", lineWidth = 3, name, penColor = "#111827", readOnly = false, rules, showToolbar = true, style, toolbarClassName = "cc-signature__toolbar", undoText = core.getClassComponentsLocale().signatureUndoText, validateOn, width = "100%", onChange, onClear, onEnd, onUndo, ...props }, ref) {
+    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 canvasRef = React.useRef(null);
+    const controllerRef = React.useRef(new core.SignatureController({ disabled, lineWidth, penColor, readOnly }));
+    const formField = name && formState?.fields[name] ? formState.fields[name] : undefined;
+    const interactivity = formContext
+        ? resolveFieldInteractivity({ disabled: formContext.disabled, readOnly: formContext.readOnly }, disabled, readOnly)
+        : { disabled, readOnly: !disabled && Boolean(readOnly) };
+    const initialStrokes = React.useMemo(() => (Array.isArray(initialValue) ? initialValue : initialValue?.strokes), [initialValue]);
+    const errorId = name ? `${name}-error` : undefined;
+    const errors = formField?.errors ?? [];
+    const [state, setState] = React.useState(() => controllerRef.current.getState());
+    const redraw = React.useCallback((nextState = controllerRef.current.getState()) => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        drawSignatureStrokes(canvas, nextState.strokes, backgroundColor);
+    }, [backgroundColor]);
+    const commit = React.useCallback((nextState, notify = true) => {
+        setState(nextState);
+        requestAnimationFrame(() => redraw(nextState));
+        if (notify) {
+            if (formContext && name)
+                void formContext.controller.setValue(name, nextState);
+            onChange?.(nextState);
+        }
+    }, [formContext, name, onChange, redraw]);
+    React.useEffect(() => {
+        if (!formContext || !name)
+            return undefined;
+        return formContext.controller.registerField(name, {
+            initialValue: initialValue ?? controllerRef.current.getState(),
+            rules,
+            validateOn,
+        });
+    }, [formContext, initialValue, name, rules, validateOn]);
+    React.useEffect(() => {
+        if (!initialStrokes?.length)
+            return;
+        const next = controllerRef.current.replaceStrokes(initialStrokes);
+        setState(next);
+        requestAnimationFrame(() => redraw(next));
+    }, [initialStrokes, redraw]);
+    React.useEffect(() => {
+        if (!formField?.value ||
+            typeof formField.value !== "object" ||
+            !("strokes" in formField.value))
+            return;
+        const nextValue = formField.value;
+        if (nextValue.strokeCount === state.strokeCount &&
+            nextValue.isDrawing === state.isDrawing)
+            return;
+        const next = controllerRef.current.replaceStrokes(nextValue.strokes);
+        setState(next);
+        requestAnimationFrame(() => redraw(next));
+    }, [formField?.value, redraw, state.isDrawing, state.strokeCount]);
+    React.useEffect(() => {
+        commit(controllerRef.current.updateOptions({
+            disabled: interactivity.disabled,
+            lineWidth,
+            penColor,
+            readOnly: interactivity.readOnly,
+        }), false);
+    }, [
+        commit,
+        interactivity.disabled,
+        interactivity.readOnly,
+        lineWidth,
+        penColor,
+    ]);
+    React.useEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return undefined;
+        const resizeObserver = typeof ResizeObserver !== "undefined"
+            ? new ResizeObserver(() => redraw())
+            : undefined;
+        resizeObserver?.observe(canvas);
+        redraw();
+        return () => resizeObserver?.disconnect();
+    }, [redraw]);
+    React.useImperativeHandle(ref, () => ({
+        clear: () => {
+            const next = controllerRef.current.clear();
+            commit(next);
+            onClear?.();
+        },
+        isEmpty: () => controllerRef.current.getState().isEmpty,
+        toDataURL: (type = exportType, quality) => canvasRef.current?.toDataURL(type, quality) ?? "",
+        undo: () => {
+            const next = controllerRef.current.undo();
+            commit(next);
+            onUndo?.(next);
+        },
+    }), [commit, exportType, onClear, onUndo]);
+    const handleClear = () => {
+        const next = controllerRef.current.clear();
+        commit(next);
+        onClear?.();
+    };
+    const handleUndo = () => {
+        const next = controllerRef.current.undo();
+        commit(next);
+        onUndo?.(next);
+    };
+    const handlePointerDown = (event) => {
+        if (state.disabled || state.readOnly)
+            return;
+        event.preventDefault();
+        event.currentTarget.setPointerCapture(event.pointerId);
+        const point = signaturePointFromEvent(event.currentTarget, event);
+        commit(controllerRef.current.beginStroke(point.x, point.y, point, point.pressure));
+    };
+    const handlePointerMove = (event) => {
+        if (!state.isDrawing || state.disabled || state.readOnly)
+            return;
+        event.preventDefault();
+        const point = signaturePointFromEvent(event.currentTarget, event);
+        commit(controllerRef.current.addPoint(point.x, point.y, point, point.pressure));
+    };
+    const handlePointerEnd = () => {
+        if (!state.isDrawing)
+            return;
+        const next = controllerRef.current.endStroke();
+        commit(next);
+        onEnd?.(next);
+    };
+    const signature = (jsxRuntime.jsxs("div", { className: className, "data-disabled": state.disabled, "data-empty": state.isEmpty, "data-readonly": state.readOnly, style: {
+            "--cc-signature-height": typeof height === "number" ? `${height}px` : height,
+            "--cc-signature-width": typeof width === "number" ? `${width}px` : width,
+            ...style,
+        }, ...props, children: [jsxRuntime.jsx("canvas", { ref: canvasRef, "aria-disabled": state.disabled || state.readOnly, className: canvasClassName, onPointerCancel: handlePointerEnd, onPointerDown: handlePointerDown, onPointerLeave: handlePointerEnd, onPointerMove: handlePointerMove, onPointerUp: handlePointerEnd }), showToolbar ? (jsxRuntime.jsxs("div", { className: toolbarClassName, children: [jsxRuntime.jsx("button", { type: "button", className: "cc-signature__action", disabled: state.disabled || state.readOnly || state.isEmpty, onClick: handleUndo, children: undoText }), jsxRuntime.jsx("button", { type: "button", className: "cc-signature__action", disabled: state.disabled || state.readOnly || state.isEmpty, onClick: handleClear, children: clearText })] })) : null] }));
+    if (!name && !label)
+        return signature;
+    return (jsxRuntime.jsxs("div", { className: fieldClassName, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, children: [label ? jsxRuntime.jsx("span", { className: labelClassName, children: label }) : null, signature, errorId ? (jsxRuntime.jsx(FieldError, { className: errorClassName, errorId: errorId, errors: errors })) : null] }));
+});
+
+exports.Signature = Signature;
+//# sourceMappingURL=signature.cjs.map

package/dist/components/signature.cjs.map

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

package/dist/components/signature.d.ts

@@ -0,0 +1,3 @@
+export { Signature } from "../index";
+export type { SignatureProps, SignatureHandle } from "../index";
+//# sourceMappingURL=signature.d.ts.map

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

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

package/dist/components/signature.js

@@ -0,0 +1,219 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useSyncExternalStore, createContext } from 'react';
+import { SignatureController, getClassComponentsLocale } 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 drawSignatureStrokes(canvas, strokes, backgroundColor) {
+    const context = canvas.getContext("2d");
+    if (!context)
+        return;
+    const rect = canvas.getBoundingClientRect();
+    const ratio = window.devicePixelRatio || 1;
+    const width = Math.max(1, Math.round(rect.width * ratio));
+    const height = Math.max(1, Math.round(rect.height * ratio));
+    if (canvas.width !== width || canvas.height !== height) {
+        canvas.width = width;
+        canvas.height = height;
+    }
+    context.setTransform(ratio, 0, 0, ratio, 0, 0);
+    context.clearRect(0, 0, rect.width, rect.height);
+    if (backgroundColor) {
+        context.fillStyle = backgroundColor;
+        context.fillRect(0, 0, rect.width, rect.height);
+    }
+    context.lineCap = "round";
+    context.lineJoin = "round";
+    strokes.forEach((stroke) => {
+        context.strokeStyle = stroke.color;
+        context.lineWidth = stroke.lineWidth;
+        context.beginPath();
+        stroke.points.forEach((point, index) => {
+            const x = point.x * rect.width;
+            const y = point.y * rect.height;
+            if (index === 0) {
+                context.moveTo(x, y);
+            }
+            else {
+                const previous = stroke.points[index - 1];
+                if (!previous)
+                    return;
+                const previousX = previous.x * rect.width;
+                const previousY = previous.y * rect.height;
+                context.quadraticCurveTo(previousX, previousY, (previousX + x) / 2, (previousY + y) / 2);
+            }
+        });
+        if (stroke.points.length === 1) {
+            const point = stroke.points[0];
+            if (!point)
+                return;
+            context.arc(point.x * rect.width, point.y * rect.height, stroke.lineWidth / 2, 0, Math.PI * 2);
+            context.fillStyle = stroke.color;
+            context.fill();
+        }
+        else {
+            context.stroke();
+        }
+    });
+}
+function signaturePointFromEvent(canvas, event) {
+    const rect = canvas.getBoundingClientRect();
+    return {
+        height: rect.height,
+        pressure: event.pressure > 0 ? event.pressure : 0.5,
+        width: rect.width,
+        x: event.clientX - rect.left,
+        y: event.clientY - rect.top,
+    };
+}
+const Signature = /*#__PURE__*/ React.forwardRef(function Signature({ backgroundColor, canvasClassName = "cc-signature__canvas", className = "cc-signature", clearText = getClassComponentsLocale().signatureClearText, disabled = false, errorClassName, exportType = "image/png", fieldClassName = "cc-field cc-signature-field", height = 220, initialValue, label, labelClassName = "cc-field__label", lineWidth = 3, name, penColor = "#111827", readOnly = false, rules, showToolbar = true, style, toolbarClassName = "cc-signature__toolbar", undoText = getClassComponentsLocale().signatureUndoText, validateOn, width = "100%", onChange, onClear, onEnd, onUndo, ...props }, ref) {
+    const formContext = React.useContext(FormContext);
+    const formState = useSyncExternalStore((listener) => formContext
+        ? formContext.controller.subscribe(listener)
+        : () => undefined, () => formContext?.controller.getState() ?? null, () => formContext?.controller.getState() ?? null);
+    const canvasRef = React.useRef(null);
+    const controllerRef = React.useRef(new SignatureController({ disabled, lineWidth, penColor, readOnly }));
+    const formField = name && formState?.fields[name] ? formState.fields[name] : undefined;
+    const interactivity = formContext
+        ? resolveFieldInteractivity({ disabled: formContext.disabled, readOnly: formContext.readOnly }, disabled, readOnly)
+        : { disabled, readOnly: !disabled && Boolean(readOnly) };
+    const initialStrokes = React.useMemo(() => (Array.isArray(initialValue) ? initialValue : initialValue?.strokes), [initialValue]);
+    const errorId = name ? `${name}-error` : undefined;
+    const errors = formField?.errors ?? [];
+    const [state, setState] = React.useState(() => controllerRef.current.getState());
+    const redraw = React.useCallback((nextState = controllerRef.current.getState()) => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        drawSignatureStrokes(canvas, nextState.strokes, backgroundColor);
+    }, [backgroundColor]);
+    const commit = React.useCallback((nextState, notify = true) => {
+        setState(nextState);
+        requestAnimationFrame(() => redraw(nextState));
+        if (notify) {
+            if (formContext && name)
+                void formContext.controller.setValue(name, nextState);
+            onChange?.(nextState);
+        }
+    }, [formContext, name, onChange, redraw]);
+    React.useEffect(() => {
+        if (!formContext || !name)
+            return undefined;
+        return formContext.controller.registerField(name, {
+            initialValue: initialValue ?? controllerRef.current.getState(),
+            rules,
+            validateOn,
+        });
+    }, [formContext, initialValue, name, rules, validateOn]);
+    React.useEffect(() => {
+        if (!initialStrokes?.length)
+            return;
+        const next = controllerRef.current.replaceStrokes(initialStrokes);
+        setState(next);
+        requestAnimationFrame(() => redraw(next));
+    }, [initialStrokes, redraw]);
+    React.useEffect(() => {
+        if (!formField?.value ||
+            typeof formField.value !== "object" ||
+            !("strokes" in formField.value))
+            return;
+        const nextValue = formField.value;
+        if (nextValue.strokeCount === state.strokeCount &&
+            nextValue.isDrawing === state.isDrawing)
+            return;
+        const next = controllerRef.current.replaceStrokes(nextValue.strokes);
+        setState(next);
+        requestAnimationFrame(() => redraw(next));
+    }, [formField?.value, redraw, state.isDrawing, state.strokeCount]);
+    React.useEffect(() => {
+        commit(controllerRef.current.updateOptions({
+            disabled: interactivity.disabled,
+            lineWidth,
+            penColor,
+            readOnly: interactivity.readOnly,
+        }), false);
+    }, [
+        commit,
+        interactivity.disabled,
+        interactivity.readOnly,
+        lineWidth,
+        penColor,
+    ]);
+    React.useEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return undefined;
+        const resizeObserver = typeof ResizeObserver !== "undefined"
+            ? new ResizeObserver(() => redraw())
+            : undefined;
+        resizeObserver?.observe(canvas);
+        redraw();
+        return () => resizeObserver?.disconnect();
+    }, [redraw]);
+    React.useImperativeHandle(ref, () => ({
+        clear: () => {
+            const next = controllerRef.current.clear();
+            commit(next);
+            onClear?.();
+        },
+        isEmpty: () => controllerRef.current.getState().isEmpty,
+        toDataURL: (type = exportType, quality) => canvasRef.current?.toDataURL(type, quality) ?? "",
+        undo: () => {
+            const next = controllerRef.current.undo();
+            commit(next);
+            onUndo?.(next);
+        },
+    }), [commit, exportType, onClear, onUndo]);
+    const handleClear = () => {
+        const next = controllerRef.current.clear();
+        commit(next);
+        onClear?.();
+    };
+    const handleUndo = () => {
+        const next = controllerRef.current.undo();
+        commit(next);
+        onUndo?.(next);
+    };
+    const handlePointerDown = (event) => {
+        if (state.disabled || state.readOnly)
+            return;
+        event.preventDefault();
+        event.currentTarget.setPointerCapture(event.pointerId);
+        const point = signaturePointFromEvent(event.currentTarget, event);
+        commit(controllerRef.current.beginStroke(point.x, point.y, point, point.pressure));
+    };
+    const handlePointerMove = (event) => {
+        if (!state.isDrawing || state.disabled || state.readOnly)
+            return;
+        event.preventDefault();
+        const point = signaturePointFromEvent(event.currentTarget, event);
+        commit(controllerRef.current.addPoint(point.x, point.y, point, point.pressure));
+    };
+    const handlePointerEnd = () => {
+        if (!state.isDrawing)
+            return;
+        const next = controllerRef.current.endStroke();
+        commit(next);
+        onEnd?.(next);
+    };
+    const signature = (jsxs("div", { className: className, "data-disabled": state.disabled, "data-empty": state.isEmpty, "data-readonly": state.readOnly, style: {
+            "--cc-signature-height": typeof height === "number" ? `${height}px` : height,
+            "--cc-signature-width": typeof width === "number" ? `${width}px` : width,
+            ...style,
+        }, ...props, children: [jsx("canvas", { ref: canvasRef, "aria-disabled": state.disabled || state.readOnly, className: canvasClassName, onPointerCancel: handlePointerEnd, onPointerDown: handlePointerDown, onPointerLeave: handlePointerEnd, onPointerMove: handlePointerMove, onPointerUp: handlePointerEnd }), showToolbar ? (jsxs("div", { className: toolbarClassName, children: [jsx("button", { type: "button", className: "cc-signature__action", disabled: state.disabled || state.readOnly || state.isEmpty, onClick: handleUndo, children: undoText }), jsx("button", { type: "button", className: "cc-signature__action", disabled: state.disabled || state.readOnly || state.isEmpty, onClick: handleClear, children: clearText })] })) : null] }));
+    if (!name && !label)
+        return signature;
+    return (jsxs("div", { className: fieldClassName, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, children: [label ? jsx("span", { className: labelClassName, children: label }) : null, signature, errorId ? (jsx(FieldError, { className: errorClassName, errorId: errorId, errors: errors })) : null] }));
+});
+
+export { Signature };
+//# sourceMappingURL=signature.js.map

package/dist/components/signature.js.map

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

package/dist/components/skeleton.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+function Skeleton({ animated = true, children, className = "cc-skeleton", count = 3, loading = true, ...props }) {
+    const state = React.useMemo(() => new core.SkeletonController({ animated, count }).getState(), [animated, count]);
+    if (children != null) {
+        return (jsxRuntime.jsxs("div", { "aria-busy": loading || undefined, className: className, "data-animated": state.animated, "data-loading": loading, "data-overlay": "true", ...props, children: [jsxRuntime.jsx("div", { className: "cc-skeleton__content", children: children }), loading ? (jsxRuntime.jsx("div", { "aria-hidden": "true", className: "cc-skeleton__mask" })) : null] }));
+    }
+    return (jsxRuntime.jsx("div", { className: className, "data-animated": state.animated, "data-loading": loading, "data-overlay": "false", ...props, children: loading
+            ? state.rows.map((row) => (jsxRuntime.jsx("span", { style: { width: `${Math.max(38, 100 - row * 14)}%` } }, row)))
+            : null }));
+}
+
+exports.Skeleton = Skeleton;
+//# sourceMappingURL=skeleton.cjs.map

package/dist/components/skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.cjs","sources":["../../src/index.tsx"],"names":["useMemo","SkeletonController","_jsxs","_jsx"],"mappings":";;;;;;AAk8HM,SAAU,QAAQ,CAAC,EACvB,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,SAAS,GAAG,aAAa,EACzB,KAAK,GAAG,CAAC,EACT,OAAO,GAAG,IAAI,EACd,GAAG,KAAK,EACM,EAAA;IACd,MAAM,KAAK,GAAGA,aAAO,CACnB,MAAM,IAAIC,uBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,EAC5D,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB;AACD,IAAA,IAAI,QAAQ,IAAI,IAAI,EAAE;QACpB,QACEC,sCACa,OAAO,IAAI,SAAS,EAC/B,SAAS,EAAE,SAAS,EAAA,eAAA,EACL,KAAK,CAAC,QAAQ,kBACf,OAAO,EAAA,cAAA,EACR,MAAM,EAAA,GACf,KAAK,EAAA,QAAA,EAAA,CAETC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sBAAsB,EAAA,QAAA,EAAE,QAAQ,GAAO,EACrD,OAAO,IACNA,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,MAAM,EAAC,SAAS,EAAC,mBAAmB,GAAG,IACtD,IAAI,CAAA,EAAA,CACJ;IAEV;AACA,IAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,mBACL,KAAK,CAAC,QAAQ,EAAA,cAAA,EACf,OAAO,EAAA,cAAA,EACR,OAAO,EAAA,GAChB,KAAK,YAER;AACC,cAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MACjBA,yBAEE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC,CAAA,CAAA,CAAG,EAAE,IAD/C,GAAG,CAER,CACH;AACH,cAAE,IAAI,EAAA,CACJ;AAEV;;;;"}

package/dist/components/skeleton.d.ts

@@ -0,0 +1,3 @@
+export { Skeleton } from "../index";
+export type { SkeletonProps } from "../index";
+//# sourceMappingURL=skeleton.d.ts.map

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

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

package/dist/components/skeleton.js

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { SkeletonController } from '@class-kit/core';
+
+function Skeleton({ animated = true, children, className = "cc-skeleton", count = 3, loading = true, ...props }) {
+    const state = useMemo(() => new SkeletonController({ animated, count }).getState(), [animated, count]);
+    if (children != null) {
+        return (jsxs("div", { "aria-busy": loading || undefined, className: className, "data-animated": state.animated, "data-loading": loading, "data-overlay": "true", ...props, children: [jsx("div", { className: "cc-skeleton__content", children: children }), loading ? (jsx("div", { "aria-hidden": "true", className: "cc-skeleton__mask" })) : null] }));
+    }
+    return (jsx("div", { className: className, "data-animated": state.animated, "data-loading": loading, "data-overlay": "false", ...props, children: loading
+            ? state.rows.map((row) => (jsx("span", { style: { width: `${Math.max(38, 100 - row * 14)}%` } }, row)))
+            : null }));
+}
+
+export { Skeleton };
+//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sources":["../../src/index.tsx"],"names":["_jsxs","_jsx"],"mappings":";;;;AAk8HM,SAAU,QAAQ,CAAC,EACvB,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,SAAS,GAAG,aAAa,EACzB,KAAK,GAAG,CAAC,EACT,OAAO,GAAG,IAAI,EACd,GAAG,KAAK,EACM,EAAA;IACd,MAAM,KAAK,GAAG,OAAO,CACnB,MAAM,IAAI,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,EAC5D,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB;AACD,IAAA,IAAI,QAAQ,IAAI,IAAI,EAAE;QACpB,QACEA,2BACa,OAAO,IAAI,SAAS,EAC/B,SAAS,EAAE,SAAS,EAAA,eAAA,EACL,KAAK,CAAC,QAAQ,kBACf,OAAO,EAAA,cAAA,EACR,MAAM,EAAA,GACf,KAAK,EAAA,QAAA,EAAA,CAETC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sBAAsB,EAAA,QAAA,EAAE,QAAQ,GAAO,EACrD,OAAO,IACNA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,MAAM,EAAC,SAAS,EAAC,mBAAmB,GAAG,IACtD,IAAI,CAAA,EAAA,CACJ;IAEV;AACA,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,mBACL,KAAK,CAAC,QAAQ,EAAA,cAAA,EACf,OAAO,EAAA,cAAA,EACR,OAAO,EAAA,GAChB,KAAK,YAER;AACC,cAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MACjBA,cAEE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC,CAAA,CAAA,CAAG,EAAE,IAD/C,GAAG,CAER,CACH;AACH,cAAE,IAAI,EAAA,CACJ;AAEV;;;;"}