@flipdish/ui-library 0.2.2 → 0.3.0

package/dist/components/organisms/ImagePicker/imagePicker.utils.js

@@ -0,0 +1,90 @@
+const DEFAULT_ADJUSTMENTS = {
+    exposure: 0,
+    contrast: 0,
+    saturation: 0,
+    temperature: 0,
+    tint: 0,
+    highlights: 0,
+    shadows: 0,
+};
+/** Apply image adjustments (exposure, contrast, saturation, etc.) and rotation to a canvas. */
+const applyImageFilters = (canvas, img, adj, fillMode, rotation = 0) => {
+    const ctx = canvas.getContext('2d');
+    if (!ctx)
+        return;
+    const size = canvas.width;
+    ctx.clearRect(0, 0, size, size);
+    // Apply rotation around the canvas center
+    if (rotation !== 0) {
+        ctx.save();
+        ctx.translate(size / 2, size / 2);
+        ctx.rotate((rotation * Math.PI) / 180);
+        ctx.translate(-size / 2, -size / 2);
+    }
+    if (fillMode === 'tile') {
+        const tileSize = Math.min(img.width, img.height, size / 2);
+        const cols = Math.ceil(size / tileSize);
+        const rows = Math.ceil(size / tileSize);
+        for (let r = 0; r < rows; r++)
+            for (let c = 0; c < cols; c++)
+                ctx.drawImage(img, 0, 0, img.width, img.height, c * tileSize, r * tileSize, tileSize, tileSize);
+    }
+    else if (fillMode === 'fit') {
+        const ratio = Math.min(size / img.width, size / img.height);
+        const dw = img.width * ratio;
+        const dh = img.height * ratio;
+        ctx.fillStyle = '#000';
+        ctx.fillRect(0, 0, size, size);
+        ctx.drawImage(img, (size - dw) / 2, (size - dh) / 2, dw, dh);
+    }
+    else {
+        const ratio = Math.max(size / img.width, size / img.height);
+        const dw = img.width * ratio;
+        const dh = img.height * ratio;
+        ctx.drawImage(img, (size - dw) / 2, (size - dh) / 2, dw, dh);
+    }
+    // Restore transform so getImageData reads from final pixel coordinates
+    if (rotation !== 0)
+        ctx.restore();
+    const imageData = ctx.getImageData(0, 0, size, size);
+    const data = imageData.data;
+    for (let i = 0; i < data.length; i += 4) {
+        let r = data[i], g = data[i + 1], b = data[i + 2];
+        const em = Math.pow(2, adj.exposure / 100);
+        r *= em;
+        g *= em;
+        b *= em;
+        const cf = (259 * (adj.contrast + 255)) / (255 * (259 - adj.contrast));
+        r = cf * (r - 128) + 128;
+        g = cf * (g - 128) + 128;
+        b = cf * (b - 128) + 128;
+        const gray = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+        const sf = 1 + adj.saturation / 100;
+        r = gray + sf * (r - gray);
+        g = gray + sf * (g - gray);
+        b = gray + sf * (b - gray);
+        r += adj.temperature * 0.5;
+        b -= adj.temperature * 0.5;
+        g += adj.tint * 0.5;
+        const lum = (r + g + b) / 3;
+        if (lum > 128) {
+            const f = (adj.highlights / 200) * ((lum - 128) / 127) * 50;
+            r += f;
+            g += f;
+            b += f;
+        }
+        if (lum < 128) {
+            const f = (adj.shadows / 200) * ((128 - lum) / 128) * 50;
+            r += f;
+            g += f;
+            b += f;
+        }
+        data[i] = Math.max(0, Math.min(255, r));
+        data[i + 1] = Math.max(0, Math.min(255, g));
+        data[i + 2] = Math.max(0, Math.min(255, b));
+    }
+    ctx.putImageData(imageData, 0, 0);
+};
+
+export { DEFAULT_ADJUSTMENTS, applyImageFilters };
+//# sourceMappingURL=imagePicker.utils.js.map

package/dist/components/organisms/ImagePicker/imagePicker.utils.js.map

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

package/dist/components/organisms/ImagePicker/index.cjs

