@codeleap/web 7.0.0 → 7.0.2

package/dist/components/Checkbox/index.js.map

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

package/dist/components/Checkbox/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/Checkbox/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":""}

package/dist/components/Checkbox/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/Checkbox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Checkbox/types.ts"],"names":[],"mappings":""}

package/dist/components/Collapse/index.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Collapse = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+const WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+const react_1 = require("motion/react");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+/**
+ * Animates a content region between zero height (collapsed) and its natural height (expanded) using Framer Motion.
+ * Fully controlled — pass `open` from the caller; the component owns no toggle state of its own.
+ */
+const Collapse = (props) => {
+    const { open, children, style, ...rest } = {
+        ...exports.Collapse.defaultProps,
+        ...props,
+    };
+    const styles = (0, useStylesFor_1.useStylesFor)(exports.Collapse.styleRegistryName, style);
+    return ((0, jsx_runtime_1.jsx)(react_1.motion.div, { initial: false, animate: { height: open ? 'auto' : 0, opacity: open ? 1 : 0 }, transition: { duration: 0.2 }, ...rest, style: open ? styles?.['wrapper:open'] : styles?.['wrapper:closed'], css: [styles.wrapper, open ? styles?.['wrapper:open'] : styles?.['wrapper:closed']], children: children }));
+};
+exports.Collapse = Collapse;
+exports.Collapse.styleRegistryName = 'Collapse';
+exports.Collapse.elements = ['wrapper'];
+exports.Collapse.rootElement = 'wrapper';
+exports.Collapse.withVariantTypes = (styles) => {
+    return exports.Collapse;
+};
+exports.Collapse.defaultProps = {};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Collapse);
+//# sourceMappingURL=index.js.map

package/dist/components/Collapse/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Collapse/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,+DAA2D;AAE3D,iEAA6D;AAC7D,wCAAqC;AAErC,2CAAwB;AACxB,0CAAuB;AAEvB;;;GAGG;AACI,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EACJ,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,GAAG;QACF,GAAG,gBAAQ,CAAC,YAAY;QACxB,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,gBAAQ,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE9D,OAAO,CACL,uBAAC,cAAM,CAAC,GAAG,IACT,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAC7D,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,KACzB,IAAI,EACR,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,CAAC,EACnE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,CAAC,CAAC,YAElF,QAAQ,GACE,CACd,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,QAAQ,YAyBpB;AAED,gBAAQ,CAAC,iBAAiB,GAAG,UAAU,CAAA;AACvC,gBAAQ,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAA;AAC/B,gBAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,gBAAQ,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC7D,OAAO,gBAA+E,CAAA;AACxF,CAAC,CAAA;AAED,gBAAQ,CAAC,YAAY,GAAG,EAA4B,CAAA;AAEpD,mCAAgB,CAAC,iBAAiB,CAAC,gBAAQ,CAAC,CAAA"}

package/dist/components/Collapse/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/Collapse/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Collapse/styles.ts"],"names":[],"mappings":""}

package/dist/components/Collapse/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/Collapse/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Collapse/types.ts"],"names":[],"mappings":""}

package/dist/components/ColorPicker/index.js

