@flipdish/ui-library 0.2.1 → 0.3.0

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

@@ -0,0 +1,164 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ChevronDown, ChevronRight, DotsGrid } from '@flipdish/ui-icons';
+import { CheckboxBase } from '@flipdish/ui-library/components/atoms/Checkbox';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { isReactComponent } from '@flipdish/ui-library/utilities/isReactComponent';
+import { createContext, useRef, useState, useCallback, useMemo, useContext, isValidElement } from 'react';
+import { useDragAndDrop, Tree, DropIndicator, TreeItem, TreeItemContent, Button, Checkbox } from 'react-aria-components';
+import { cascadeSelection, createDragPreview, getDescendants } from './treeView.utils.js';
+
+const TreeViewContext = createContext({
+    size: 'sm',
+    showConnectors: false,
+    selectedKeys: new Set(),
+    collectionRef: { current: null },
+});
+const INDENT_SIZE = 24;
+const BASE_PADDING = 8;
+const Connector = ({ type, size }) => (jsxs("div", { className: "relative size-4 shrink-0", "data-tree-connector": true, children: [type === 'line' && (jsx("div", { className: 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' && (jsx("div", { className: cx('absolute bottom-2 left-1/2 w-px -translate-x-1/2', size === 'sm' ? 'h-[22px]' : 'h-[24px]'), children: jsx("div", { className: 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) => (jsx(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 = useRef(null);
+    const collectionRef = useRef(null);
+    /* Cascading selection state */
+    const [internalSelectedKeys, setInternalSelectedKeys] = 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 = 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 = 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 = 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 = useCallback(() => {
+        if (selectedKeys === 'all') {
+            prevKeysRef.current = new Set();
+        }
+        else {
+            prevKeysRef.current = new Set(selectedKeys);
+        }
+    }, [selectedKeys]);
+    /* Built-in drag and drop */
+    const { dragAndDropHooks: internalDragAndDropHooks } = useDragAndDrop({
+        getItems: (keys) => [...keys].map((key) => ({ 'text/plain': String(key) })),
+        renderDragPreview: (items) => {
+            if (!treeRef.current)
+                return jsx("div", {});
+            const keys = new Set(items.map((item) => item['text/plain']));
+            const el = createDragPreview(treeRef.current, keys);
+            return (jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '2px', position: 'relative' }, ref: (node) => {
+                    if (node)
+                        node.replaceChildren(...Array.from(el.childNodes));
+                } }));
+        },
+        renderDropIndicator: (target) => 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 = useMemo(() => ({ size, showConnectors, selectedKeys, collectionRef }), [size, showConnectors, selectedKeys]);
+    return (jsx(TreeViewContext.Provider, { value: contextValue, children: jsx(Tree, { ...props, ref: treeRef, selectionMode: selectionMode, selectedKeys: selectedKeys, onSelectionChange: handleSelectionChange, dragAndDropHooks: dragAndDropHooks, className: (state) => cx('flex flex-col', typeof className === 'function' ? className(state) : className) }) }));
+};
+const TreeViewItem = ({ className, ...props }) => (jsx(TreeItem, { ...props, className: (state) => 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 } = useContext(TreeViewContext);
+    return (jsx(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 = 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(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 (jsxs("div", { className: 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 && (jsx(Button, { slot: "chevron", className: "flex shrink-0 items-center justify-center outline-hidden", children: isExpanded ? jsx(ChevronDown, { className: "size-4 text-fg-quaternary" }) : jsx(ChevronRight, { className: "size-4 text-fg-quaternary" }) })), selectionMode !== 'none' && (jsx(Checkbox, { slot: "selection", className: "flex shrink-0 items-center justify-center outline-hidden", children: ({ isSelected: checkSelected, isDisabled: checkDisabled, isFocusVisible: checkFocus }) => (jsx(CheckboxBase, { size: "sm", isSelected: checkSelected || isIndeterminate, isIndeterminate: isIndeterminate, isDisabled: checkDisabled, isFocusVisible: checkFocus })) })), jsxs("div", { className: cx('flex min-w-0 flex-1 items-center', size === 'sm' ? 'gap-1.5' : 'gap-2'), children: [Icon &&
+                                (isReactComponent(Icon) ? (jsx(Icon, { className: cx('shrink-0 text-fg-quaternary', size === 'sm' ? 'size-4' : 'size-5') })) : isValidElement(Icon) ? (Icon) : null), jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-tertiary", children: children }), action, allowsDragging && (jsx(Button, { slot: "drag", className: cx('shrink-0 cursor-grab outline-hidden', !isSelected && 'hidden'), children: jsx(DotsGrid, { className: "size-4 text-fg-quaternary" }) }))] })] }));
+        } }));
+};
+const TreeView = TreeViewRoot;
+TreeView.Item = TreeViewItem;
+TreeView.ItemContent = TreeViewItemContent;
+TreeView.DropIndicator = TreeViewDropIndicator;
+
+export { TreeView };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/TreeView/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","AriaDropIndicator","AriaTree","AriaTreeItem","AriaTreeItemContent","AriaButton","AriaCheckbox"],"mappings":"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"}

package/dist/components/organisms/TreeView/treeView.utils.cjs

@@ -0,0 +1,138 @@
+'use strict';
+
+/** Returns all descendant keys of a given node using the collection API. */
+const getDescendants = (key, collection) => {
+    const result = [];
+    const stack = [key];
+    while (stack.length > 0) {
+        const current = stack.pop();
+        const children = collection.getChildren?.(current);
+        if (!children)
+            continue;
+        for (const child of children) {
+            result.push(child.key);
+            stack.push(child.key);
+        }
+    }
+    return result;
+};
+/** Returns all ancestor keys from a node up to the root using the collection API. */
+const getAncestors = (key, collection) => {
+    const result = [];
+    let node = collection.getItem(key);
+    while (node?.parentKey != null) {
+        result.push(node.parentKey);
+        node = collection.getItem(node.parentKey);
+    }
+    return result;
+};
+/**
+ * Cascades a selection change through the tree using the collection API:
+ * - Selecting a parent selects all its descendants.
+ * - Deselecting a parent deselects all its descendants.
+ * - If all descendants of a parent become selected, the parent becomes selected.
+ * - If some (but not all) descendants are selected, the parent becomes indeterminate.
+ */
+const cascadeSelection = (newKeys, prevKeys, collection) => {
+    const result = new Set(newKeys);
+    const added = new Set();
+    const removed = new Set();
+    for (const k of newKeys) {
+        if (!prevKeys.has(k))
+            added.add(k);
+    }
+    for (const k of prevKeys) {
+        if (!newKeys.has(k))
+            removed.add(k);
+    }
+    // Cascade down
+    for (const key of added) {
+        for (const desc of getDescendants(key, collection))
+            result.add(desc);
+    }
+    for (const key of removed) {
+        for (const desc of getDescendants(key, collection))
+            result.delete(desc);
+    }
+    // Cascade up (deepest parents first)
+    const parentsToCheck = new Set();
+    for (const key of [...added, ...removed]) {
+        for (const ancestor of getAncestors(key, collection))
+            parentsToCheck.add(ancestor);
+    }
+    const sorted = [...parentsToCheck].sort((a, b) => {
+        const levelA = collection.getItem(a)?.level ?? 0;
+        const levelB = collection.getItem(b)?.level ?? 0;
+        return levelB - levelA;
+    });
+    for (const parentKey of sorted) {
+        const allDescendants = getDescendants(parentKey, collection);
+        if (allDescendants.length === 0)
+            continue;
+        const selectedCount = allDescendants.filter((k) => result.has(k)).length;
+        if (selectedCount === allDescendants.length) {
+            result.add(parentKey);
+        }
+        else {
+            result.delete(parentKey);
+        }
+    }
+    return result;
+};
+/**
+ * Clones the actual DOM content of dragged rows to produce a pixel-perfect
+ * drag preview. Strips connector spacers and normalises padding so items
+ * are aligned. Adds a count badge when multiple items are dragged.
+ */
+const createDragPreview = (treeEl, keys) => {
+    const container = document.createElement('div');
+    container.style.display = 'flex';
+    container.style.flexDirection = 'column';
+    container.style.gap = '2px';
+    container.style.position = 'relative';
+    const keyStrings = new Set([...keys].map(String));
+    const rows = Array.from(treeEl.querySelectorAll('[role="row"]'));
+    let count = 0;
+    for (const row of rows) {
+        const rowKey = row.getAttribute('data-key') ?? row.id;
+        if (!rowKey || !keyStrings.has(rowKey))
+            continue;
+        const content = row.querySelector('div');
+        if (!content)
+            continue;
+        const clone = content.cloneNode(true);
+        clone.style.paddingLeft = '8px';
+        clone.style.width = `${content.offsetWidth}px`;
+        // biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
+        clone.querySelectorAll('[data-tree-connector]').forEach((el) => el.remove());
+        container.appendChild(clone);
+        count++;
+    }
+    if (count > 1) {
+        const badge = document.createElement('div');
+        badge.textContent = String(count);
+        Object.assign(badge.style, {
+            position: 'absolute',
+            top: '-6px',
+            right: '-6px',
+            width: '20px',
+            height: '20px',
+            borderRadius: '9999px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            fontSize: '12px',
+            fontWeight: '600',
+            color: 'white',
+            backgroundColor: 'var(--color-bg-brand-solid, #7f56d9)',
+        });
+        container.appendChild(badge);
+    }
+    return container;
+};
+
+exports.cascadeSelection = cascadeSelection;
+exports.createDragPreview = createDragPreview;
+exports.getAncestors = getAncestors;
+exports.getDescendants = getDescendants;
+//# sourceMappingURL=treeView.utils.cjs.map

package/dist/components/organisms/TreeView/treeView.utils.cjs.map

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

package/dist/components/organisms/TreeView/treeView.utils.d.ts

@@ -0,0 +1,21 @@
+import type { Collection, Key, Node } from '@react-types/shared';
+export type TreeCollection = Collection<Node<unknown>>;
+/** Returns all descendant keys of a given node using the collection API. */
+export declare const getDescendants: (key: Key, collection: TreeCollection) => Key[];
+/** Returns all ancestor keys from a node up to the root using the collection API. */
+export declare const getAncestors: (key: Key, collection: TreeCollection) => Key[];
+/**
+ * Cascades a selection change through the tree using the collection API:
+ * - Selecting a parent selects all its descendants.
+ * - Deselecting a parent deselects all its descendants.
+ * - If all descendants of a parent become selected, the parent becomes selected.
+ * - If some (but not all) descendants are selected, the parent becomes indeterminate.
+ */
+export declare const cascadeSelection: (newKeys: Set<Key>, prevKeys: Set<Key>, collection: TreeCollection) => Set<Key>;
+/**
+ * Clones the actual DOM content of dragged rows to produce a pixel-perfect
+ * drag preview. Strips connector spacers and normalises padding so items
+ * are aligned. Adds a count badge when multiple items are dragged.
+ */
+export declare const createDragPreview: (treeEl: HTMLElement, keys: Set<Key>) => HTMLElement;
+//# sourceMappingURL=treeView.utils.d.ts.map

package/dist/components/organisms/TreeView/treeView.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeView.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/TreeView/treeView.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AAEvD,4EAA4E;AAC5E,eAAO,MAAM,cAAc,GAAI,KAAK,GAAG,EAAE,YAAY,cAAc,KAAG,GAAG,EAaxE,CAAC;AAEF,qFAAqF;AACrF,eAAO,MAAM,YAAY,GAAI,KAAK,GAAG,EAAE,YAAY,cAAc,KAAG,GAAG,EAQtE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,SAAS,GAAG,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,CAAC,EAAE,YAAY,cAAc,KAAG,GAAG,CAAC,GAAG,CA6C3G,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,QAAQ,WAAW,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,KAAG,WAmDvE,CAAC"}

package/dist/components/organisms/TreeView/treeView.utils.js

@@ -0,0 +1,133 @@
+/** Returns all descendant keys of a given node using the collection API. */
+const getDescendants = (key, collection) => {
+    const result = [];
+    const stack = [key];
+    while (stack.length > 0) {
+        const current = stack.pop();
+        const children = collection.getChildren?.(current);
+        if (!children)
+            continue;
+        for (const child of children) {
+            result.push(child.key);
+            stack.push(child.key);
+        }
+    }
+    return result;
+};
+/** Returns all ancestor keys from a node up to the root using the collection API. */
+const getAncestors = (key, collection) => {
+    const result = [];
+    let node = collection.getItem(key);
+    while (node?.parentKey != null) {
+        result.push(node.parentKey);
+        node = collection.getItem(node.parentKey);
+    }
+    return result;
+};
+/**
+ * Cascades a selection change through the tree using the collection API:
+ * - Selecting a parent selects all its descendants.
+ * - Deselecting a parent deselects all its descendants.
+ * - If all descendants of a parent become selected, the parent becomes selected.
+ * - If some (but not all) descendants are selected, the parent becomes indeterminate.
+ */
+const cascadeSelection = (newKeys, prevKeys, collection) => {
+    const result = new Set(newKeys);
+    const added = new Set();
+    const removed = new Set();
+    for (const k of newKeys) {
+        if (!prevKeys.has(k))
+            added.add(k);
+    }
+    for (const k of prevKeys) {
+        if (!newKeys.has(k))
+            removed.add(k);
+    }
+    // Cascade down
+    for (const key of added) {
+        for (const desc of getDescendants(key, collection))
+            result.add(desc);
+    }
+    for (const key of removed) {
+        for (const desc of getDescendants(key, collection))
+            result.delete(desc);
+    }
+    // Cascade up (deepest parents first)
+    const parentsToCheck = new Set();
+    for (const key of [...added, ...removed]) {
+        for (const ancestor of getAncestors(key, collection))
+            parentsToCheck.add(ancestor);
+    }
+    const sorted = [...parentsToCheck].sort((a, b) => {
+        const levelA = collection.getItem(a)?.level ?? 0;
+        const levelB = collection.getItem(b)?.level ?? 0;
+        return levelB - levelA;
+    });
+    for (const parentKey of sorted) {
+        const allDescendants = getDescendants(parentKey, collection);
+        if (allDescendants.length === 0)
+            continue;
+        const selectedCount = allDescendants.filter((k) => result.has(k)).length;
+        if (selectedCount === allDescendants.length) {
+            result.add(parentKey);
+        }
+        else {
+            result.delete(parentKey);
+        }
+    }
+    return result;
+};
+/**
+ * Clones the actual DOM content of dragged rows to produce a pixel-perfect
+ * drag preview. Strips connector spacers and normalises padding so items
+ * are aligned. Adds a count badge when multiple items are dragged.
+ */
+const createDragPreview = (treeEl, keys) => {
+    const container = document.createElement('div');
+    container.style.display = 'flex';
+    container.style.flexDirection = 'column';
+    container.style.gap = '2px';
+    container.style.position = 'relative';
+    const keyStrings = new Set([...keys].map(String));
+    const rows = Array.from(treeEl.querySelectorAll('[role="row"]'));
+    let count = 0;
+    for (const row of rows) {
+        const rowKey = row.getAttribute('data-key') ?? row.id;
+        if (!rowKey || !keyStrings.has(rowKey))
+            continue;
+        const content = row.querySelector('div');
+        if (!content)
+            continue;
+        const clone = content.cloneNode(true);
+        clone.style.paddingLeft = '8px';
+        clone.style.width = `${content.offsetWidth}px`;
+        // biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
+        clone.querySelectorAll('[data-tree-connector]').forEach((el) => el.remove());
+        container.appendChild(clone);
+        count++;
+    }
+    if (count > 1) {
+        const badge = document.createElement('div');
+        badge.textContent = String(count);
+        Object.assign(badge.style, {
+            position: 'absolute',
+            top: '-6px',
+            right: '-6px',
+            width: '20px',
+            height: '20px',
+            borderRadius: '9999px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            fontSize: '12px',
+            fontWeight: '600',
+            color: 'white',
+            backgroundColor: 'var(--color-bg-brand-solid, #7f56d9)',
+        });
+        container.appendChild(badge);
+    }
+    return container;
+};
+
+export { cascadeSelection, createDragPreview, getAncestors, getDescendants };
+//# sourceMappingURL=treeView.utils.js.map

package/dist/components/organisms/TreeView/treeView.utils.js.map

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

package/dist/components/organisms/VideoPlayer/components/icons.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const PlayIcon = (props) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", ...props, 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" }) }));
+};
+const PauseIcon = (props) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", ...props, children: [jsxRuntime.jsx("path", { d: "M2.19995 2.5C2.19995 2.22386 2.42381 2 2.69995 2H5.19995C5.47609 2 5.69995 2.22386 5.69995 2.5V13.5C5.69995 13.7761 5.47609 14 5.19995 14H2.69995C2.42381 14 2.19995 13.7761 2.19995 13.5V2.5Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M10.2 2.5C10.2 2.22386 10.4238 2 10.7 2H13.2C13.4761 2 13.7 2.22386 13.7 2.5V13.5C13.7 13.7761 13.4761 14 13.2 14H10.7C10.4238 14 10.2 13.7761 10.2 13.5V2.5Z", fill: "currentColor" })] }));
+};
+
+exports.PauseIcon = PauseIcon;
+exports.PlayIcon = PlayIcon;
+//# sourceMappingURL=icons.cjs.map

package/dist/components/organisms/VideoPlayer/components/icons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.cjs","sources":["../../../../../src/components/organisms/VideoPlayer/components/icons.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAEO,MAAM,QAAQ,GAAG,CAAC,KAA8B,KAAI;IACzD;;AAEE,IAAAA,cAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAA,QAAA,EACnEA,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,4MAA4M,EAC9M,IAAI,EAAC,cAAc,EAAA,CACnB,EAAA,CACE;AAEV;AAEO,MAAM,SAAS,GAAG,CAAC,KAA8B,KAAI;IAC1D;;AAEE,IAAAC,eAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAA,QAAA,EAAA,CACnED,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gMAAgM,EAClM,IAAI,EAAC,cAAc,EAAA,CACnB,EACFA,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,+JAA+J,EACjK,IAAI,EAAC,cAAc,EAAA,CACnB,CAAA,EAAA,CACE;AAEV;;;;;"}

package/dist/components/organisms/VideoPlayer/components/icons.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from 'react';
+export declare const PlayIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const PauseIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/dist/components/organisms/VideoPlayer/components/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/VideoPlayer/components/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,QAAQ,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,gCAUtD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,gCAcvD,CAAC"}

package/dist/components/organisms/VideoPlayer/components/icons.js

@@ -0,0 +1,15 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const PlayIcon = (props) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", ...props, children: 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" }) }));
+};
+const PauseIcon = (props) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", ...props, children: [jsx("path", { d: "M2.19995 2.5C2.19995 2.22386 2.42381 2 2.69995 2H5.19995C5.47609 2 5.69995 2.22386 5.69995 2.5V13.5C5.69995 13.7761 5.47609 14 5.19995 14H2.69995C2.42381 14 2.19995 13.7761 2.19995 13.5V2.5Z", fill: "currentColor" }), jsx("path", { d: "M10.2 2.5C10.2 2.22386 10.4238 2 10.7 2H13.2C13.4761 2 13.7 2.22386 13.7 2.5V13.5C13.7 13.7761 13.4761 14 13.2 14H10.7C10.4238 14 10.2 13.7761 10.2 13.5V2.5Z", fill: "currentColor" })] }));
+};
+
+export { PauseIcon, PlayIcon };
+//# sourceMappingURL=icons.js.map

package/dist/components/organisms/VideoPlayer/components/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":["../../../../../src/components/organisms/VideoPlayer/components/icons.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;AAEO,MAAM,QAAQ,GAAG,CAAC,KAA8B,KAAI;IACzD;;AAEE,IAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAA,QAAA,EACnEA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,4MAA4M,EAC9M,IAAI,EAAC,cAAc,EAAA,CACnB,EAAA,CACE;AAEV;AAEO,MAAM,SAAS,GAAG,CAAC,KAA8B,KAAI;IAC1D;;AAEE,IAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAA,QAAA,EAAA,CACnED,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gMAAgM,EAClM,IAAI,EAAC,cAAc,EAAA,CACnB,EACFA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,+JAA+J,EACjK,IAAI,EAAC,cAAc,EAAA,CACnB,CAAA,EAAA,CACE;AAEV;;;;"}