@@ -0,0 +1,101 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+var FileTrigger = require('@flipdish/ui-library/components/atoms/FileTrigger');
+var UtilityButton = require('@flipdish/ui-library/components/atoms/UtilityButton');
+var Dropdown = require('@flipdish/ui-library/components/molecules/Dropdown');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var imagePicker_utils = require('./imagePicker.utils.cjs');
+var imagePickerContext = require('./providers/image-picker-context.cjs');
+
+const FILL_MODES = [
+    { id: 'fill', label: 'Fill' },
+    { id: 'fit', label: 'Fit' },
+    { id: 'crop', label: 'Crop' },
+    { id: 'tile', label: 'Tile' },
+];
+const ADJUSTMENT_LABELS = [
+    { key: 'exposure', label: 'Exposure' },
+    { key: 'contrast', label: 'Contrast' },
+    { key: 'saturation', label: 'Saturation' },
+    { key: 'temperature', label: 'Temperature' },
+    { key: 'tint', label: 'Tint' },
+    { key: 'highlights', label: 'Highlights' },
+    { key: 'shadows', label: 'Shadows' },
+];
+const AdjustmentSlider = ({ label, minValue = -100, maxValue = 100, ...props }) => (jsxRuntime.jsxs(reactAriaComponents.Slider, { ...props, "aria-label": label, minValue: minValue, maxValue: maxValue, className: (state) => cx.cx('flex items-center gap-3', typeof props.className === 'function' ? props.className(state) : props.className), children: [jsxRuntime.jsx("span", { className: "w-[88px] shrink-0 text-sm font-semibold text-secondary", children: label }), jsxRuntime.jsx(reactAriaComponents.SliderTrack, { className: "relative h-3 flex-1 cursor-pointer rounded-full border border-primary bg-tertiary", children: jsxRuntime.jsx(reactAriaComponents.SliderThumb, { className: ({ isFocusVisible, isDragging }) => cx.cx('top-1/2 size-4 cursor-grab rounded-full bg-fg-white shadow-md ring ring-secondary_alt outline-0 outline-focus-ring', isFocusVisible && 'outline-2 outline-offset-2', isDragging && 'cursor-grabbing') }) })] }));
+const ImageCanvas = () => {
+    const { state, actions } = imagePickerContext.useImageColorPicker();
+    const canvasRef = React.useRef(null);
+    const [image, setImage] = React.useState(null);
+    React.useEffect(() => {
+        if (!state.imageFile) {
+            setImage(null);
+            return;
+        }
+        const url = URL.createObjectURL(state.imageFile);
+        const img = new Image();
+        img.onload = () => setImage(img);
+        img.src = url;
+        return () => URL.revokeObjectURL(url);
+    }, [state.imageFile]);
+    React.useEffect(() => {
+        if (image && canvasRef.current) {
+            const dpr = window.devicePixelRatio || 1;
+            const rect = canvasRef.current.getBoundingClientRect();
+            const logicalW = rect.width || 280;
+            const logicalH = rect.height || 280;
+            canvasRef.current.width = logicalW * dpr;
+            canvasRef.current.height = logicalH * dpr;
+            imagePicker_utils.applyImageFilters(canvasRef.current, image, state.imageAdjustments, state.imageFillMode, state.imageRotation);
+        }
+    }, [image, state.imageAdjustments, state.imageFillMode, state.imageRotation]);
+    const handleFile = React.useCallback((file) => actions.setImageFile(file), [actions]);
+    return (jsxRuntime.jsx(reactAriaComponents.DropZone, { "aria-label": "Drop image to upload", className: ({ isDropTarget }) => cx.cx('relative flex aspect-square w-full cursor-pointer flex-col items-center justify-center overflow-hidden rounded-lg border-[0.5px] border-black/10 outline-hidden', isDropTarget && 'ring-2 ring-brand'), onDrop: (e) => {
+            const file = e.items.find((item) => item.kind === 'file');
+            if (file && file.kind === 'file') {
+                file.getFile().then((f) => {
+                    if (f.type.startsWith('image/'))
+                        handleFile(f);
+                });
+            }
+        }, children: image ? (jsxRuntime.jsx("canvas", { ref: canvasRef, className: "absolute inset-0 size-full" })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { "aria-hidden": true, className: "absolute inset-0 rounded-lg", style: { backgroundImage: 'repeating-conic-gradient(#ccc 0% 25%, white 0% 50%)', backgroundSize: '32px 32px', opacity: 0.15 } }), jsxRuntime.jsx("div", { "aria-hidden": true, className: "absolute inset-0 rounded-lg bg-black/40" }), jsxRuntime.jsx("canvas", { ref: canvasRef, className: "hidden" }), jsxRuntime.jsxs("div", { className: "relative flex flex-col items-center gap-2", children: [jsxRuntime.jsx(FileTrigger.FileTrigger, { acceptedFileTypes: ['image/*'], onSelect: (files) => {
+                                const f = files?.[0];
+                                if (f)
+                                    handleFile(f);
+                            }, children: jsxRuntime.jsx(Button.Button, { size: "sm", color: "secondary", iconLeading: uiIcons.UploadCloud02, className: "outline-1 outline-offset-0 outline-secondary_alt", children: "Click to upload" }) }), jsxRuntime.jsx("p", { className: "text-sm font-semibold text-white", children: "or drag and drop" })] })] })) }));
+};
+/** Fill mode select */
+const FillModeSelect = () => {
+    const { state, actions } = imagePickerContext.useImageColorPicker();
+    return (jsxRuntime.jsxs(Dropdown.Dropdown.Root, { children: [jsxRuntime.jsx(Button.Button, { size: "xs", color: "link-gray", iconTrailing: (props) => jsxRuntime.jsx(uiIcons.ChevronDown, { "data-icon": "trailing", ...props, className: "size-3! stroke-[2.5px]!" }), children: FILL_MODES.find((m) => m.id === state.imageFillMode)?.label }), jsxRuntime.jsx(Dropdown.Dropdown.Popover, { className: "w-32", children: jsxRuntime.jsx(Dropdown.Dropdown.Menu, { selectionMode: "single", selectedKeys: [state.imageFillMode], onSelectionChange: (keys) => {
+                        const k = [...keys][0];
+                        if (k)
+                            actions.setFillMode(k);
+                    }, children: FILL_MODES.map((m) => (jsxRuntime.jsx(Dropdown.Dropdown.Item, { id: m.id, label: m.label }, m.id))) }) })] }));
+};
+/** Adjustment sliders */
+const AdjustmentSliders = () => {
+    const { state, actions } = imagePickerContext.useImageColorPicker();
+    return (jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: ADJUSTMENT_LABELS.map(({ key, label }) => (jsxRuntime.jsx(AdjustmentSlider, { label: label, value: state.imageAdjustments[key], onChange: (v) => actions.setAdjustments({ ...state.imageAdjustments, [key]: v }) }, key))) }));
+};
+/** Image preset — all-in-one layout */
+const ColorPickerImage = () => {
+    const { actions } = imagePickerContext.useImageColorPicker();
+    return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [jsxRuntime.jsx(ImageCanvas, {}), jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [jsxRuntime.jsx(FillModeSelect, {}), jsxRuntime.jsx(UtilityButton.ButtonUtility, { icon: uiIcons.RefreshCw01, size: "sm", color: "tertiary", tooltip: "Rotate image", onClick: () => actions.rotateImage() })] }), jsxRuntime.jsx(AdjustmentSliders, {})] })] }));
+};
+const ImagePicker = Object.assign(ColorPickerImage, {
+    Provider: imagePickerContext.ImageProvider,
+    FillModeSelect,
+    AdjustmentSliders,
+});
+
+exports.AdjustmentSliders = AdjustmentSliders;
+exports.ColorPickerImage = ColorPickerImage;
+exports.FillModeSelect = FillModeSelect;
+exports.ImagePicker = ImagePicker;
+//# sourceMappingURL=index.cjs.map