@@ -0,0 +1,83 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorPicker = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const Button_1 = require("../Button");
+const Collapse_1 = require("../Collapse");
+const View_1 = require("../View");
+const react_colorful_1 = require("react-colorful");
+const types_1 = require("@codeleap/types");
+const hooks_1 = require("@codeleap/hooks");
+const useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+const WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+const DefaultFooter = (props) => {
+    const { styles, clearIcon, handleClear, confirmIcon, handleConfirmation } = props;
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, { style: styles.footerWrapper, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { debugName: 'ColorPicker footer trash', name: clearIcon, onPress: handleClear, style: styles.clearIcon }), (0, jsx_runtime_1.jsx)(Button_1.Button, { debugName: 'ColorPicker footer check', name: confirmIcon, onPress: handleConfirmation, style: styles.confirmIcon })] }));
+};
+/**
+ * Color selection control that wraps any `react-colorful` picker in either an inline (`isPlain`) or collapsible-dropdown layout with optional confirm/clear footer actions.
+ * Internal color state is initialised from `initialColor`; `onConfirm` fires only when the user explicitly confirms (not on every picker drag).
+ * Uses: `Button`, `Collapse`, `View`
+ */
+const ColorPicker = (props) => {
+    const { isPlain, initialColor, showFooter, icon, style, clearIcon, confirmIcon, onConfirm, onClear, closeOnConfirm, pickerComponent: PickerComponent, openPickerComponent: OpenPickerComponent, footerComponent: FooterComponent, openPickerProps, } = {
+        ...exports.ColorPicker.defaultProps,
+        ...props,
+    };
+    const styles = (0, useStylesFor_1.useStylesFor)(exports.ColorPicker.styleRegistryName, style);
+    const [visible, toggle] = (0, hooks_1.useConditionalState)(props?.visible, props?.toggle, { initialValue: false });
+    const [color, setColor] = (0, hooks_1.useState)(initialColor);
+    const handleConfirmation = (0, react_1.useCallback)((color) => {
+        onConfirm?.(color);
+        if (closeOnConfirm)
+            toggle(false);
+    }, []);
+    const handleClear = (0, react_1.useCallback)((initialColor) => {
+        setColor(initialColor);
+        if (types_1.TypeGuards.isFunction(onClear))
+            onClear?.();
+    }, []);
+    // Dragging to change the color in any other way does not seem to work for some reason.
+    const picker = (0, jsx_runtime_1.jsx)(View_1.View, { style: styles.picker, children: (0, jsx_runtime_1.jsx)(PickerComponent, { color: color, onChange: setColor }) });
+    const openColorPickerBtn = !!OpenPickerComponent ? ((0, jsx_runtime_1.jsx)(OpenPickerComponent, { color: color, visible: visible, toggle: () => toggle(!visible) })) : ((0, jsx_runtime_1.jsx)(Button_1.Button, { onPress: () => toggle(!visible), icon: icon, ...openPickerProps }));
+    return ((0, jsx_runtime_1.jsx)(View_1.View, { style: styles.wrapper, children: isPlain ? picker : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [openColorPickerBtn, (0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { open: visible, style: [
+                        styles.dropdown,
+                        visible && styles['dropdown:open'],
+                    ], children: (0, jsx_runtime_1.jsxs)(View_1.View, { style: styles.dropdownInnerWrapper, children: [picker, showFooter ? ((0, jsx_runtime_1.jsx)(FooterComponent, { color: color, handleConfirmation: () => handleConfirmation(color), handleClear: () => handleClear(initialColor), styles: styles, clearIcon: clearIcon, confirmIcon: confirmIcon })) : null] }) })] })) }));
+};
+exports.ColorPicker = ColorPicker;
+exports.ColorPicker.styleRegistryName = 'ColorPicker';
+exports.ColorPicker.elements = ['wrapper', 'picker', 'dropdown', 'dropdownInnerWrapper', 'footerWrapper', 'clearIcon', 'confirmIcon'];
+exports.ColorPicker.rootElement = 'wrapper';
+exports.ColorPicker.withVariantTypes = (styles) => {
+    return exports.ColorPicker;
+};
+exports.ColorPicker.defaultProps = {
+    pickerComponent: (props) => (0, jsx_runtime_1.jsx)(react_colorful_1.HexColorPicker, { ...props }),
+    footerComponent: DefaultFooter,
+    icon: 'edit',
+    clearIcon: 'trash',
+    confirmIcon: 'check',
+    showFooter: true,
+    isPlain: false,
+    closeOnConfirm: true,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.ColorPicker);
+//# sourceMappingURL=index.js.map

package/dist/components/ColorPicker/index.js.map

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

package/dist/components/ColorPicker/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/ColorPicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/styles.ts"],"names":[],"mappings":""}

package/dist/components/ColorPicker/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/ColorPicker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/types.ts"],"names":[],"mappings":""}

package/dist/components/CropPicker/hooks.d.ts

