@flipdish/ui-library 0.2.2 → 0.3.1

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

@@ -0,0 +1,160 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var hintText = require('@flipdish/ui-library/components/atoms/Input/components/hint-text');
+var label = require('@flipdish/ui-library/components/atoms/Input/components/label');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var extensionImage = require('@tiptap/extension-image');
+var extensionPlaceholder = require('@tiptap/extension-placeholder');
+var extensionTextAlign = require('@tiptap/extension-text-align');
+var extensionTextStyle = require('@tiptap/extension-text-style');
+var react = require('@tiptap/react');
+var starterKit = require('@tiptap/starter-kit');
+var React = require('react');
+var textEditorCharacterCount = require('./components/text-editor-character-count.cjs');
+var textEditorToolbar = require('./components/text-editor-toolbar.cjs');
+var textEditorTooltip = require('./components/text-editor-tooltip.cjs');
+
+// Creates a data URL for an SVG resize handle with a given color.
+const getResizeHandleBg = (color) => {
+    return `url(data:image/svg+xml;base64,${btoa(`<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 2L2 10" stroke="${color}" stroke-linecap="round"/><path d="M11 7L7 11" stroke="${color}" stroke-linecap="round"/></svg>`)})`;
+};
+const EditorContext = React.createContext(null);
+const useEditorContext = () => {
+    const context = React.useContext(EditorContext);
+    if (!context) {
+        throw new Error('useEditorContext must be used within a EditorProvider');
+    }
+    return context;
+};
+const TextEditorRoot = ({ className, inputClassName, children, isInvalid, isDisabled, limit, placeholder = 'Write something...', ...editorOptions }) => {
+    const id = React.useId();
+    const editorId = `editor-${id}`;
+    const editor = react.useEditor({
+        ...editorOptions,
+        editable: !isDisabled,
+        immediatelyRender: false,
+        extensions: [
+            starterKit.StarterKit.configure({
+                blockquote: {
+                    HTMLAttributes: {
+                        class: 'my-3.5 border-l-4 border-secondary pl-4',
+                    },
+                },
+                bulletList: {
+                    HTMLAttributes: {
+                        class: 'list-disc ml-7',
+                    },
+                },
+                orderedList: {
+                    HTMLAttributes: {
+                        class: 'list-decimal ml-7',
+                    },
+                },
+                link: {
+                    openOnClick: false,
+                    autolink: true,
+                    defaultProtocol: 'https',
+                    HTMLAttributes: {
+                        class: 'text-primary underline',
+                    },
+                },
+            }),
+            extensionTextStyle.TextStyleKit,
+            extensionTextAlign.TextAlign.configure({
+                types: ['heading', 'paragraph'],
+            }),
+            extensionImage.Image.configure({
+                HTMLAttributes: {
+                    class: 'my-3',
+                },
+            }),
+            extensionPlaceholder.Placeholder.configure({
+                placeholder: ({ node }) => {
+                    if (node.type.name === 'bulletList' || node.type.name === 'orderedList')
+                        return '';
+                    return placeholder;
+                },
+                emptyEditorClass: 'first:before:text-placeholder first:before:float-left first:before:content-[attr(data-placeholder)] first:before:pointer-events-none first:before:absolute',
+            }),
+            textEditorCharacterCount.CharacterCount,
+        ],
+        editorProps: {
+            attributes: {
+                id: editorId,
+                ['aria-labelledby']: `${editorId}-label`,
+                ['aria-describedby']: `${editorId}-hint`,
+                style: `
+                    --resize-handle-bg: ${getResizeHandleBg('#D5D7DA')};
+                    --resize-handle-bg-dark: ${getResizeHandleBg('#373A41')};
+                `,
+                class: cx.cx('w-full resize scroll-py-3 overflow-auto rounded-lg bg-primary p-5 text-md leading-[1.5] text-primary caret-fg-brand-primary shadow-xs ring-1 ring-primary transition duration-100 ease-linear ring-inset selection:bg-fg-brand-primary/10 placeholder:text-placeholder autofill:rounded-lg autofill:text-primary focus:ring-2 focus:ring-brand focus:outline-hidden', 
+                // Resize handle
+                '[&::-webkit-resizer]:bg-(image:--resize-handle-bg) [&::-webkit-resizer]:bg-contain dark:[&::-webkit-resizer]:bg-(image:--resize-handle-bg-dark)', isDisabled && 'cursor-not-allowed opacity-50', isInvalid && 'ring-error_subtle focus:ring-2 focus:ring-error', inputClassName),
+            },
+        },
+    });
+    React.useEffect(() => {
+        const setLink = () => {
+            if (!editor)
+                return;
+            const previousUrl = editor.getAttributes('link').href;
+            const url = window.prompt('Please enter a link', previousUrl);
+            // Cancelled.
+            if (url === null) {
+                return;
+            }
+            // If empty, remove link.
+            if (url === '') {
+                editor.chain().focus().extendMarkRange('link').unsetLink().run();
+                return;
+            }
+            // Update link.
+            editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run();
+        };
+        // Add a keyboard shortcut listener to handle link clicks
+        const handleKeyDown = (event) => {
+            if (event.metaKey && event.key === 'k') {
+                setLink();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [editor]);
+    if (!editor) {
+        return null;
+    }
+    return (jsxRuntime.jsx(EditorContext.Provider, { value: { editor, isDisabled, limit, isInvalid, editorId }, children: jsxRuntime.jsx("div", { className: cx.cx('flex w-full flex-col gap-3', className), children: children }) }));
+};
+const TextEditorContent = ({ ...props }) => {
+    const { editor, isDisabled } = useEditorContext();
+    return jsxRuntime.jsx(react.EditorContent, { disabled: isDisabled, ...props, editor: editor });
+};
+const TextEditorLabel = ({ children, ...props }) => {
+    const { editor, editorId } = useEditorContext();
+    return (jsxRuntime.jsx(label.Label, { ...props, id: `${editorId}-label`, onClick: () => {
+            editor.chain().focus().run();
+        }, children: children }));
+};
+const TextEditorHintText = ({ children, ...props }) => {
+    const { editor, editorId, limit, isInvalid } = useEditorContext();
+    if (!children && !limit)
+        return null;
+    const charactersLeft = typeof limit === 'number' ? limit - editor.storage?.characterCount?.characters() : 0;
+    const exceedsLimit = charactersLeft < 0;
+    return (jsxRuntime.jsx(hintText.HintText, { ...props, id: `${editorId}-hint`, isInvalid: isInvalid || exceedsLimit, className: cx.cx(limit && 'tabular-nums', props.className), children: children || `${charactersLeft.toLocaleString()} character${charactersLeft === 1 ? '' : 's'} left` }));
+};
+const TextEditor = {
+    Root: TextEditorRoot,
+    Toolbar: textEditorToolbar.TextEditorToolbar,
+    Tooltip: textEditorTooltip.TextEditorTooltip,
+    Content: TextEditorContent,
+    Label: TextEditorLabel,
+    HintText: TextEditorHintText,
+};
+
+exports.TextEditor = TextEditor;
+exports.useEditorContext = useEditorContext;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/TextEditor/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useId","useEditor","StarterKit","TextStyleKit","TextAlign","Image","Placeholder","CharacterCount","cx","useEffect","_jsx","EditorContent","Label","HintText","TextEditorToolbar","TextEditorTooltip"],"mappings":"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"}

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

@@ -0,0 +1,38 @@
+import { Label } from '@flipdish/ui-library/components/atoms/Input/components/label';
+import type { Editor, EditorContentProps, EditorOptions } from '@tiptap/react';
+import type { ComponentProps, HTMLAttributes, ReactNode, Ref } from 'react';
+type EditorContextType = {
+    editor: Editor;
+    editorId: string;
+    isDisabled?: boolean;
+    limit?: number;
+    isInvalid?: boolean;
+};
+export declare const useEditorContext: () => EditorContextType;
+interface TextEditorRootProps extends Partial<EditorOptions> {
+    className?: string;
+    isDisabled?: boolean;
+    limit?: number;
+    placeholder?: string;
+    isInvalid?: boolean;
+    children?: ReactNode;
+    inputClassName?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+interface TextEditorContentProps extends Omit<EditorContentProps, 'editor'> {
+    ref?: Ref<HTMLDivElement>;
+}
+interface TextEditorLabelProps extends ComponentProps<typeof Label> {
+}
+interface TextEditorHintTextProps extends HTMLAttributes<HTMLElement> {
+}
+export declare const TextEditor: {
+    Root: ({ className, inputClassName, children, isInvalid, isDisabled, limit, placeholder, ...editorOptions }: TextEditorRootProps) => import("react").JSX.Element | null;
+    Toolbar: ({ className, ref, type, floating, hideFontSize }: import("./components/text-editor-toolbar").TextEditorToolbarProps) => import("react").JSX.Element;
+    Tooltip: ({ className, theme }: import("./components/text-editor-tooltip").TextEditorTooltipProps) => import("react").JSX.Element;
+    Content: ({ ...props }: TextEditorContentProps) => import("react").JSX.Element;
+    Label: ({ children, ...props }: TextEditorLabelProps) => import("react").JSX.Element;
+    HintText: ({ children, ...props }: TextEditorHintTextProps) => import("react").JSX.Element | null;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/TextEditor/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,8DAA8D,CAAC;AAMrF,OAAO,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAG/E,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAW5E,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAIF,eAAO,MAAM,gBAAgB,yBAM5B,CAAC;AAEF,UAAU,mBAAoB,SAAQ,OAAO,CAAC,aAAa,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAwID,UAAU,sBAAuB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;IACzE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAQD,UAAU,oBAAqB,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC;CAAG;AAkBtE,UAAU,uBAAwB,SAAQ,cAAc,CAAC,WAAW,CAAC;CAAG;AAiBxE,eAAO,MAAM,UAAU;iHA1KpB,mBAAmB;;;4BAiImB,sBAAsB;oCAQd,oBAAoB;uCAkBjB,uBAAuB;CAsB1E,CAAC"}

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

@@ -0,0 +1,157 @@
+import { jsx } from 'react/jsx-runtime';
+import { HintText } from '@flipdish/ui-library/components/atoms/Input/components/hint-text';
+import { Label } from '@flipdish/ui-library/components/atoms/Input/components/label';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { Image } from '@tiptap/extension-image';
+import { Placeholder } from '@tiptap/extension-placeholder';
+import { TextAlign } from '@tiptap/extension-text-align';
+import { TextStyleKit } from '@tiptap/extension-text-style';
+import { EditorContent, useEditor } from '@tiptap/react';
+import { StarterKit } from '@tiptap/starter-kit';
+import { createContext, useId, useEffect, useContext } from 'react';
+import { CharacterCount } from './components/text-editor-character-count.js';
+import { TextEditorToolbar } from './components/text-editor-toolbar.js';
+import { TextEditorTooltip } from './components/text-editor-tooltip.js';
+
+// Creates a data URL for an SVG resize handle with a given color.
+const getResizeHandleBg = (color) => {
+    return `url(data:image/svg+xml;base64,${btoa(`<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 2L2 10" stroke="${color}" stroke-linecap="round"/><path d="M11 7L7 11" stroke="${color}" stroke-linecap="round"/></svg>`)})`;
+};
+const EditorContext = createContext(null);
+const useEditorContext = () => {
+    const context = useContext(EditorContext);
+    if (!context) {
+        throw new Error('useEditorContext must be used within a EditorProvider');
+    }
+    return context;
+};
+const TextEditorRoot = ({ className, inputClassName, children, isInvalid, isDisabled, limit, placeholder = 'Write something...', ...editorOptions }) => {
+    const id = useId();
+    const editorId = `editor-${id}`;
+    const editor = useEditor({
+        ...editorOptions,
+        editable: !isDisabled,
+        immediatelyRender: false,
+        extensions: [
+            StarterKit.configure({
+                blockquote: {
+                    HTMLAttributes: {
+                        class: 'my-3.5 border-l-4 border-secondary pl-4',
+                    },
+                },
+                bulletList: {
+                    HTMLAttributes: {
+                        class: 'list-disc ml-7',
+                    },
+                },
+                orderedList: {
+                    HTMLAttributes: {
+                        class: 'list-decimal ml-7',
+                    },
+                },
+                link: {
+                    openOnClick: false,
+                    autolink: true,
+                    defaultProtocol: 'https',
+                    HTMLAttributes: {
+                        class: 'text-primary underline',
+                    },
+                },
+            }),
+            TextStyleKit,
+            TextAlign.configure({
+                types: ['heading', 'paragraph'],
+            }),
+            Image.configure({
+                HTMLAttributes: {
+                    class: 'my-3',
+                },
+            }),
+            Placeholder.configure({
+                placeholder: ({ node }) => {
+                    if (node.type.name === 'bulletList' || node.type.name === 'orderedList')
+                        return '';
+                    return placeholder;
+                },
+                emptyEditorClass: 'first:before:text-placeholder first:before:float-left first:before:content-[attr(data-placeholder)] first:before:pointer-events-none first:before:absolute',
+            }),
+            CharacterCount,
+        ],
+        editorProps: {
+            attributes: {
+                id: editorId,
+                ['aria-labelledby']: `${editorId}-label`,
+                ['aria-describedby']: `${editorId}-hint`,
+                style: `
+                    --resize-handle-bg: ${getResizeHandleBg('#D5D7DA')};
+                    --resize-handle-bg-dark: ${getResizeHandleBg('#373A41')};
+                `,
+                class: cx('w-full resize scroll-py-3 overflow-auto rounded-lg bg-primary p-5 text-md leading-[1.5] text-primary caret-fg-brand-primary shadow-xs ring-1 ring-primary transition duration-100 ease-linear ring-inset selection:bg-fg-brand-primary/10 placeholder:text-placeholder autofill:rounded-lg autofill:text-primary focus:ring-2 focus:ring-brand focus:outline-hidden', 
+                // Resize handle
+                '[&::-webkit-resizer]:bg-(image:--resize-handle-bg) [&::-webkit-resizer]:bg-contain dark:[&::-webkit-resizer]:bg-(image:--resize-handle-bg-dark)', isDisabled && 'cursor-not-allowed opacity-50', isInvalid && 'ring-error_subtle focus:ring-2 focus:ring-error', inputClassName),
+            },
+        },
+    });
+    useEffect(() => {
+        const setLink = () => {
+            if (!editor)
+                return;
+            const previousUrl = editor.getAttributes('link').href;
+            const url = window.prompt('Please enter a link', previousUrl);
+            // Cancelled.
+            if (url === null) {
+                return;
+            }
+            // If empty, remove link.
+            if (url === '') {
+                editor.chain().focus().extendMarkRange('link').unsetLink().run();
+                return;
+            }
+            // Update link.
+            editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run();
+        };
+        // Add a keyboard shortcut listener to handle link clicks
+        const handleKeyDown = (event) => {
+            if (event.metaKey && event.key === 'k') {
+                setLink();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [editor]);
+    if (!editor) {
+        return null;
+    }
+    return (jsx(EditorContext.Provider, { value: { editor, isDisabled, limit, isInvalid, editorId }, children: jsx("div", { className: cx('flex w-full flex-col gap-3', className), children: children }) }));
+};
+const TextEditorContent = ({ ...props }) => {
+    const { editor, isDisabled } = useEditorContext();
+    return jsx(EditorContent, { disabled: isDisabled, ...props, editor: editor });
+};
+const TextEditorLabel = ({ children, ...props }) => {
+    const { editor, editorId } = useEditorContext();
+    return (jsx(Label, { ...props, id: `${editorId}-label`, onClick: () => {
+            editor.chain().focus().run();
+        }, children: children }));
+};
+const TextEditorHintText = ({ children, ...props }) => {
+    const { editor, editorId, limit, isInvalid } = useEditorContext();
+    if (!children && !limit)
+        return null;
+    const charactersLeft = typeof limit === 'number' ? limit - editor.storage?.characterCount?.characters() : 0;
+    const exceedsLimit = charactersLeft < 0;
+    return (jsx(HintText, { ...props, id: `${editorId}-hint`, isInvalid: isInvalid || exceedsLimit, className: cx(limit && 'tabular-nums', props.className), children: children || `${charactersLeft.toLocaleString()} character${charactersLeft === 1 ? '' : 's'} left` }));
+};
+const TextEditor = {
+    Root: TextEditorRoot,
+    Toolbar: TextEditorToolbar,
+    Tooltip: TextEditorTooltip,
+    Content: TextEditorContent,
+    Label: TextEditorLabel,
+    HintText: TextEditorHintText,
+};
+
+export { TextEditor, useEditorContext };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/TextEditor/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;AAkBA;AACA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAI;IAC1C,OAAO,CAAA,8BAAA,EAAiC,IAAI,CAAC,CAAA,4HAAA,EAA+H,KAAK,0DAA0D,KAAK,CAAA,gCAAA,CAAkC,CAAC,CAAA,CAAA,CAAG;AACxR,CAAC;AAUD,MAAM,aAAa,GAAG,aAAa,CAA2B,IAAI,CAAC;AAE5D,MAAM,gBAAgB,GAAG,MAAK;AACnC,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC;IAC1E;AACA,IAAA,OAAO,OAAO;AAChB;AAaA,MAAM,cAAc,GAAG,CAAC,EACtB,SAAS,EACT,cAAc,EACd,QAAQ,EACR,SAAS,EACT,UAAU,EACV,KAAK,EACL,WAAW,GAAG,oBAAoB,EAClC,GAAG,aAAa,EACI,KAAI;AACxB,IAAA,MAAM,EAAE,GAAG,KAAK,EAAE;AAClB,IAAA,MAAM,QAAQ,GAAG,CAAA,OAAA,EAAU,EAAE,EAAE;IAE/B,MAAM,MAAM,GAAG,SAAS,CAAC;AACvB,QAAA,GAAG,aAAa;QAChB,QAAQ,EAAE,CAAC,UAAU;AACrB,QAAA,iBAAiB,EAAE,KAAK;AACxB,QAAA,UAAU,EAAE;YACV,UAAU,CAAC,SAAS,CAAC;AACnB,gBAAA,UAAU,EAAE;AACV,oBAAA,cAAc,EAAE;AACd,wBAAA,KAAK,EAAE,yCAAyC;AACjD,qBAAA;AACF,iBAAA;AACD,gBAAA,UAAU,EAAE;AACV,oBAAA,cAAc,EAAE;AACd,wBAAA,KAAK,EAAE,gBAAgB;AACxB,qBAAA;AACF,iBAAA;AACD,gBAAA,WAAW,EAAE;AACX,oBAAA,cAAc,EAAE;AACd,wBAAA,KAAK,EAAE,mBAAmB;AAC3B,qBAAA;AACF,iBAAA;AACD,gBAAA,IAAI,EAAE;AACJ,oBAAA,WAAW,EAAE,KAAK;AAClB,oBAAA,QAAQ,EAAE,IAAI;AACd,oBAAA,eAAe,EAAE,OAAO;AACxB,oBAAA,cAAc,EAAE;AACd,wBAAA,KAAK,EAAE,wBAAwB;AAChC,qBAAA;AACF,iBAAA;aACF,CAAC;YACF,YAAY;YACZ,SAAS,CAAC,SAAS,CAAC;AAClB,gBAAA,KAAK,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;aAChC,CAAC;YACF,KAAK,CAAC,SAAS,CAAC;AACd,gBAAA,cAAc,EAAE;AACd,oBAAA,KAAK,EAAE,MAAM;AACd,iBAAA;aACF,CAAC;YACF,WAAW,CAAC,SAAS,CAAC;AACpB,gBAAA,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,KAAI;AACxB,oBAAA,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,aAAa;AAAE,wBAAA,OAAO,EAAE;AAClF,oBAAA,OAAO,WAAW;gBACpB,CAAC;AACD,gBAAA,gBAAgB,EACd,4JAA4J;aAC/J,CAAC;YACF,cAAc;AACf,SAAA;AAED,QAAA,WAAW,EAAE;AACX,YAAA,UAAU,EAAE;AACV,gBAAA,EAAE,EAAE,QAAQ;AACZ,gBAAA,CAAC,iBAAiB,GAAG,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ;AACxC,gBAAA,CAAC,kBAAkB,GAAG,CAAA,EAAG,QAAQ,CAAA,KAAA,CAAO;AACxC,gBAAA,KAAK,EAAE;0CAC2B,iBAAiB,CAAC,SAAS,CAAC,CAAA;+CACvB,iBAAiB,CAAC,SAAS,CAAC,CAAA;AAC1D,gBAAA,CAAA;gBACT,KAAK,EAAE,EAAE,CACP,qWAAqW;;gBAGrW,iJAAiJ,EAEjJ,UAAU,IAAI,+BAA+B,EAC7C,SAAS,IAAI,iDAAiD,EAC9D,cAAc,CACf;AACF,aAAA;AACF,SAAA;AACF,KAAA,CAAC;IAEF,SAAS,CAAC,MAAK;QACb,MAAM,OAAO,GAAG,MAAK;AACnB,YAAA,IAAI,CAAC,MAAM;gBAAE;YAEb,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI;YACrD,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,qBAAqB,EAAE,WAAW,CAAC;;AAG7D,YAAA,IAAI,GAAG,KAAK,IAAI,EAAE;gBAChB;YACF;;AAGA,YAAA,IAAI,GAAG,KAAK,EAAE,EAAE;AACd,gBAAA,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE;gBAEhE;YACF;;YAGA,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE;AAC7E,QAAA,CAAC;;AAGD,QAAA,MAAM,aAAa,GAAG,CAAC,KAAoB,KAAI;YAC7C,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;AACtC,gBAAA,OAAO,EAAE;YACX;AACF,QAAA,CAAC;AAED,QAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC;AAEnD,QAAA,OAAO,MAAK;AACV,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC;AACxD,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEZ,IAAI,CAAC,MAAM,EAAE;AACX,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,QACEA,GAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAA,QAAA,EAC/EA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAO,EAAA,CACtD;AAE7B,CAAC;AAMD,MAAM,iBAAiB,GAAG,CAAC,EAAE,GAAG,KAAK,EAA0B,KAAI;IACjE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,gBAAgB,EAAE;AAEjD,IAAA,OAAOA,GAAA,CAAC,aAAa,EAAA,EAAC,QAAQ,EAAE,UAAU,EAAA,GAAM,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI;AAC3E,CAAC;AAID,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAwB,KAAI;IACvE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE;AAE/C,IAAA,QACEA,GAAA,CAAC,KAAK,EAAA,EAAA,GACA,KAAK,EACT,EAAE,EAAE,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ,EACvB,OAAO,EAAE,MAAK;YACZ,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE;AAC9B,QAAA,CAAC,EAAA,QAAA,EAEA,QAAQ,EAAA,CACH;AAEZ,CAAC;AAID,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA2B,KAAI;AAC7E,IAAA,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE;AAEjE,IAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,IAAI;IAEpC,MAAM,cAAc,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,CAAC;AAC3G,IAAA,MAAM,YAAY,GAAG,cAAc,GAAG,CAAC;IAEvC,QACEA,GAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,KAAK,EAAE,EAAE,EAAE,CAAA,EAAG,QAAQ,CAAA,KAAA,CAAO,EAAE,SAAS,EAAE,SAAS,IAAI,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,KAAK,IAAI,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACvI,QAAQ,IAAI,GAAG,cAAc,CAAC,cAAc,EAAE,CAAA,UAAA,EAAa,cAAc,KAAK,CAAC,GAAG,EAAE,GAAG,GAAG,CAAA,KAAA,CAAO,EAAA,CACzF;AAEf,CAAC;AAEM,MAAM,UAAU,GAAG;AACxB,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,KAAK,EAAE,eAAe;AACtB,IAAA,QAAQ,EAAE,kBAAkB;;;;;"}

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

@@ -0,0 +1,166 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Checkbox = require('@flipdish/ui-library/components/atoms/Checkbox');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var isReactComponent = require('@flipdish/ui-library/utilities/isReactComponent');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var treeView_utils = require('./treeView.utils.cjs');
+
+const TreeViewContext = React.createContext({
+    size: 'sm',
+    showConnectors: false,
+    selectedKeys: new Set(),
+    collectionRef: { current: null },
+});
+const INDENT_SIZE = 24;
+const BASE_PADDING = 8;
+const Connector = ({ type, size }) => (jsxRuntime.jsxs("div", { className: "relative size-4 shrink-0", "data-tree-connector": true, children: [type === 'line' && (jsxRuntime.jsx("div", { className: cx.cx('absolute top-1/2 left-1/2 w-px -translate-x-1/2 -translate-y-1/2 bg-border-secondary', size === 'sm' ? 'h-[42px]' : 'h-[44px]') })), type === 'end' && (jsxRuntime.jsx("div", { className: cx.cx('absolute bottom-2 left-1/2 w-px -translate-x-1/2', size === 'sm' ? 'h-[22px]' : 'h-[24px]'), children: jsxRuntime.jsx("div", { className: cx.cx('border-b border-l border-border-secondary', size === 'sm' ? 'h-[22px] w-[10px] rounded-bl-[5px]' : 'h-[24px] w-[12px] rounded-bl-[6px]') }) }))] }));
+/** Drop indicator line shown between items during drag and drop. */
+const TreeViewDropIndicator = (props) => (jsxRuntime.jsx(reactAriaComponents.DropIndicator, { ...props, className: "relative h-0 outline-hidden before:absolute before:inset-x-0 before:-top-px before:z-10 before:h-0.5 before:rounded-full before:bg-brand-solid" }));
+const TreeViewRoot = ({ size = 'sm', showConnectors = false, draggable = false, onReorder: onReorderProp, onMove: onMoveProp, className, selectedKeys: controlledSelectedKeys, defaultSelectedKeys, onSelectionChange: onSelectionChangeProp, selectionMode, dragAndDropHooks: externalDragAndDropHooks, ...props }) => {
+    const treeRef = React.useRef(null);
+    const collectionRef = React.useRef(null);
+    /* Cascading selection state */
+    const [internalSelectedKeys, setInternalSelectedKeys] = React.useState(() => defaultSelectedKeys === 'all'
+        ? 'all'
+        : defaultSelectedKeys
+            ? new Set(defaultSelectedKeys)
+            : new Set());
+    /*
+     * Tracks the previous selection so we can diff against it in handleSelectionChange.
+     * React Aria's onSelectionChange provides the full new selection set, not a diff.
+     * To cascade correctly (e.g. selecting a parent must select all children, deselecting
+     * a parent must deselect all children), we need to know which keys were added vs removed.
+     * Without this diff we can't distinguish "user selected this parent" from "it was already selected."
+     *
+     * Must be re-synced after drag-and-drop moves change the tree structure (see syncPrevKeys).
+     */
+    const prevKeysRef = React.useRef(defaultSelectedKeys && defaultSelectedKeys !== 'all' ? new Set(defaultSelectedKeys) : new Set());
+    const isControlled = controlledSelectedKeys !== undefined;
+    const selectedKeys = isControlled ? controlledSelectedKeys : internalSelectedKeys;
+    /**
+     * Custom cascading (tri-state) selection.
+     *
+     * React Aria's Tree does not support cascading selection natively — selecting
+     * a parent does not auto-select descendants, and there is no indeterminate
+     * state for partially-selected parents. We layer this on top by diffing
+     * selection changes and propagating up/down the tree.
+     *
+     * Tracked upstream: https://github.com/adobe/react-spectrum/issues/6589
+     */
+    const handleSelectionChange = React.useCallback((newSelection) => {
+        if (selectionMode !== 'multiple' || !collectionRef.current) {
+            onSelectionChangeProp?.(newSelection);
+            if (!isControlled)
+                setInternalSelectedKeys(newSelection);
+            return;
+        }
+        if (newSelection === 'all') {
+            onSelectionChangeProp?.(newSelection);
+            if (!isControlled)
+                setInternalSelectedKeys(newSelection);
+            prevKeysRef.current = new Set();
+            return;
+        }
+        const cascaded = treeView_utils.cascadeSelection(newSelection, prevKeysRef.current, collectionRef.current);
+        prevKeysRef.current = cascaded;
+        if (!isControlled)
+            setInternalSelectedKeys(cascaded);
+        onSelectionChangeProp?.(cascaded);
+    }, [isControlled, onSelectionChangeProp, selectionMode]);
+    /** Re-snapshot current selection into prevKeysRef after DnD moves change the tree structure. */
+    const syncPrevKeys = React.useCallback(() => {
+        if (selectedKeys === 'all') {
+            prevKeysRef.current = new Set();
+        }
+        else {
+            prevKeysRef.current = new Set(selectedKeys);
+        }
+    }, [selectedKeys]);
+    /* Built-in drag and drop */
+    const { dragAndDropHooks: internalDragAndDropHooks } = reactAriaComponents.useDragAndDrop({
+        getItems: (keys) => [...keys].map((key) => ({ 'text/plain': String(key) })),
+        renderDragPreview: (items) => {
+            if (!treeRef.current)
+                return jsxRuntime.jsx("div", {});
+            const keys = new Set(items.map((item) => item['text/plain']));
+            const el = treeView_utils.createDragPreview(treeRef.current, keys);
+            return (jsxRuntime.jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '2px', position: 'relative' }, ref: (node) => {
+                    if (node)
+                        node.replaceChildren(...Array.from(el.childNodes));
+                } }));
+        },
+        renderDropIndicator: (target) => jsxRuntime.jsx(TreeViewDropIndicator, { target: target }),
+        onReorder: onReorderProp
+            ? (e) => {
+                onReorderProp({ keys: e.keys, target: e.target });
+                syncPrevKeys();
+            }
+            : undefined,
+        onMove: onMoveProp
+            ? (e) => {
+                onMoveProp({ keys: e.keys, target: e.target });
+                syncPrevKeys();
+            }
+            : undefined,
+    });
+    const dragAndDropHooks = externalDragAndDropHooks ?? (draggable ? internalDragAndDropHooks : undefined);
+    const contextValue = React.useMemo(() => ({ size, showConnectors, selectedKeys, collectionRef }), [size, showConnectors, selectedKeys]);
+    return (jsxRuntime.jsx(TreeViewContext.Provider, { value: contextValue, children: jsxRuntime.jsx(reactAriaComponents.Tree, { ...props, ref: treeRef, selectionMode: selectionMode, selectedKeys: selectedKeys, onSelectionChange: handleSelectionChange, dragAndDropHooks: dragAndDropHooks, className: (state) => cx.cx('flex flex-col', typeof className === 'function' ? className(state) : className) }) }));
+};
+const TreeViewItem = ({ className, ...props }) => (jsxRuntime.jsx(reactAriaComponents.TreeItem, { ...props, className: (state) => cx.cx('mt-0.5 outline-hidden first:mt-0', typeof className === 'function' ? className(state) : className) }));
+const TreeViewItemContent = ({ icon: Icon, action, children, className }) => {
+    const { size, showConnectors, selectedKeys: ctxSelectedKeys, collectionRef } = React.useContext(TreeViewContext);
+    return (jsxRuntime.jsx(reactAriaComponents.TreeItemContent, { children: (state) => {
+            const { id: itemKey, state: itemState, hasChildItems, isExpanded, isSelected, isDisabled, selectionMode, isFocusVisible, allowsDragging, isDropTarget, level, } = state;
+            const collection = itemState.collection;
+            /*
+             * Sync collection ref for the parent's handleSelectionChange callback.
+             * The collection is only available inside the render callback, but
+             * handleSelectionChange is defined in the parent above <AriaTree>.
+             * The ref bridges this gap. Guarded to write only once.
+             */
+            if (!collectionRef.current) {
+                collectionRef.current = collection;
+            }
+            const isIndeterminate = itemKey != null &&
+                selectionMode === 'multiple' &&
+                hasChildItems &&
+                ctxSelectedKeys !== 'all' &&
+                (() => {
+                    const descendants = treeView_utils.getDescendants(itemKey, collection);
+                    if (descendants.length === 0)
+                        return false;
+                    const selectedCount = descendants.filter((k) => ctxSelectedKeys.has(k)).length;
+                    // Not selected but has selected descendants, or selected but not ALL descendants are selected (stale after move)
+                    return selectedCount > 0 && (!isSelected || selectedCount < descendants.length);
+                })();
+            /* Connector lines — walk up from current item, prepending the connector for each ancestor level */
+            const connectors = [];
+            if (showConnectors && itemKey != null && level > 1) {
+                let key = itemKey;
+                for (let depth = 0; depth < level - 1; depth++) {
+                    const node = collection.getItem(key);
+                    if (!node?.parentKey)
+                        break;
+                    const siblings = [...collection.getChildren(node.parentKey)];
+                    const isLast = siblings[siblings.length - 1]?.key === key;
+                    connectors.unshift(jsxRuntime.jsx(Connector, { size: size, type: isLast ? (depth === 0 ? 'end' : 'none') : 'line' }, depth));
+                    key = node.parentKey;
+                }
+            }
+            const paddingLeft = showConnectors && level > 1 ? BASE_PADDING : BASE_PADDING + (level - 1) * INDENT_SIZE;
+            return (jsxRuntime.jsxs("div", { className: cx.cx('flex w-full cursor-pointer items-center gap-2 rounded-sm -outline-offset-2 outline-focus-ring transition duration-100 ease-linear', size === 'sm' ? 'py-1.5 pr-2' : 'py-2 pr-2', isDropTarget && 'bg-secondary_hover outline-2', !isDropTarget && (isSelected || isIndeterminate) && 'bg-secondary hover:bg-secondary_hover', !isDropTarget && !isSelected && !isIndeterminate && 'hover:bg-primary_hover', isDisabled && 'cursor-not-allowed opacity-50', isFocusVisible && 'outline-2', className), style: { paddingLeft }, children: [connectors, hasChildItems && (jsxRuntime.jsx(reactAriaComponents.Button, { slot: "chevron", className: "flex shrink-0 items-center justify-center outline-hidden", children: isExpanded ? jsxRuntime.jsx(uiIcons.ChevronDown, { className: "size-4 text-fg-quaternary" }) : jsxRuntime.jsx(uiIcons.ChevronRight, { className: "size-4 text-fg-quaternary" }) })), selectionMode !== 'none' && (jsxRuntime.jsx(reactAriaComponents.Checkbox, { slot: "selection", className: "flex shrink-0 items-center justify-center outline-hidden", children: ({ isSelected: checkSelected, isDisabled: checkDisabled, isFocusVisible: checkFocus }) => (jsxRuntime.jsx(Checkbox.CheckboxBase, { size: "sm", isSelected: checkSelected || isIndeterminate, isIndeterminate: isIndeterminate, isDisabled: checkDisabled, isFocusVisible: checkFocus })) })), jsxRuntime.jsxs("div", { className: cx.cx('flex min-w-0 flex-1 items-center', size === 'sm' ? 'gap-1.5' : 'gap-2'), children: [Icon &&
+                                (isReactComponent.isReactComponent(Icon) ? (jsxRuntime.jsx(Icon, { className: cx.cx('shrink-0 text-fg-quaternary', size === 'sm' ? 'size-4' : 'size-5') })) : React.isValidElement(Icon) ? (Icon) : null), jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-tertiary", children: children }), action, allowsDragging && (jsxRuntime.jsx(reactAriaComponents.Button, { slot: "drag", className: cx.cx('shrink-0 cursor-grab outline-hidden', !isSelected && 'hidden'), children: jsxRuntime.jsx(uiIcons.DotsGrid, { className: "size-4 text-fg-quaternary" }) }))] })] }));
+        } }));
+};
+const TreeView = TreeViewRoot;
+TreeView.Item = TreeViewItem;
+TreeView.ItemContent = TreeViewItemContent;
+TreeView.DropIndicator = TreeViewDropIndicator;
+
+exports.TreeView = TreeView;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/TreeView/index.tsx"],"sourcesContent":[null],"names":["createContext","_jsxs","_jsx","cx","AriaDropIndicator","useRef","useState","useCallback","cascadeSelection","useDragAndDrop","createDragPreview","useMemo","AriaTree","AriaTreeItem","useContext","AriaTreeItemContent","getDescendants","AriaButton","ChevronDown","ChevronRight","AriaCheckbox","CheckboxBase","isReactComponent","isValidElement","DotsGrid"],"mappings":"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"}

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

@@ -0,0 +1,53 @@
+import type { FC, ReactNode } from 'react';
+import type { Key } from 'react-aria-components';
+import { DropIndicator as AriaDropIndicator, type TreeItemProps as AriaTreeItemProps, type TreeProps as AriaTreeProps } from 'react-aria-components';
+/** Drop indicator line shown between items during drag and drop. */
+declare const TreeViewDropIndicator: (props: {
+    target: Parameters<typeof AriaDropIndicator>[0]["target"];
+}) => import("react").JSX.Element;
+interface TreeViewRootProps<T extends object> extends AriaTreeProps<T> {
+    /** Size variant. Controls item padding and icon sizes. */
+    size?: 'sm' | 'md';
+    /** Show vertical connector lines between parent and child items. */
+    showConnectors?: boolean;
+    /** Enable built-in drag and drop. Pass `dragAndDropHooks` directly for full control instead. */
+    draggable?: boolean;
+    /** Called when items are reordered via drag and drop. */
+    onReorder?: (e: {
+        keys: Set<Key>;
+        target: {
+            key: Key;
+            dropPosition: 'before' | 'after' | 'on';
+        };
+    }) => void;
+    /** Called when items are moved (reparented) onto a different parent. */
+    onMove?: (e: {
+        keys: Set<Key>;
+        target: {
+            key: Key;
+            dropPosition: 'before' | 'after' | 'on';
+        };
+    }) => void;
+}
+declare const TreeViewRoot: <T extends object>({ size, showConnectors, draggable, onReorder: onReorderProp, onMove: onMoveProp, className, selectedKeys: controlledSelectedKeys, defaultSelectedKeys, onSelectionChange: onSelectionChangeProp, selectionMode, dragAndDropHooks: externalDragAndDropHooks, ...props }: TreeViewRootProps<T>) => import("react").JSX.Element;
+type TreeViewItemProps = AriaTreeItemProps;
+declare const TreeViewItem: ({ className, ...props }: TreeViewItemProps) => import("react").JSX.Element;
+interface TreeViewItemContentProps {
+    /** Leading icon. Pass as component reference (e.g. `Folder`) or as element (e.g. `<Avatar />`). */
+    icon?: FC<{
+        className?: string;
+    }> | ReactNode;
+    /** Trailing action element (e.g. drag handle or menu trigger). */
+    action?: ReactNode;
+    /** The text label for the tree item. */
+    children: ReactNode;
+    className?: string;
+}
+declare const TreeViewItemContent: ({ icon: Icon, action, children, className }: TreeViewItemContentProps) => import("react").JSX.Element;
+declare const TreeView: typeof TreeViewRoot & {
+    Item: typeof TreeViewItem;
+    ItemContent: typeof TreeViewItemContent;
+    DropIndicator: typeof TreeViewDropIndicator;
+};
+export { TreeView };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/TreeView/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,GAAG,EAAa,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAGL,aAAa,IAAI,iBAAiB,EAIlC,KAAK,aAAa,IAAI,iBAAiB,EACvC,KAAK,SAAS,IAAI,aAAa,EAGhC,MAAM,uBAAuB,CAAC;AA2C/B,oEAAoE;AACpE,QAAA,MAAM,qBAAqB,GAAI,OAAO;IAAE,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;CAAE,gCAKlG,CAAC;AAEF,UAAU,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IACpE,0DAA0D;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,oEAAoE;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gGAAgG;IAChG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE;YAAE,GAAG,EAAE,GAAG,CAAC;YAAC,YAAY,EAAE,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3G,wEAAwE;IACxE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE;YAAE,GAAG,EAAE,GAAG,CAAC;YAAC,YAAY,EAAE,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;CACzG;AAED,QAAA,MAAM,YAAY,GAAI,CAAC,SAAS,MAAM,EAAE,wQAarC,iBAAiB,CAAC,CAAC,CAAC,gCA0HtB,CAAC;AAEF,KAAK,iBAAiB,GAAG,iBAAiB,CAAC;AAE3C,QAAA,MAAM,YAAY,GAAI,yBAAyB,iBAAiB,gCAK/D,CAAC;AAEF,UAAU,wBAAwB;IAChC,mGAAmG;IACnG,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,kEAAkE;IAClE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wCAAwC;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB,GAAI,6CAA6C,wBAAwB,gCA2HjG,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAmB,OAAO,YAAY,GAAG;IACrD,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,WAAW,EAAE,OAAO,mBAAmB,CAAC;IACxC,aAAa,EAAE,OAAO,qBAAqB,CAAC;CAC7C,CAAC;AAKF,OAAO,EAAE,QAAQ,EAAE,CAAC"}