package/dist/components/organisms/ImagePicker/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/ImagePicker/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaSlider","cx","_jsx","AriaSliderTrack","AriaSliderThumb","useImageColorPicker","useRef","useState","useEffect","applyImageFilters","useCallback","AriaDropZone","FileTrigger","Button","UploadCloud02","Dropdown","ChevronDown","ButtonUtility","RefreshCw01","ImageProvider"],"mappings":"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"}

package/dist/components/organisms/ImagePicker/index.d.ts

@@ -0,0 +1,13 @@
+/** Fill mode select */
+export declare const FillModeSelect: () => import("react").JSX.Element;
+/** Adjustment sliders */
+export declare const AdjustmentSliders: () => import("react").JSX.Element;
+/** Image preset — all-in-one layout */
+export declare const ColorPickerImage: () => import("react").JSX.Element;
+declare const ImagePicker: (() => import("react").JSX.Element) & {
+    Provider: ({ onImageChange, onAdjustmentsChange, children }: import("./providers/image-picker-context").ImageProviderProps) => import("react").JSX.Element;
+    FillModeSelect: () => import("react").JSX.Element;
+    AdjustmentSliders: () => import("react").JSX.Element;
+};
+export { ImagePicker };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/ImagePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ImagePicker/index.tsx"],"names":[],"mappings":"AAgJA,uBAAuB;AACvB,eAAO,MAAM,cAAc,mCA6B1B,CAAC;AAEF,yBAAyB;AACzB,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,gBAAgB,mCAe5B,CAAC;AAEF,QAAA,MAAM,WAAW;;;;CAIf,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/organisms/ImagePicker/index.js