@@ -42,8 +42,8 @@ export declare function useCropPicker({ aspect, minWidth: minW, minHeight: minH,
     handleCropChange: (newCrop: Crop) => void;
     handleConfirmCrop: () => Promise<void>;
     handleCancelCrop: () => void;
-    setRelativeCrop: import("react").Dispatch<import("react").SetStateAction<Crop | undefined>>;
-    crop: Crop | undefined;
+    setRelativeCrop: import("react").Dispatch<any>;
+    crop: any;
     image: HTMLImageElement;
 };
 //# sourceMappingURL=hooks.d.ts.map

package/dist/components/CropPicker/hooks.js

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCropPicker = useCropPicker;
+const react_1 = require("react");
+const react_2 = require("react");
+const utils_1 = require("./utils");
+/**
+ * Manages crop state for a `CropPicker`, including image loading, crop selection with minimum-size enforcement, confirm/cancel handlers, and display-size calculation.
+ * Pass the return value to `CropPicker` via the `handle` prop.
+ */
+function useCropPicker({ aspect, minWidth: minW, minHeight: minH, file, onCrop, }) {
+    const [image, setImage] = (0, react_2.useState)(null);
+    const [crop, setCrop] = (0, react_2.useState)();
+    const [relativeCrop, setRelativeCrop] = (0, react_2.useState)();
+    const [imageDimensions, setImageDimensions] = (0, react_2.useState)(null);
+    const cleanup = () => {
+        setRelativeCrop(null);
+        setCrop(undefined);
+        setImageDimensions(null);
+        setTimeout(() => setImage(null), 500);
+    };
+    const handleConfirmCrop = async () => {
+        const [preview, croppedBlob] = await (0, utils_1.cropImage)(image, relativeCrop);
+        const newImage = {
+            file: new File([croppedBlob], 'cropped.jpg', {
+                type: 'image/jpeg',
+                lastModified: Date.now(),
+            }),
+            preview,
+        };
+        onCrop(newImage);
+        setTimeout(() => cleanup());
+    };
+    const handleCancelCrop = () => {
+        onCrop(null);
+        setTimeout(() => cleanup());
+    };
+    const loadFile = (0, react_2.useCallback)(async (toReadFile) => {
+        const imageData = await (0, utils_1.readImage)(toReadFile);
+        const { naturalWidth, naturalHeight } = imageData;
+        const dimensions = (0, utils_1.calculateProportionalDimensions)(naturalWidth, naturalHeight);
+        setImageDimensions(dimensions);
+        const targetAspect = aspect || dimensions.aspectRatio;
+        const imageAspect = dimensions.aspectRatio;
+        let initialCrop;
+        if (aspect) {
+            const v = imageAspect >= targetAspect
+                ? {
+                    width: ((naturalHeight * targetAspect) / naturalWidth) * 100,
+                    height: 100,
+                }
+                : {
+                    width: 100,
+                    height: (naturalWidth / targetAspect / naturalHeight) * 100,
+                };
+            initialCrop = {
+                ...v,
+                x: (100 - v.width) / 2,
+                y: (100 - v.height) / 2,
+                unit: '%',
+            };
+        }
+        else {
+            initialCrop = {
+                width: 100,
+                height: 100,
+                x: 0,
+                y: 0,
+                unit: '%',
+            };
+        }
+        setCrop(initialCrop);
+        setRelativeCrop(initialCrop);
+        setImage(imageData);
+    }, []);
+    const getMinDimensions = (0, react_2.useCallback)(() => {
+        if (!imageDimensions)
+            return { minWidth: minW ?? 100, minHeight: minH ?? 100 };
+        const targetAspect = aspect || imageDimensions.aspectRatio;
+        const calculatedMinWidth = (minW ?? 100) * targetAspect;
+        const calculatedMinHeight = minH ?? 100;
+        return {
+            minWidth: Math.max(calculatedMinWidth, 50),
+            minHeight: Math.max(calculatedMinHeight, 50),
+        };
+    }, [aspect, imageDimensions, minW, minH]);
+    const handleCropChange = (0, react_2.useCallback)((newCrop) => {
+        if (!imageDimensions) {
+            setCrop(newCrop);
+            return;
+        }
+        const { minWidth, minHeight } = getMinDimensions();
+        setCrop({
+            ...newCrop,
+            width: newCrop.width < minWidth ? minWidth : newCrop.width,
+            height: newCrop.height < minHeight ? minHeight : newCrop.height,
+        });
+    }, [imageDimensions, getMinDimensions]);
+    const containerStyles = (0, react_1.useMemo)(() => {
+        if (!imageDimensions)
+            return {};
+        return {
+            width: imageDimensions.displayWidth,
+            height: imageDimensions.displayHeight,
+            maxWidth: '90vw',
+            maxHeight: '70vh',
+            margin: '0 auto',
+        };
+    }, [imageDimensions]);
+    const imageStyles = (0, react_1.useMemo)(() => {
+        if (!imageDimensions)
+            return {};
+        return {
+            width: imageDimensions.displayWidth,
+            height: imageDimensions.displayHeight,
+            objectFit: 'contain',
+        };
+    }, [imageDimensions]);
+    (0, react_2.useEffect)(() => {
+        loadFile(file);
+    }, []);
+    return {
+        containerStyles,
+        imageStyles,
+        handleCropChange,
+        handleConfirmCrop,
+        handleCancelCrop,
+        setRelativeCrop,
+        crop,
+        image,
+    };
+}
+//# sourceMappingURL=hooks.js.map

package/dist/components/CropPicker/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/components/CropPicker/hooks.ts"],"names":[],"mappings":"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"}

package/dist/components/CropPicker/index.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CropPicker = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const styles_1 = require("@codeleap/styles");
+const WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+const useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+const View_1 = require("../View");
+const ActivityIndicator_1 = require("../ActivityIndicator");
+require("react-image-crop/dist/ReactCrop.css");
+const ReactCrop = require('react-image-crop').Component;
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./hooks"), exports);
+/**
+ * Image crop editor that wraps react-image-crop and delegates all crop state to a `useCropPicker` handle.
+ * Renders a loading spinner while the image is being decoded; renders nothing when `handle` is not provided.
+ */
+const CropPicker = (props) => {
+    const { style, handle, reactCrop, aspect, children, } = {
+        ...exports.CropPicker.defaultProps,
+        ...props,
+    };
+    const styles = (0, useStylesFor_1.useStylesFor)(exports.CropPicker.styleRegistryName, style);
+    const compositionStyles = (0, styles_1.useCompositionStyles)(['indicator'], styles);
+    if (!handle)
+        return null;
+    const { image, crop, setRelativeCrop, handleCropChange, } = handle;
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, { style: styles.wrapper, children: [!image?.src ? ((0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, { style: compositionStyles.indicator, debugName: 'CropPickerLoading' })) : ((0, jsx_runtime_1.jsx)(ReactCrop, { ...reactCrop, crop: crop, onChange: handleCropChange, onComplete: (_, relCrop) => setRelativeCrop(relCrop), style: styles.crop, aspect: aspect ?? reactCrop?.aspect, children: (0, jsx_runtime_1.jsx)("img", { src: image.src, 
+                    // @ts-ignore
+                    css: [styles?.image] }) })), children] }));
+};
+exports.CropPicker = CropPicker;
+exports.CropPicker.styleRegistryName = 'CropPicker';
+exports.CropPicker.elements = ['crop', 'image', 'wrapper', 'indicator'];
+exports.CropPicker.rootElement = 'crop';
+exports.CropPicker.withVariantTypes = (styles) => {
+    return exports.CropPicker;
+};
+exports.CropPicker.defaultProps = {};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.CropPicker);
+//# sourceMappingURL=index.js.map