@@ -0,0 +1,96 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { RefreshCw01, ChevronDown, UploadCloud02 } from '@flipdish/ui-icons';
+import { Button } from '@flipdish/ui-library/components/atoms/Button';
+import { FileTrigger } from '@flipdish/ui-library/components/atoms/FileTrigger';
+import { ButtonUtility } from '@flipdish/ui-library/components/atoms/UtilityButton';
+import { Dropdown } from '@flipdish/ui-library/components/molecules/Dropdown';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useRef, useState, useEffect, useCallback } from 'react';
+import { DropZone, Slider, SliderTrack, SliderThumb } from 'react-aria-components';
+import { applyImageFilters } from './imagePicker.utils.js';
+import { ImageProvider, useImageColorPicker } from './providers/image-picker-context.js';
+
+const FILL_MODES = [
+    { id: 'fill', label: 'Fill' },
+    { id: 'fit', label: 'Fit' },
+    { id: 'crop', label: 'Crop' },
+    { id: 'tile', label: 'Tile' },
+];
+const ADJUSTMENT_LABELS = [
+    { key: 'exposure', label: 'Exposure' },
+    { key: 'contrast', label: 'Contrast' },
+    { key: 'saturation', label: 'Saturation' },
+    { key: 'temperature', label: 'Temperature' },
+    { key: 'tint', label: 'Tint' },
+    { key: 'highlights', label: 'Highlights' },
+    { key: 'shadows', label: 'Shadows' },
+];
+const AdjustmentSlider = ({ label, minValue = -100, maxValue = 100, ...props }) => (jsxs(Slider, { ...props, "aria-label": label, minValue: minValue, maxValue: maxValue, className: (state) => cx('flex items-center gap-3', typeof props.className === 'function' ? props.className(state) : props.className), children: [jsx("span", { className: "w-[88px] shrink-0 text-sm font-semibold text-secondary", children: label }), jsx(SliderTrack, { className: "relative h-3 flex-1 cursor-pointer rounded-full border border-primary bg-tertiary", children: jsx(SliderThumb, { className: ({ isFocusVisible, isDragging }) => cx('top-1/2 size-4 cursor-grab rounded-full bg-fg-white shadow-md ring ring-secondary_alt outline-0 outline-focus-ring', isFocusVisible && 'outline-2 outline-offset-2', isDragging && 'cursor-grabbing') }) })] }));
+const ImageCanvas = () => {
+    const { state, actions } = useImageColorPicker();
+    const canvasRef = useRef(null);
+    const [image, setImage] = useState(null);
+    useEffect(() => {
+        if (!state.imageFile) {
+            setImage(null);
+            return;
+        }
+        const url = URL.createObjectURL(state.imageFile);
+        const img = new Image();
+        img.onload = () => setImage(img);
+        img.src = url;
+        return () => URL.revokeObjectURL(url);
+    }, [state.imageFile]);
+    useEffect(() => {
+        if (image && canvasRef.current) {
+            const dpr = window.devicePixelRatio || 1;
+            const rect = canvasRef.current.getBoundingClientRect();
+            const logicalW = rect.width || 280;
+            const logicalH = rect.height || 280;
+            canvasRef.current.width = logicalW * dpr;
+            canvasRef.current.height = logicalH * dpr;
+            applyImageFilters(canvasRef.current, image, state.imageAdjustments, state.imageFillMode, state.imageRotation);
+        }
+    }, [image, state.imageAdjustments, state.imageFillMode, state.imageRotation]);
+    const handleFile = useCallback((file) => actions.setImageFile(file), [actions]);
+    return (jsx(DropZone, { "aria-label": "Drop image to upload", className: ({ isDropTarget }) => cx('relative flex aspect-square w-full cursor-pointer flex-col items-center justify-center overflow-hidden rounded-lg border-[0.5px] border-black/10 outline-hidden', isDropTarget && 'ring-2 ring-brand'), onDrop: (e) => {
+            const file = e.items.find((item) => item.kind === 'file');
+            if (file && file.kind === 'file') {
+                file.getFile().then((f) => {
+                    if (f.type.startsWith('image/'))
+                        handleFile(f);
+                });
+            }
+        }, children: image ? (jsx("canvas", { ref: canvasRef, className: "absolute inset-0 size-full" })) : (jsxs(Fragment, { children: [jsx("div", { "aria-hidden": true, className: "absolute inset-0 rounded-lg", style: { backgroundImage: 'repeating-conic-gradient(#ccc 0% 25%, white 0% 50%)', backgroundSize: '32px 32px', opacity: 0.15 } }), jsx("div", { "aria-hidden": true, className: "absolute inset-0 rounded-lg bg-black/40" }), jsx("canvas", { ref: canvasRef, className: "hidden" }), jsxs("div", { className: "relative flex flex-col items-center gap-2", children: [jsx(FileTrigger, { acceptedFileTypes: ['image/*'], onSelect: (files) => {
+                                const f = files?.[0];
+                                if (f)
+                                    handleFile(f);
+                            }, children: jsx(Button, { size: "sm", color: "secondary", iconLeading: UploadCloud02, className: "outline-1 outline-offset-0 outline-secondary_alt", children: "Click to upload" }) }), jsx("p", { className: "text-sm font-semibold text-white", children: "or drag and drop" })] })] })) }));
+};
+/** Fill mode select */
+const FillModeSelect = () => {
+    const { state, actions } = useImageColorPicker();
+    return (jsxs(Dropdown.Root, { children: [jsx(Button, { size: "xs", color: "link-gray", iconTrailing: (props) => jsx(ChevronDown, { "data-icon": "trailing", ...props, className: "size-3! stroke-[2.5px]!" }), children: FILL_MODES.find((m) => m.id === state.imageFillMode)?.label }), jsx(Dropdown.Popover, { className: "w-32", children: jsx(Dropdown.Menu, { selectionMode: "single", selectedKeys: [state.imageFillMode], onSelectionChange: (keys) => {
+                        const k = [...keys][0];
+                        if (k)
+                            actions.setFillMode(k);
+                    }, children: FILL_MODES.map((m) => (jsx(Dropdown.Item, { id: m.id, label: m.label }, m.id))) }) })] }));
+};
+/** Adjustment sliders */
+const AdjustmentSliders = () => {
+    const { state, actions } = useImageColorPicker();
+    return (jsx("div", { className: "flex flex-col gap-4", children: ADJUSTMENT_LABELS.map(({ key, label }) => (jsx(AdjustmentSlider, { label: label, value: state.imageAdjustments[key], onChange: (v) => actions.setAdjustments({ ...state.imageAdjustments, [key]: v }) }, key))) }));
+};
+/** Image preset — all-in-one layout */
+const ColorPickerImage = () => {
+    const { actions } = useImageColorPicker();
+    return (jsxs("div", { className: "flex flex-col gap-4", children: [jsx(ImageCanvas, {}), jsxs("div", { className: "flex flex-col gap-3", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx(FillModeSelect, {}), jsx(ButtonUtility, { icon: RefreshCw01, size: "sm", color: "tertiary", tooltip: "Rotate image", onClick: () => actions.rotateImage() })] }), jsx(AdjustmentSliders, {})] })] }));
+};
+const ImagePicker = Object.assign(ColorPickerImage, {
+    Provider: ImageProvider,
+    FillModeSelect,
+    AdjustmentSliders,
+});
+
+export { AdjustmentSliders, ColorPickerImage, FillModeSelect, ImagePicker };
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/ImagePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/ImagePicker/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaSlider","_jsx","AriaSliderTrack","AriaSliderThumb","AriaDropZone"],"mappings":"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"}

package/dist/components/organisms/ImagePicker/providers/image-picker-context.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var imagePicker_utils = require('../imagePicker.utils.cjs');
+
+const ImageColorPickerContext = React.createContext(null);
+const ImageColorPickerProvider = ImageColorPickerContext.Provider;
+const useImageColorPicker = () => {
+    const ctx = React.useContext(ImageColorPickerContext);
+    if (!ctx)
+        throw new Error('useImageColorPicker must be used within <ColorPicker.ImageProvider>');
+    return ctx;
+};
+/** Create image actions from a setState function. */
+const createImageActions = (setState) => ({
+    setImageFile: (file) => setState((s) => ({ ...s, imageFile: file })),
+    setFillMode: (mode) => setState((s) => ({ ...s, imageFillMode: mode })),
+    setAdjustments: (adjustments) => setState((s) => ({ ...s, imageAdjustments: adjustments })),
+    resetAdjustments: () => setState((s) => ({ ...s, imageAdjustments: imagePicker_utils.DEFAULT_ADJUSTMENTS })),
+    rotateImage: () => setState((s) => ({ ...s, imageRotation: (s.imageRotation + 90) % 360 })),
+});
+/** Image color state provider. */
+const ImageProvider = ({ onImageChange, onAdjustmentsChange, children }) => {
+    const [state, setState] = React.useState(() => ({
+        imageFile: null,
+        imageFillMode: 'fill',
+        imageAdjustments: imagePicker_utils.DEFAULT_ADJUSTMENTS,
+        imageRotation: 0,
+    }));
+    const actions = React.useMemo(() => createImageActions(setState), []);
+    const prev = React.useRef(state);
+    React.useEffect(() => {
+        if (state.imageFile !== prev.current.imageFile)
+            onImageChange?.(state.imageFile);
+        if (state.imageAdjustments !== prev.current.imageAdjustments)
+            onAdjustmentsChange?.(state.imageAdjustments);
+        prev.current = state;
+    });
+    return jsxRuntime.jsx(ImageColorPickerProvider, { value: { state, actions }, children: children });
+};
+
+exports.ImageColorPickerProvider = ImageColorPickerProvider;
+exports.ImageProvider = ImageProvider;
+exports.createImageActions = createImageActions;
+exports.useImageColorPicker = useImageColorPicker;
+//# sourceMappingURL=image-picker-context.cjs.map

package/dist/components/organisms/ImagePicker/providers/image-picker-context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-picker-context.cjs","sources":["../../../../../src/components/organisms/ImagePicker/providers/image-picker-context.tsx"],"sourcesContent":[null],"names":["createContext","useContext","DEFAULT_ADJUSTMENTS","useState","useMemo","useRef","useEffect","_jsx"],"mappings":";;;;;;AAsCA,MAAM,uBAAuB,GAAGA,mBAAa,CAAsC,IAAI,CAAC;AACjF,MAAM,wBAAwB,GAAG,uBAAuB,CAAC;AAEzD,MAAM,mBAAmB,GAAG,MAAmC;AACpE,IAAA,MAAM,GAAG,GAAGC,gBAAU,CAAC,uBAAuB,CAAC;AAC/C,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,qEAAqE,CAAC;AAChG,IAAA,OAAO,GAAG;AACZ;AAEA;MACa,kBAAkB,GAAG,CAAC,QAAqE,MAA+B;IACrI,YAAY,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACpE,WAAW,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACvE,cAAc,EAAE,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC,CAAC;IAC3F,gBAAgB,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAEC,qCAAmB,EAAE,CAAC,CAAC;AAC1F,IAAA,WAAW,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,aAAa,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AAC5F,CAAA;AAWD;AACO,MAAM,aAAa,GAAG,CAAC,EAAE,aAAa,EAAE,mBAAmB,EAAE,QAAQ,EAAsB,KAAI;IACpG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,cAAQ,CAAwB,OAAO;AAC/D,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,gBAAgB,EAAED,qCAAmB;AACrC,QAAA,aAAa,EAAE,CAAC;AACjB,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,OAAO,GAAGE,aAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;AAE/D,IAAA,MAAM,IAAI,GAAGC,YAAM,CAAC,KAAK,CAAC;IAC1BC,eAAS,CAAC,MAAK;QACb,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS;AAAE,YAAA,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC;QAChF,IAAI,KAAK,CAAC,gBAAgB,KAAK,IAAI,CAAC,OAAO,CAAC,gBAAgB;AAAE,YAAA,mBAAmB,GAAG,KAAK,CAAC,gBAAgB,CAAC;AAC3G,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACtB,IAAA,CAAC,CAAC;AAEF,IAAA,OAAOC,cAAA,CAAC,wBAAwB,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,QAAA,EAAG,QAAQ,GAA4B;AACnG;;;;;;;"}

package/dist/components/organisms/ImagePicker/providers/image-picker-context.d.ts

@@ -0,0 +1,45 @@
+import type { ReactNode } from 'react';
+import type { ImageAdjustments, ImageFillMode } from '../imagePicker.utils';
+/** Image color picker state. */
+export interface ImageColorPickerState {
+    /** User-selected image file, or null. */
+    imageFile: File | null;
+    /** How the image is displayed (fill, fit, crop, tile). */
+    imageFillMode: ImageFillMode;
+    /** Image adjustment values (exposure, contrast, etc.). */
+    imageAdjustments: ImageAdjustments;
+    /** Image rotation in degrees (0, 90, 180, 270). */
+    imageRotation: number;
+}
+/** Actions for the image color picker. */
+export interface ImageColorPickerActions {
+    /** Set or clear the image file. */
+    setImageFile: (file: File | null) => void;
+    /** Set how the image is displayed (fill, fit, crop, tile). */
+    setFillMode: (mode: ImageFillMode) => void;
+    /** Set image adjustment values (exposure, contrast, etc.). */
+    setAdjustments: (adjustments: ImageAdjustments) => void;
+    /** Reset all image adjustments to their defaults. */
+    resetAdjustments: () => void;
+    /** Rotate the image 90° clockwise. */
+    rotateImage: () => void;
+}
+export interface ImageColorPickerContextValue {
+    state: ImageColorPickerState;
+    actions: ImageColorPickerActions;
+}
+export declare const ImageColorPickerProvider: import("react").Provider<ImageColorPickerContextValue | null>;
+export declare const useImageColorPicker: () => ImageColorPickerContextValue;
+/** Create image actions from a setState function. */
+export declare const createImageActions: (setState: React.Dispatch<React.SetStateAction<ImageColorPickerState>>) => ImageColorPickerActions;
+/** Props for the image color state provider. */
+export interface ImageProviderProps {
+    /** Called when an image file is selected or cleared. */
+    onImageChange?: (file: File | null) => void;
+    /** Called when image adjustments change. */
+    onAdjustmentsChange?: (adjustments: ImageAdjustments) => void;
+    children: ReactNode;
+}
+/** Image color state provider. */
+export declare const ImageProvider: ({ onImageChange, onAdjustmentsChange, children }: ImageProviderProps) => import("react").JSX.Element;
+//# sourceMappingURL=image-picker-context.d.ts.map