package/dist/components/CropPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CropPicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,6CAA8F;AAC9F,iEAA6D;AAC7D,+DAA2D;AAC3D,kCAA8B;AAC9B,4DAAwD;AAIxD,+CAA4C;AAC5C,MAAM,SAAS,GAAsB,OAAO,CAAC,kBAAkB,CAAC,CAAC,SAAS,CAAA;AAE1E,2CAAwB;AACxB,0CAAuB;AACvB,0CAAuB;AAEvB;;;GAGG;AACI,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EACJ,KAAK,EACL,MAAM,EACN,SAAS,EACT,MAAM,EACN,QAAQ,GACT,GAAG;QACF,GAAG,kBAAU,CAAC,YAAY;QAC1B,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,kBAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAChE,MAAM,iBAAiB,GAAG,IAAA,6BAAoB,EAAC,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,CAAA;IAErE,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAExB,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,eAAe,EACf,gBAAgB,GACjB,GAAG,MAAM,CAAA;IAEV,OAAO,CACL,wBAAC,WAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,aACxB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CACb,uBAAC,qCAAiB,IAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,EAAE,SAAS,EAAC,mBAAmB,GAAG,CACxF,CAAC,CAAC,CAAC,CACF,uBAAC,SAAS,OACJ,SAAS,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,gBAAgB,EAC1B,UAAU,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,EACpD,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,MAAM,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,YAEnC,gCACE,GAAG,EAAE,KAAK,CAAC,GAAG;oBACd,aAAa;oBACb,GAAG,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,GACpB,GACQ,CACb,EACA,QAAQ,IACJ,CACR,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,UAAU,cA+CtB;AAED,kBAAU,CAAC,iBAAiB,GAAG,YAAY,CAAA;AAC3C,kBAAU,CAAC,QAAQ,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,CAAC,CAAA;AAC/D,kBAAU,CAAC,WAAW,GAAG,MAAM,CAAA;AAC/B,kBAAU,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC/D,OAAO,kBAAmF,CAAA;AAC5F,CAAC,CAAA;AAED,kBAAU,CAAC,YAAY,GAAG,EAA8B,CAAA;AAExD,mCAAgB,CAAC,iBAAiB,CAAC,kBAAU,CAAC,CAAA"}

package/dist/components/CropPicker/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/CropPicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/CropPicker/styles.ts"],"names":[],"mappings":""}

package/dist/components/CropPicker/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/CropPicker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/CropPicker/types.ts"],"names":[],"mappings":""}

package/dist/components/CropPicker/utils.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateProportionalDimensions = void 0;
+exports.readImage = readImage;
+exports.cropImage = cropImage;
+/** Reads a `File` or `Blob` as a data-URL and resolves with a loaded `HTMLImageElement`. */
+function readImage(file) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => {
+            const image = new Image();
+            image.onload = () => resolve(image);
+            image.onerror = () => reject(new Error('Failed to load image'));
+            image.src = reader.result;
+        };
+        reader.onerror = () => reject(new Error('Failed to read file'));
+        reader.readAsDataURL(file);
+    });
+}
+/**
+ * Renders the specified percentage-unit `crop` region of `image` onto an off-screen canvas and returns a `[dataURL, Blob]` tuple.
+ * The output blob is always `image/png` at quality 1.
+ */
+async function cropImage(image, crop) {
+    if (!crop.width || !crop.height) {
+        throw new Error('Invalid crop dimensions');
+    }
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d', { willReadFrequently: true });
+    if (!ctx) {
+        throw new Error('Could not get canvas 2d context');
+    }
+    const scaleX = image.naturalWidth / 100;
+    const scaleY = image.naturalHeight / 100;
+    canvas.width = crop.width * scaleX;
+    canvas.height = crop.height * scaleY;
+    ctx.drawImage(image, crop.x * scaleX, crop.y * scaleY, canvas.width, canvas.height, 0, 0, canvas.width, canvas.height);
+    try {
+        const blob = await new Promise((resolve, reject) => {
+            canvas.toBlob(blob => blob ? resolve(blob) : reject(new Error('Canvas is empty')), 'image/png', 1);
+        });
+        const croppedImage = await readImage(blob);
+        return [croppedImage.src, blob];
+    }
+    catch (error) {
+        throw new Error(`Failed to crop image: ${error instanceof Error ? error.message : String(error)}`);
+    }
+}
+/**
+ * Scales natural image dimensions down to fit within a 600×400 display budget while preserving aspect ratio.
+ * Returns both the original natural dimensions and the calculated display dimensions.
+ */
+const calculateProportionalDimensions = (naturalWidth, naturalHeight) => {
+    const aspectRatio = naturalWidth / naturalHeight;
+    const maxWidth = 600;
+    const maxHeight = 400;
+    let displayWidth = naturalWidth;
+    let displayHeight = naturalHeight;
+    if (displayHeight > maxHeight) {
+        displayHeight = maxHeight;
+        displayWidth = displayHeight * aspectRatio;
+    }
+    if (displayWidth > maxWidth) {
+        displayWidth = maxWidth;
+        displayHeight = displayWidth / aspectRatio;
+    }
+    return {
+        naturalWidth,
+        naturalHeight,
+        displayWidth: Math.round(displayWidth),
+        displayHeight: Math.round(displayHeight),
+        aspectRatio,
+    };
+};
+exports.calculateProportionalDimensions = calculateProportionalDimensions;
+//# sourceMappingURL=utils.js.map