package/dist/components/organisms/ImagePicker/providers/image-picker-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-picker-context.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/ImagePicker/providers/image-picker-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG5E,gCAAgC;AAChC,MAAM,WAAW,qBAAqB;IACpC,yCAAyC;IACzC,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,0DAA0D;IAC1D,aAAa,EAAE,aAAa,CAAC;IAC7B,0DAA0D;IAC1D,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,mDAAmD;IACnD,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,0CAA0C;AAC1C,MAAM,WAAW,uBAAuB;IACtC,mCAAmC;IACnC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,8DAA8D;IAC9D,WAAW,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,8DAA8D;IAC9D,cAAc,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,qDAAqD;IACrD,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,sCAAsC;IACtC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,qBAAqB,CAAC;IAC7B,OAAO,EAAE,uBAAuB,CAAC;CAClC;AAGD,eAAO,MAAM,wBAAwB,+DAAmC,CAAC;AAEzE,eAAO,MAAM,mBAAmB,QAAO,4BAItC,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,kBAAkB,GAAI,UAAU,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,KAAG,uBAMzG,CAAC;AAEH,gDAAgD;AAChD,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,kCAAkC;AAClC,eAAO,MAAM,aAAa,GAAI,kDAAkD,kBAAkB,gCAiBjG,CAAC"}

package/dist/components/organisms/ImagePicker/providers/image-picker-context.js

@@ -0,0 +1,42 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useMemo, useRef, useEffect, useContext } from 'react';
+import { DEFAULT_ADJUSTMENTS } from '../imagePicker.utils.js';
+
+const ImageColorPickerContext = createContext(null);
+const ImageColorPickerProvider = ImageColorPickerContext.Provider;
+const useImageColorPicker = () => {
+    const ctx = useContext(ImageColorPickerContext);
+    if (!ctx)
+        throw new Error('useImageColorPicker must be used within <ColorPicker.ImageProvider>');
+    return ctx;
+};
+/** Create image actions from a setState function. */
+const createImageActions = (setState) => ({
+    setImageFile: (file) => setState((s) => ({ ...s, imageFile: file })),
+    setFillMode: (mode) => setState((s) => ({ ...s, imageFillMode: mode })),
+    setAdjustments: (adjustments) => setState((s) => ({ ...s, imageAdjustments: adjustments })),
+    resetAdjustments: () => setState((s) => ({ ...s, imageAdjustments: DEFAULT_ADJUSTMENTS })),
+    rotateImage: () => setState((s) => ({ ...s, imageRotation: (s.imageRotation + 90) % 360 })),
+});
+/** Image color state provider. */
+const ImageProvider = ({ onImageChange, onAdjustmentsChange, children }) => {
+    const [state, setState] = useState(() => ({
+        imageFile: null,
+        imageFillMode: 'fill',
+        imageAdjustments: DEFAULT_ADJUSTMENTS,
+        imageRotation: 0,
+    }));
+    const actions = useMemo(() => createImageActions(setState), []);
+    const prev = useRef(state);
+    useEffect(() => {
+        if (state.imageFile !== prev.current.imageFile)
+            onImageChange?.(state.imageFile);
+        if (state.imageAdjustments !== prev.current.imageAdjustments)
+            onAdjustmentsChange?.(state.imageAdjustments);
+        prev.current = state;
+    });
+    return jsx(ImageColorPickerProvider, { value: { state, actions }, children: children });
+};
+
+export { ImageColorPickerProvider, ImageProvider, createImageActions, useImageColorPicker };
+//# sourceMappingURL=image-picker-context.js.map

package/dist/components/organisms/ImagePicker/providers/image-picker-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-picker-context.js","sources":["../../../../../src/components/organisms/ImagePicker/providers/image-picker-context.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAsCA,MAAM,uBAAuB,GAAG,aAAa,CAAsC,IAAI,CAAC;AACjF,MAAM,wBAAwB,GAAG,uBAAuB,CAAC;AAEzD,MAAM,mBAAmB,GAAG,MAAmC;AACpE,IAAA,MAAM,GAAG,GAAG,UAAU,CAAC,uBAAuB,CAAC;AAC/C,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,qEAAqE,CAAC;AAChG,IAAA,OAAO,GAAG;AACZ;AAEA;MACa,kBAAkB,GAAG,CAAC,QAAqE,MAA+B;IACrI,YAAY,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACpE,WAAW,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACvE,cAAc,EAAE,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC,CAAC;IAC3F,gBAAgB,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC,CAAC;AAC1F,IAAA,WAAW,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,aAAa,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AAC5F,CAAA;AAWD;AACO,MAAM,aAAa,GAAG,CAAC,EAAE,aAAa,EAAE,mBAAmB,EAAE,QAAQ,EAAsB,KAAI;IACpG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAwB,OAAO;AAC/D,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,gBAAgB,EAAE,mBAAmB;AACrC,QAAA,aAAa,EAAE,CAAC;AACjB,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;AAE/D,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;IAC1B,SAAS,CAAC,MAAK;QACb,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS;AAAE,YAAA,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC;QAChF,IAAI,KAAK,CAAC,gBAAgB,KAAK,IAAI,CAAC,OAAO,CAAC,gBAAgB;AAAE,YAAA,mBAAmB,GAAG,KAAK,CAAC,gBAAgB,CAAC;AAC3G,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACtB,IAAA,CAAC,CAAC;AAEF,IAAA,OAAOA,GAAA,CAAC,wBAAwB,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,QAAA,EAAG,QAAQ,GAA4B;AACnG;;;;"}

package/dist/components/organisms/Messaging/index.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Avatar = require('@flipdish/ui-library/components/atoms/Avatar');
+var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+
+const MessageStatus = ({ status, readAt }) => {
+    return (jsxRuntime.jsx(Tooltip.Tooltip, { title: status === 'sent' ? 'Unread' : status === 'read' ? `Read${readAt ? ` ${readAt}` : ''}` : 'Failed', children: jsxRuntime.jsx(reactAriaComponents.Button, { className: "focus:outline-hidden", children: jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [status === 'sent' && (jsxRuntime.jsx("path", { d: "M13 5L7 11L4 8", className: "stroke-fg-quaternary", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })), status === 'read' && (jsxRuntime.jsx("path", { d: "M10.5 5L4.5 11L1.5 8M14.5 5L8.5 11L6.5 9", className: "stroke-fg-brand-secondary", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })), status === 'failed' && (jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM7.25 5C7.25 4.58579 7.58579 4.25 8 4.25C8.41421 4.25 8.75 4.58579 8.75 5V8.5C8.75 8.91421 8.41421 9.25 8 9.25C7.58579 9.25 7.25 8.91421 7.25 8.5V5ZM8 11.75C8.41421 11.75 8.75 11.4142 8.75 11C8.75 10.5858 8.41421 10.25 8 10.25C7.58579 10.25 7.25 10.5858 7.25 11C7.25 11.4142 7.58579 11.75 8 11.75Z", className: "fill-fg-error-primary" }))] }) }) }));
+};
+const MessageItem = ({ msg, showUserLabel = true, ...props }) => {
+    const renderActions = () => (jsxRuntime.jsxs("div", { className: "dark-mode absolute right-2 -bottom-5 z-1 flex gap-1.5 rounded-lg bg-primary_alt px-2 py-1.5 opacity-0 shadow-xl transition duration-100 ease-linear group-hover/msg:opacity-100", children: [jsxRuntime.jsx("button", { title: "Generate with AI", "aria-label": "Generate with AI", className: "cursor-pointer rounded p-0.5 text-fg-quaternary outline-focus-ring transition duration-100 ease-linear hover:text-fg-quaternary_hover focus-visible:outline-2 focus-visible:outline-offset-2", children: jsxRuntime.jsx(uiIcons.Stars02, { className: "size-4" }) }), (msg.text || msg.attachment || msg.audio || msg.image) && (
+            // biome-ignore lint/a11y/useButtonType: we don't need a type for this button
+            jsxRuntime.jsx("button", { title: msg.text ? 'Edit message' : 'Download', "aria-label": msg.text ? 'Edit message' : 'Download', className: "cursor-pointer rounded p-0.5 text-fg-quaternary outline-focus-ring transition duration-100 ease-linear hover:text-fg-quaternary_hover focus-visible:outline-2 focus-visible:outline-offset-2", children: msg.text ? jsxRuntime.jsx(uiIcons.Edit04, { className: "size-4" }) : jsxRuntime.jsx(uiIcons.DownloadCloud02, { className: "size-4" }) })), jsxRuntime.jsx("button", { title: "Reply", "aria-label": "Reply", className: "cursor-pointer rounded p-0.5 text-fg-quaternary outline-focus-ring transition duration-100 ease-linear hover:text-fg-quaternary_hover focus-visible:outline-2 focus-visible:outline-offset-2", children: jsxRuntime.jsx(uiIcons.RefreshCcw02, { className: "size-4" }) }), jsxRuntime.jsx("button", { title: "Copy", "aria-label": "Copy", className: "cursor-pointer rounded p-0.5 text-fg-quaternary outline-focus-ring transition duration-100 ease-linear hover:text-fg-quaternary_hover focus-visible:outline-2 focus-visible:outline-offset-2", children: jsxRuntime.jsx(uiIcons.Copy01, { className: "size-4" }) })] }));
+    return (jsxRuntime.jsxs("li", { ...props, className: cx.cx('relative flex items-start gap-3', msg.user?.me ? 'self-end pl-10' : 'pr-8 lg:pr-10', props.className), children: [msg.user && !msg.user.me && jsxRuntime.jsx(Avatar.Avatar, { src: msg.user.avatarUrl, alt: msg.user.name, size: "sm", status: msg.user.status }), jsxRuntime.jsxs("article", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [((msg.user && showUserLabel) || msg.sentAt || msg.status) && (jsxRuntime.jsxs("header", { className: "flex items-center gap-2", children: [msg.user && showUserLabel && (jsxRuntime.jsx("cite", { className: "flex-1 truncate text-sm font-medium text-secondary not-italic", children: msg.user.me ? 'You' : msg.user.name })), !msg.typing && (msg.sentAt || msg.status) && (jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5", children: [msg.sentAt && (jsxRuntime.jsx("time", { className: "text-xs text-tertiary", dateTime: msg.sentAt, children: msg.sentAt })), msg.status && jsxRuntime.jsx(MessageStatus, { status: msg.status, readAt: msg.readAt })] }))] })), msg.text ? (jsxRuntime.jsxs("div", { className: cx.cx('group/msg relative rounded-lg px-3 py-2 text-md wrap-break-word text-primary ring-1 ring-secondary ring-inset', msg.user?.me ? 'rounded-tr-none bg-primary pr-4' : 'rounded-tl-none bg-secondary', 
+                        // Link styles
+                        '[&_a]:rounded-xs [&_a]:text-brand-secondary [&_a]:underline [&_a]:underline-offset-2 [&_a]:outline-focus-ring [&_a]:transition [&_a]:duration-100 [&_a]:ease-linear [&_a]:hover:text-brand-secondary_hover [&_a]:focus-visible:outline-2 [&_a]:focus-visible:outline-offset-2'), children: [msg.reply && (jsxRuntime.jsx("blockquote", { className: "relative mb-1.5 rounded-lg bg-primary px-3 py-2 text-sm text-tertiary ring-1 ring-secondary ring-inset before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border-l-[3px] before:border-brand", children: msg.reply.text })), msg.image && (jsxRuntime.jsx("figure", { className: "mt-1 mb-1.5", children: jsxRuntime.jsx("img", { src: msg.image.src, alt: msg.image.alt, className: "w-full rounded-md object-cover outline-1 -outline-offset-[0.5px] outline-black/10" }) })), msg.urlPreview && (jsxRuntime.jsxs("aside", { className: "mt-1 mb-1.5 flex items-start gap-1.5 rounded-lg bg-primary p-2 pr-3 ring-1 ring-secondary ring-inset", children: [jsxRuntime.jsx(uiIcons.Link03, { className: "mt-0.5 size-4 shrink-0 text-fg-quaternary" }), jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [jsxRuntime.jsx("p", { className: "w-full truncate text-sm font-medium text-secondary", children: msg.urlPreview.title }), jsxRuntime.jsx("p", { className: "w-full truncate text-sm text-tertiary", children: msg.urlPreview.description })] })] })), msg.text, renderActions()] })) : msg.image ? (jsxRuntime.jsxs("figure", { className: "flex flex-col gap-1.5", children: [jsxRuntime.jsxs("div", { className: "group/msg relative", children: [jsxRuntime.jsx("img", { src: msg.image.src, alt: msg.image.alt, className: "w-full rounded-md object-cover outline-1 -outline-offset-[0.5px] outline-black/10" }), renderActions()] }), jsxRuntime.jsxs("figcaption", { className: "flex items-center gap-1", children: [jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium text-secondary", children: msg.image.name }), jsxRuntime.jsx("span", { className: "text-sm text-tertiary", children: msg.image.size })] })] })) : msg.audio ? (jsxRuntime.jsxs("div", { className: "group/msg relative flex items-center gap-2 rounded-lg rounded-tl-none bg-primary p-3 ring-1 ring-secondary", children: [jsxRuntime.jsx("button", { "aria-label": "Play audio message", className: "flex size-8 cursor-pointer items-center justify-center rounded-full bg-fg-brand-primary_alt outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: jsxRuntime.jsx("svg", { width: "12.8", height: "14", viewBox: "0 0 16 16", fill: "none", className: "translate-x-[1px] text-fg-white", children: jsxRuntime.jsx("path", { d: "M2.19995 2.86327C2.19995 1.61155 3.57248 0.844595 4.63851 1.50061L12.9856 6.63731C14.0009 7.26209 14.0009 8.73784 12.9856 9.36262L4.63851 14.4993C3.57247 15.1553 2.19995 14.3884 2.19995 13.1367V2.86327Z", fill: "currentColor" }) }) }), jsxRuntime.jsx("svg", { width: "206", height: "34", viewBox: "0 0 206 34", fill: "none", className: "flex-1 text-fg-brand-primary_alt", children: jsxRuntime.jsx("path", { d: "M1 15V19M5 15V19M9 15V19M13 15V19M17 9.00005V25M21 5.00005V29M25 1.00005V33M29 1.00005V33M33 5.00005V29M37 13V21M41 9.00005V25M45 13V21M49 5.00005V29M53 5.00005V29M57 9.00005V25M61 9.00005V25M65 1.00005V33M69 1.00005V33M73 5.00005V29M77 1.00005V33M81 9.00005V25M85 13V21M89 15V19.0001M93 15V19.0001M97 13V21.0001M101 13V21.0001M105 9V25.0001M109 5V29.0001M113 1V33.0001M117 5V29.0001M121 5V29.0001M125 5V29.0001M129 9V25.0001M133 13V21.0001M137 9V25.0001M141 13V21.0001M145 9V25.0001M149 5V29.0001M153 5V29.0001M157 9V25.0001M161 1V33.0001M165 5V29.0001M169 9V25.0001M173 13V21.0001M177 15V19.0001M181 9V25.0001M185 5V29.0001M189 5V29.0001M193 9V25.0001M197 15V19.0001M201 15V19.0001M205 15V19.0001", stroke: "currentColor", strokeLinecap: "round" }) }), jsxRuntime.jsx("p", { className: "text-xs text-tertiary", children: msg.audio.duration }), renderActions()] })) : null, msg.attachment && (jsxRuntime.jsxs("div", { className: "group/msg relative flex gap-3 rounded-lg rounded-tl-none bg-primary px-3.5 py-2.5 ring-1 ring-secondary", children: [jsxRuntime.jsx(uiIcons.FileIcon, { type: msg.attachment.type, theme: "light", className: "size-10 dark:hidden" }), jsxRuntime.jsx(uiIcons.FileIcon, { type: msg.attachment.type, theme: "dark", className: "size-10 not-dark:hidden" }), jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-secondary", children: msg.attachment.name }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary", children: msg.attachment.size })] }), renderActions()] })), msg.reactions && msg.reactions.length > 0 && (jsxRuntime.jsx("ul", { className: "flex justify-end gap-1", children: msg.reactions?.map((reaction) => (jsxRuntime.jsxs("li", { className: "flex h-6 items-center gap-1 rounded-2xl bg-secondary px-2 py-0.5 ring-1 ring-secondary ring-inset", children: [reaction.content, reaction.count > 1 && jsxRuntime.jsx("span", { className: "text-sm font-medium text-secondary", children: reaction.count })] }, reaction.content))) })), msg.typing && (jsxRuntime.jsxs("div", { className: "flex h-7 w-10 items-center justify-center gap-1 self-start rounded-lg rounded-tl-none bg-secondary text-md text-primary ring-1 ring-secondary ring-inset", children: [jsxRuntime.jsx("div", { className: "size-1 animate-bounce rounded-full bg-fg-tertiary [animation-delay:-0.3s]" }), jsxRuntime.jsx("div", { className: "size-1 animate-bounce rounded-full bg-fg-quaternary [animation-delay:-0.15s]" }), jsxRuntime.jsx("div", { className: "size-1 animate-bounce rounded-full bg-fg-tertiary" })] }))] })] }, msg.id));
+};
+
+exports.MessageItem = MessageItem;
+exports.MessageStatus = MessageStatus;
+//# sourceMappingURL=index.cjs.map

package/dist/components/organisms/Messaging/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/Messaging/index.tsx"],"sourcesContent":[null],"names":["_jsx","Tooltip","AriaButton","_jsxs","Stars02","Edit04","DownloadCloud02","RefreshCcw02","Copy01","cx","Avatar","Link03","FileIcon"],"mappings":"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"}