package/dist/components/CropPicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/CropPicker/utils.ts"],"names":[],"mappings":"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"}

package/dist/components/DatePicker/index.js

@@ -0,0 +1,87 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = DatePicker;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const react_aria_components_1 = require("react-aria-components");
+const date_1 = require("@internationalized/date");
+const hooks_1 = require("@codeleap/hooks");
+const form_1 = require("@codeleap/form");
+const View_1 = require("../View");
+const Calendar_1 = require("../Calendar");
+const WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+const useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+const Field_1 = require("../Field");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+function dateToCalendarDate(date) {
+    if (!date)
+        return null;
+    return new date_1.CalendarDate(date.getFullYear(), date.getMonth() + 1, date.getDate());
+}
+function calendarDateToDate(cal) {
+    return cal.toDate((0, date_1.getLocalTimeZone)());
+}
+function defaultFormatDate(date) {
+    return date.toLocaleDateString(undefined, { day: '2-digit', month: '2-digit', year: 'numeric' });
+}
+/**
+ * Date selection control that pairs a fully custom trigger element with a `react-aria-components` `Popover` containing a `Calendar`.
+ * Converts native `Date` values to/from `@internationalized/date` `CalendarDate` for the calendar; closes the popover after a date is selected.
+ * Uses: `View`, `Calendar`
+ */
+function DatePicker(props) {
+    const { value, onValueChange, field, style, defaultValue, renderTrigger, calendarProps, minDate, maxDate, disabled, visible: providedVisible, toggle: providedToggle, formatDate, label, helper, placeholder, forceError, } = { ...DatePicker.defaultProps, ...props };
+    const styles = (0, useStylesFor_1.useStylesFor)(DatePicker.styleRegistryName, style);
+    const triggerRef = (0, react_1.useRef)(null);
+    const [isOpen, setIsOpen] = (0, hooks_1.useConditionalState)(providedVisible, providedToggle, { initialValue: false });
+    const { inputValue, onInputValueChange, validation } = (0, Field_1.useFieldInput)(field, form_1.fields.date, { value, onValueChange });
+    const hasError = validation?.showError || !!forceError;
+    const errorMessage = validation?.message || forceError;
+    const formattedValue = inputValue ? (formatDate ?? defaultFormatDate)(inputValue) : '';
+    const handleCalendarChange = (date) => {
+        onInputValueChange(calendarDateToDate(date));
+        setIsOpen(false);
+    };
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, { style: styles.wrapper, children: [renderTrigger?.({
+                ref: triggerRef,
+                value: inputValue ?? null,
+                formattedValue,
+                isOpen,
+                onPress: () => setIsOpen(!isOpen),
+                disabled: !!disabled,
+                style: styles.trigger,
+                label,
+                placeholder,
+                helper,
+                error: hasError ? errorMessage : undefined,
+                hasValue: !!inputValue,
+            }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Popover, { triggerRef: triggerRef, isOpen: isOpen, onOpenChange: setIsOpen, css: styles.popover, children: (0, jsx_runtime_1.jsx)(Calendar_1.Calendar, { value: dateToCalendarDate(inputValue) ?? undefined, onChange: handleCalendarChange, minValue: dateToCalendarDate(minDate) ?? undefined, maxValue: dateToCalendarDate(maxDate) ?? undefined, defaultValue: dateToCalendarDate(defaultValue) ?? undefined, ...calendarProps }) })] }));
+}
+DatePicker.styleRegistryName = 'DatePicker';
+DatePicker.elements = ['wrapper', 'popover', 'trigger'];
+DatePicker.rootElement = 'wrapper';
+DatePicker.withVariantTypes = (styles) => {
+    return DatePicker;
+};
+DatePicker.defaultProps = {
+    minDate: new Date(1910, 0, 1),
+    maxDate: new Date(),
+    disabled: false,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(DatePicker);
+//# sourceMappingURL=index.js.map

package/dist/components/DatePicker/index.js.map

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

package/dist/components/DatePicker/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/DatePicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":""}