@canonical/react-ds-app-launchpad 0.9.0-experimental.2 → 0.9.0-experimental.20

package/dist/esm/ui/DiffChangeMarker/DiffChangeMarker.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DetailedChangeMarker, SimpleChangeMarker } from "./common/index.js";
+import "./styles.css";
+const componentCssClassName = "ds diff-change-marker";
+/**
+ * Displays a visual indicator for file changes in a diff (added, modified, deleted)
+ * Can be displayed in detailed or simple style
+ * @returns {React.ReactElement} - Rendered DiffChangeMarker
+ */
+const DiffChangeMarker = ({ id, className, style, markerStyle, ...markerOptions }) => {
+    const isManual = "type" in markerOptions;
+    const getChangeType = () => {
+        if (isManual) {
+            return markerOptions.type;
+        }
+        if (markerOptions.additions && markerOptions.deletions) {
+            return "modified";
+        }
+        if (markerOptions.additions) {
+            return "added";
+        }
+        if (markerOptions.deletions) {
+            return "deleted";
+        }
+        return "modified";
+    };
+    const formatChangeType = (type) => {
+        switch (type) {
+            case "added":
+                return "Added";
+            case "deleted":
+                return "Removed";
+            case "modified":
+                return "Modified";
+        }
+    };
+    const changeType = getChangeType();
+    return (_jsx("div", { id: id, style: style, className: [componentCssClassName, className, `style-${markerStyle}`]
+            .filter(Boolean)
+            .join(" "), children: markerStyle === "detailed" ? (isManual ? (_jsx(DetailedChangeMarker, { [changeType]: formatChangeType(changeType) })) : (_jsx(DetailedChangeMarker, { deleted: markerOptions.deletions > 0
+                ? `-${markerOptions.deletions}`
+                : undefined, added: markerOptions.additions > 0
+                ? `+${markerOptions.additions}`
+                : undefined }))) : (_jsx(SimpleChangeMarker, { changeType: changeType })) }));
+};
+export default DiffChangeMarker;
+//# sourceMappingURL=DiffChangeMarker.js.map

package/dist/esm/ui/DiffChangeMarker/DiffChangeMarker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffChangeMarker.js","sourceRoot":"","sources":["../../../../src/ui/DiffChangeMarker/DiffChangeMarker.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAEtD;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,GAAG,aAAa,EACM,EAAsB,EAAE;IAC9C,MAAM,QAAQ,GAAG,MAAM,IAAI,aAAa,CAAC;IAEzC,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO,aAAa,CAAC,IAAI,CAAC;QAC5B,CAAC;QACD,IAAI,aAAa,CAAC,SAAS,IAAI,aAAa,CAAC,SAAS,EAAE,CAAC;YACvD,OAAO,UAAU,CAAC;QACpB,CAAC;QACD,IAAI,aAAa,CAAC,SAAS,EAAE,CAAC;YAC5B,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,IAAI,aAAa,CAAC,SAAS,EAAE,CAAC;YAC5B,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,UAAU,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAoB,EAAU,EAAE;QACxD,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,OAAO,CAAC;YACjB,KAAK,SAAS;gBACZ,OAAO,SAAS,CAAC;YACnB,KAAK,UAAU;gBACb,OAAO,UAAU,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,OAAO,CACL,cACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,EAAE,SAAS,WAAW,EAAE,CAAC;aAClE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,YAEX,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CAC5B,QAAQ,CAAC,CAAC,CAAC,CACT,KAAC,oBAAoB,IACb,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,GAChD,CACH,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,IACnB,OAAO,EACL,aAAa,CAAC,SAAS,GAAG,CAAC;gBACzB,CAAC,CAAC,IAAI,aAAa,CAAC,SAAS,EAAE;gBAC/B,CAAC,CAAC,SAAS,EAEf,KAAK,EACH,aAAa,CAAC,SAAS,GAAG,CAAC;gBACzB,CAAC,CAAC,IAAI,aAAa,CAAC,SAAS,EAAE;gBAC/B,CAAC,CAAC,SAAS,GAEf,CACH,CACF,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,IAAC,UAAU,EAAE,UAAU,GAAI,CAC/C,GACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/ui/DiffChangeMarker/common/DetailedChangeMarker/DetailedChangeMarker.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "./styles.css";
+const componentCssClassName = "ds detailed-change-marker";
+const DetailedChangeMarker = ({ id, className, style, added, deleted, modified, }) => {
+    return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [added && _jsx("span", { className: "added", children: added }), deleted && _jsx("span", { className: "deleted", children: deleted }), modified && _jsx("span", { className: "modified", children: modified })] }));
+};
+export default DetailedChangeMarker;
+//# sourceMappingURL=DetailedChangeMarker.js.map

package/dist/esm/ui/DiffChangeMarker/common/DetailedChangeMarker/DetailedChangeMarker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailedChangeMarker.js","sourceRoot":"","sources":["../../../../../../src/ui/DiffChangeMarker/common/DetailedChangeMarker/DetailedChangeMarker.tsx"],"names":[],"mappings":";AAGA,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AAE1D,MAAM,oBAAoB,GAAG,CAAC,EAC5B,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,GACkB,EAAsB,EAAE;IAClD,OAAO,CACL,eACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAEtE,KAAK,IAAI,eAAM,SAAS,EAAC,OAAO,YAAE,KAAK,GAAQ,EAC/C,OAAO,IAAI,eAAM,SAAS,EAAC,SAAS,YAAE,OAAO,GAAQ,EACrD,QAAQ,IAAI,eAAM,SAAS,EAAC,UAAU,YAAE,QAAQ,GAAQ,IACrD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/esm/ui/DiffChangeMarker/common/DetailedChangeMarker/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.12 */
+export { default as DetailedChangeMarker } from "./DetailedChangeMarker.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/DiffChangeMarker/common/DetailedChangeMarker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/DiffChangeMarker/common/DetailedChangeMarker/index.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAC5E,cAAc,YAAY,CAAC"}

package/dist/esm/ui/DiffChangeMarker/common/DetailedChangeMarker/styles.css

@@ -0,0 +1,21 @@
+/* @canonical/generator-ds 0.9.0-experimental.12 */
+.ds.detailed-change-marker {
+  > span {
+    padding: var(--diff-change-marker-detailed-padding);
+
+    &.added {
+      color: var(--diff-change-marker-added-color);
+      background-color: var(--diff-change-marker-added-alt);
+    }
+
+    &.deleted {
+      color: var(--diff-change-marker-deleted-color);
+      background-color: var(--diff-change-marker-deleted-alt);
+    }
+
+    &.modified {
+      color: var(--diff-change-marker-modified-color);
+      background-color: var(--diff-change-marker-modified-alt);
+    }
+  }
+}

package/dist/esm/ui/DiffChangeMarker/common/DetailedChangeMarker/types.js.map

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

package/dist/esm/ui/DiffChangeMarker/common/SimpleChangeMarker/SimpleChangeMarker.js

@@ -0,0 +1,11 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import * as icons from "../../icons.js";
+import "./styles.css";
+const componentCssClassName = "ds simple-change-marker";
+const SimpleChangeMarker = ({ id, className, style, changeType, }) => {
+    return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className, changeType]
+            .filter(Boolean)
+            .join(" "), children: [changeType === "added" && icons.AddIcon, changeType === "deleted" && icons.DeleteIcon, changeType === "modified" && icons.ModifyIcon] }));
+};
+export default SimpleChangeMarker;
+//# sourceMappingURL=SimpleChangeMarker.js.map

package/dist/esm/ui/DiffChangeMarker/common/SimpleChangeMarker/SimpleChangeMarker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleChangeMarker.js","sourceRoot":"","sources":["../../../../../../src/ui/DiffChangeMarker/common/SimpleChangeMarker/SimpleChangeMarker.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AACxC,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAExD,MAAM,kBAAkB,GAAG,CAAC,EAC1B,EAAE,EACF,SAAS,EACT,KAAK,EACL,UAAU,GACc,EAAsB,EAAE;IAChD,OAAO,CACL,eACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,EAAE,UAAU,CAAC;aACtD,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,aAEX,UAAU,KAAK,OAAO,IAAI,KAAK,CAAC,OAAO,EACvC,UAAU,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,EAC5C,UAAU,KAAK,UAAU,IAAI,KAAK,CAAC,UAAU,IAC1C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/ui/DiffChangeMarker/common/SimpleChangeMarker/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.12 */
+export { default as SimpleChangeMarker } from "./SimpleChangeMarker.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/DiffChangeMarker/common/SimpleChangeMarker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/DiffChangeMarker/common/SimpleChangeMarker/index.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,cAAc,YAAY,CAAC"}

package/dist/esm/ui/DiffChangeMarker/common/SimpleChangeMarker/styles.css

@@ -0,0 +1,29 @@
+/* @canonical/generator-ds 0.9.0-experimental.12 */
+
+.ds.simple-change-marker {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: var(--diff-change-marker-simple-size);
+  width: var(--diff-change-marker-simple-size);
+
+  > svg {
+    width: 100%;
+    height: 100%;
+  }
+
+  &.added {
+    color: var(--diff-change-marker-added-svg);
+    background-color: var(--diff-change-marker-added-alt);
+  }
+
+  &.deleted {
+    color: var(--diff-change-marker-deleted-svg);
+    background-color: var(--diff-change-marker-deleted-alt);
+  }
+
+  &.modified {
+    color: var(--diff-change-marker-modified-svg);
+    background-color: var(--diff-change-marker-modified-alt);
+  }
+}

package/dist/esm/ui/DiffChangeMarker/common/SimpleChangeMarker/types.js.map

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

package/dist/esm/ui/DiffChangeMarker/common/index.js

@@ -0,0 +1,3 @@
+export * from "./DetailedChangeMarker/index.js";
+export * from "./SimpleChangeMarker/index.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/DiffChangeMarker/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/DiffChangeMarker/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC"}

package/dist/esm/ui/DiffChangeMarker/icons.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DeleteIcon = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: 16, height: 16, fill: "none", children: [_jsx("path", { fill: "currentColor", d: "M4.5 7.5h7v1h-7v-1Z" }), _jsx("title", { children: "Delete" })] }));
+export const AddIcon = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: 16, height: 16, fill: "none", children: [_jsx("path", { fill: "currentColor", d: "M8.8 2.4H7.2v4.8H2.4v1.6h4.8v4.8h1.6V8.8h4.8V7.2H8.8V2.4Z" }), _jsx("title", { children: "Add" })] }));
+export const ModifyIcon = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: 16, height: 16, fill: "none", children: [_jsx("path", { fill: "currentColor", d: "M12 8a4 4 0 1 0-8 0 4 4 0 0 0 8 0Z" }), _jsx("title", { children: "Modify" })] }));
+//# sourceMappingURL=icons.js.map

package/dist/esm/ui/DiffChangeMarker/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../src/ui/DiffChangeMarker/icons.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,aAEX,eAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,qBAAqB,GAAG,EACpD,qCAAqB,IACjB,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,aAEX,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,2DAA2D,GAC7D,EACF,kCAAkB,IACd,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,aAEX,eAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,oCAAoC,GAAG,EACnE,qCAAqB,IACjB,CACP,CAAC"}

package/dist/esm/ui/DiffChangeMarker/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.12 */
+export { default as DiffChangeMarker } from "./DiffChangeMarker.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/DiffChangeMarker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/DiffChangeMarker/index.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,cAAc,YAAY,CAAC"}

package/dist/esm/ui/DiffChangeMarker/styles.css

@@ -0,0 +1,30 @@
+/* @canonical/generator-ds 0.9.0-experimental.12 */
+
+.ds.diff-change-marker {
+  --diff-change-marker-added-color: #8cd297;
+  --diff-change-marker-added-svg: #0e8420;
+  --diff-change-marker-added-alt: rgba(10, 189, 37, 0.1);
+
+  --diff-change-marker-deleted-color: #fba1aa;
+  --diff-change-marker-deleted-svg: #c7162b;
+  --diff-change-marker-deleted-alt: rgba(199, 0, 20, 0.1);
+
+  --diff-change-marker-modified-color: #c58c38;
+  --diff-change-marker-modified-svg: #cc7900;
+  --diff-change-marker-modified-alt: rgba(245, 158, 11, 0.1);
+
+  --diff-change-marker-font-size: 0.75rem;
+  --diff-change-marker-font-weight: 550;
+  --diff-change-marker-line-height: 1rem;
+
+  --diff-change-marker-simple-size: 1rem;
+
+  --diff-change-marker-detailed-padding: 0.125rem 0.25rem;
+
+  font-size: var(--diff-change-marker-font-size);
+  font-weight: var(--diff-change-marker-font-weight);
+  line-height: var(--diff-change-marker-line-height);
+
+  display: flex;
+  align-items: center;
+}

package/dist/esm/ui/DiffChangeMarker/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/ui/DiffChangeMarker/types.js.map

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

package/dist/esm/ui/EditableBlock/Context.js

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+const EditingContext = createContext(undefined);
+export default EditingContext;
+//# sourceMappingURL=Context.js.map

package/dist/esm/ui/EditableBlock/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/ui/EditableBlock/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,cAAc,GAAG,aAAa,CAAiC,SAAS,CAAC,CAAC;AAEhF,eAAe,cAAc,CAAC"}

package/dist/esm/ui/EditableBlock/EditableBlock.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from "react";
+import EditingContext from "./Context.js";
+import "./styles.css";
+/**
+ * Component that renders toggling edit mode block
+ * @returns {React.ReactElement}      - Rendered EditableBlock
+ */
+const EditableBlock = ({ id, EditComponent, className: userClassName, style, title, tag: TitleTag = "h3", isReadOnly = false, }) => {
+    const [isEditing, setIsEditing] = useState(false);
+    const isFocusedRef = useRef(false);
+    const toggleEditing = useCallback(() => {
+        if (isReadOnly)
+            return;
+        setIsEditing((editing) => !editing);
+    }, [isReadOnly]);
+    const handleBlur = useCallback(() => {
+        isFocusedRef.current = false;
+    }, []);
+    const handleFocus = useCallback(() => {
+        isFocusedRef.current = true;
+    }, []);
+    const handleKeyUp = useCallback((event) => {
+        if ((isFocusedRef.current && event.key === "Enter") ||
+            event.key === " ") {
+            toggleEditing();
+        }
+    }, [toggleEditing]);
+    const componentCssClassName = "ds editable-block";
+    return (_jsx(EditingContext.Provider, { value: { isEditing, toggleEditing }, children: _jsxs("div", { className: [componentCssClassName, userClassName]
+                .filter(Boolean)
+                .join(" "), style: style, id: id, children: [_jsxs("header", { children: [_jsx(TitleTag, { className: "title", children: title }), !isReadOnly && (_jsx("div", { className: `icon ${isEditing ? "icon-close" : "icon-edit"}`, onClick: toggleEditing, onKeyUp: handleKeyUp, onBlur: handleBlur, onFocus: handleFocus, role: "button", tabIndex: 0 }))] }), _jsx("div", { className: "content", children: EditComponent && (_jsx(EditComponent, { ...{ isEditing, toggleEditing } })) })] }) }));
+};
+export default EditableBlock;
+//# sourceMappingURL=EditableBlock.js.map

package/dist/esm/ui/EditableBlock/EditableBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableBlock.js","sourceRoot":"","sources":["../../../../src/ui/EditableBlock/EditableBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,cAAc,MAAM,cAAc,CAAC;AAG1C,OAAO,cAAc,CAAC;AAEtB;;;GAGG;AAEH,MAAM,aAAa,GAAG,CAA6B,EACjD,EAAE,EACF,aAAa,EACb,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,KAAK,EACL,GAAG,EAAE,QAAQ,GAAG,IAAI,EACpB,UAAU,GAAG,KAAK,GACI,EAAsB,EAAE;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,YAAY,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;IAE5C,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,UAAU;YAAE,OAAO;QACvB,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA0B,EAAE,EAAE;QAC7B,IACE,CAAC,YAAY,CAAC,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,CAAC;YAC/C,KAAK,CAAC,GAAG,KAAK,GAAG,EACjB,CAAC;YACD,aAAa,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,qBAAqB,GAAG,mBAAmB,CAAC;IAElD,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,YAC1D,eACE,SAAS,EAAE,CAAC,qBAAqB,EAAE,aAAa,CAAC;iBAC9C,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC,EACZ,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,aAEN,6BACE,KAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,YAAE,KAAK,GAAY,EAC7C,CAAC,UAAU,IAAI,CACd,cACE,SAAS,EAAE,QAAQ,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,EAC3D,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,GACX,CACH,IACM,EACT,cAAK,SAAS,EAAC,SAAS,YACrB,aAAa,IAAI,CAChB,KAAC,aAAa,OAAM,EAAE,SAAS,EAAE,aAAa,EAAQ,GAAI,CAC3D,GACG,IACF,GACkB,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/esm/ui/EditableBlock/hooks/index.js

@@ -0,0 +1,2 @@
+export * from "./useEditableBlock.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/EditableBlock/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/EditableBlock/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/esm/ui/EditableBlock/hooks/useEditableBlock.js

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+import EditingContext from "../Context.js";
+export const useEditableBlock = () => {
+    const context = useContext(EditingContext);
+    if (!context) {
+        throw new Error("useEditing cannot be used directly.");
+    }
+    return context;
+};
+export default useEditableBlock;
+//# sourceMappingURL=useEditableBlock.js.map

package/dist/esm/ui/EditableBlock/hooks/useEditableBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditableBlock.js","sourceRoot":"","sources":["../../../../../src/ui/EditableBlock/hooks/useEditableBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,cAAc,MAAM,eAAe,CAAC;AAG3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAuB,EAAE;IACvD,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC3C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAC;IACzD,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/ui/EditableBlock/index.js

@@ -0,0 +1,3 @@
+/* @canonical/generator-ds 0.8.0-experimental.0 */
+export { default as EditableBlock } from "./EditableBlock.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/EditableBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/EditableBlock/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/esm/ui/EditableBlock/styles.css

@@ -0,0 +1,38 @@
+.ds.editable-block {
+  --editable-block-header-icon-size: 16px;
+  --editable-block-header-icon-edit-url: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 13.25v1.5H2v-1.5h12zM11.907 1.676l.58.58a2 2 0 010 2.829l-5.133 5.133c-.038.038-.079.073-.122.104l.01.008a3.77 3.77 0 01-1.718.983l-3.52.914.863-3.583c.138-.57.41-1.099.795-1.54l.17-.183.01.01c.03-.043.065-.084.103-.122l5.133-5.133a2 2 0 012.829 0zm-3.309 2.6L5.036 7.84l-.593.82 1.062 1.063.814-.591 3.567-3.568-1.288-1.288zm1.61-1.597l-.07.057-.479.48 1.288 1.288.48-.48a.5.5 0 00.057-.638l-.057-.069-.581-.58a.5.5 0 00-.638-.058z' fill='%23000000' fill-rule='nonzero'/%3E%3C/svg%3E");
+  --editable-block-header-icon-close-url: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000000' fill-rule='nonzero' d='M13.041 1.898l1.06 1.06L9.062 8l5.04 5.042-1.06 1.06L8 9.062 2.96 14.1l-1.06-1.06L6.938 8 1.9 2.96l1.06-1.06 5.04 5.04z'/%3E%3C/svg%3E");
+  --editable-block-header-title-font-weight: 550;
+
+  > header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    > .icon {
+      width: var(--editable-block-header-icon-size);
+      height: var(--editable-block-header-icon-size);
+      background-size: contain;
+      background-repeat: no-repeat;
+      cursor: pointer;
+    }
+
+    > .icon-edit {
+      background-image: var(--editable-block-header-icon-edit-url);
+    }
+
+    > .icon-close {
+      background-image: var(--editable-block-header-icon-close-url);
+    }
+
+    > .title {
+      flex: 1;
+      text-align: left;
+      font-weight: var(--editable-block-header-title-font-weight);
+    }
+  }
+
+  > .content {
+    flex-grow: 1;
+  }
+}

package/dist/esm/ui/EditableBlock/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/ui/EditableBlock/types.js.map

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

package/dist/esm/ui/FileTree/Context.js

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+const Context = createContext(null);
+export default Context;
+//# sourceMappingURL=Context.js.map

package/dist/esm/ui/FileTree/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/ui/FileTree/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,OAAO,GAAG,aAAa,CAAwB,IAAI,CAAC,CAAC;AAE3D,eAAe,OAAO,CAAC"}

package/dist/esm/ui/FileTree/Provider.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "react";
+import Context from "./Context.js";
+import "./styles.css";
+const componentCssClassName = "ds file-tree";
+export const dataPathHash = "data-path-hash";
+const Provider = ({ id, className, style, children, header, ...contextOptions }) => {
+    const fileTreeRef = useRef(null);
+    const handleFocusNextNode = useCallback((direction) => {
+        if (!fileTreeRef.current)
+            return;
+        const currentNode = fileTreeRef.current.querySelector(`[${dataPathHash}]:focus`);
+        const currentNodeHash = currentNode?.getAttribute(dataPathHash);
+        if (!currentNodeHash)
+            return;
+        const nextNode = direction === "up"
+            ? fileTreeRef.current.querySelector(`[${dataPathHash}]:has(+ [${dataPathHash}="${currentNodeHash}"])`)
+            : fileTreeRef.current.querySelector(`[${dataPathHash}="${currentNodeHash}"] + [${dataPathHash}]`);
+        if (!nextNode || !currentNode)
+            return;
+        nextNode.focus();
+        currentNode.setAttribute("tabindex", "-1");
+        nextNode.setAttribute("tabindex", "0");
+    }, []);
+    const handleFocusEndNode = useCallback((end) => {
+        if (!fileTreeRef.current)
+            return;
+        const endNode = fileTreeRef.current.querySelector(`[${dataPathHash}]:${end === "start" ? "first" : "last"}-of-type`);
+        const currentNode = fileTreeRef.current.querySelector(`[${dataPathHash}]:focus`);
+        if (!endNode || !currentNode)
+            return;
+        endNode.focus();
+        currentNode.setAttribute("tabindex", "-1");
+        endNode.setAttribute("tabindex", "0");
+    }, []);
+    const handleFocusNextSiblingCharacter = useCallback((character) => {
+        if (!fileTreeRef.current)
+            return;
+        const currentNode = fileTreeRef.current.querySelector(`[${dataPathHash}]:focus`);
+        if (!currentNode)
+            return;
+        const currentNodeHash = currentNode.getAttribute(dataPathHash);
+        if (!currentNodeHash)
+            return;
+        const matchingNodes = Array.from(fileTreeRef.current.querySelectorAll(`[data-name^="${character}"]`));
+        const currentNodeIndex = matchingNodes.findIndex((node) => node === currentNode);
+        const nextNodeWithCharacter = matchingNodes.at((currentNodeIndex + 1) % matchingNodes.length);
+        if (!nextNodeWithCharacter)
+            return;
+        nextNodeWithCharacter.focus();
+        currentNode.setAttribute("tabindex", "-1");
+        nextNodeWithCharacter.setAttribute("tabindex", "0");
+    }, []);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: on search query change, the first node may be filtered out
+    useEffect(() => {
+        if (!fileTreeRef.current)
+            return;
+        const nodes = Array.from(fileTreeRef.current.querySelectorAll(`[${dataPathHash}][tabindex='0']`));
+        for (const node of nodes) {
+            node.setAttribute("tabindex", "-1");
+        }
+        const firstNode = fileTreeRef.current.querySelector(`[${dataPathHash}]:not([hidden])`);
+        firstNode?.setAttribute("tabindex", "0");
+    }, [contextOptions.searchQuery, contextOptions.selectedFile]);
+    return (_jsx(Context.Provider, { value: {
+            ...contextOptions,
+            expandable: contextOptions.expandable ?? false,
+            focusNextNode: handleFocusNextNode,
+            focusEndNode: handleFocusEndNode,
+            focusNextSiblingCharacter: handleFocusNextSiblingCharacter,
+        }, children: _jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [header, _jsx("ul", { ref: fileTreeRef, role: "tree", children: children })] }) }));
+};
+export default Provider;
+//# sourceMappingURL=Provider.js.map

package/dist/esm/ui/FileTree/Provider.js.map

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

package/dist/esm/ui/FileTree/common/File/File.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Node } from "../Node/index.js";
+import "./styles.css";
+/**
+ * description of the File component
+ * @returns {React.ReactElement} - Rendered File
+ */
+const File = ({ id, className, style, name, marker, }) => {
+    return (_jsx(Node, { id: id, className: className, style: style, name: name, nodeType: "file", marker: marker }));
+};
+export default File;
+//# sourceMappingURL=File.js.map

package/dist/esm/ui/FileTree/common/File/File.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"File.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/File/File.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,cAAc,CAAC;AAGtB;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,MAAM,GACI,EAAsB,EAAE;IAClC,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAC,MAAM,EACf,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/esm/ui/FileTree/common/File/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+export { default as File } from "./File.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/FileTree/common/File/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/File/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,cAAc,YAAY,CAAC"}

package/dist/esm/ui/FileTree/common/File/styles.css

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+/* 
+.ds.node.file {
+} */

package/dist/esm/ui/FileTree/common/File/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/ui/FileTree/common/File/types.js.map

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

package/dist/esm/ui/FileTree/common/Folder/Folder.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Node } from "../Node/index.js";
+import "./styles.css";
+/**
+ * description of the Folder component
+ * @returns {React.ReactElement} - Rendered Folder
+ */
+const Folder = ({ id, children, className, style, name, defaultOpen, }) => {
+    return (_jsx(Node, { id: id, className: className, style: style, name: name, nodeType: "folder", defaultOpen: defaultOpen, children: children }));
+};
+export default Folder;
+//# sourceMappingURL=Folder.js.map

package/dist/esm/ui/FileTree/common/Folder/Folder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Folder.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/Folder/Folder.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,cAAc,CAAC;AAGtB;;;GAGG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,WAAW,GACC,EAAsB,EAAE;IACpC,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAE,WAAW,YAEvB,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/esm/ui/FileTree/common/Folder/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+export { default as Folder } from "./Folder.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/FileTree/common/Folder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/Folder/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,cAAc,YAAY,CAAC"}

package/dist/esm/ui/FileTree/common/Folder/styles.css

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+/* 
+.ds.node.folder {
+} */

package/dist/esm/ui/FileTree/common/Folder/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/ui/FileTree/common/Folder/types.js.map

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

package/dist/esm/ui/FileTree/common/IndentationBlock/IndentationBlock.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import "./styles.css";
+const componentCssClassName = "ds indentation-block";
+/**
+ * description of the IndentationBlock component
+ * @returns {React.ReactElement} - Rendered IndentationBlock
+ */
+const IndentationBlock = ({ id, className, style, depth, }) => {
+    const uid = useId();
+    return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [Array.from({ length: depth }).map((_, index) => (
+            // biome-ignore lint/suspicious/noArrayIndexKey: index is prefixed with a uid
+            _jsx("div", { className: "indent-block", children: "\u00A0" }, `${uid}-${index}`))), depth === 0 && _jsx("div", { className: "indent-block empty", children: "\u00A0" })] }));
+};
+export default IndentationBlock;
+//# sourceMappingURL=IndentationBlock.js.map

package/dist/esm/ui/FileTree/common/IndentationBlock/IndentationBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndentationBlock.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/IndentationBlock/IndentationBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,sBAAsB,CAAC;AAErD;;;GAGG;AACH,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAAK,GACiB,EAA6B,EAAE;IACrD,MAAM,GAAG,GAAG,KAAK,EAAE,CAAC;IAEpB,OAAO,CACL,eACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAEtE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC;YAC/C,6EAA6E;YAC7E,cAA6B,SAAS,EAAC,cAAc,wBAA3C,GAAG,GAAG,IAAI,KAAK,EAAE,CAErB,CACP,CAAC,EACD,KAAK,KAAK,CAAC,IAAI,cAAK,SAAS,EAAC,oBAAoB,uBAAa,IAC5D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/ui/FileTree/common/IndentationBlock/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+export { default as IndentationBlock } from "./IndentationBlock.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/FileTree/common/IndentationBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/IndentationBlock/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,cAAc,YAAY,CAAC"}

package/dist/esm/ui/FileTree/common/IndentationBlock/styles.css

@@ -0,0 +1,32 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+
+.ds.indentation-block {
+  display: inline-flex;
+  gap: var(--file-tree-node-items-gap);
+  align-items: center;
+  user-select: none;
+
+  & > .indent-block {
+    width: var(--file-tree-node-indent-width);
+    position: relative;
+    isolation: isolate;
+
+    padding: var(--file-tree-node-vertical-padding) 0;
+    &:not(.empty)::before {
+      content: "";
+      display: block;
+      position: absolute;
+      left: 50%;
+      top: 0;
+      bottom: 0;
+      transform: translateX(-50%);
+      width: var(--file-tree-node-indent-bar-width);
+      height: 100%;
+      background-color: var(--file-tree-node-indent-bar-color);
+    }
+  }
+  &:has(> .indent-block.empty) {
+    width: 0;
+    margin-left: calc(-1 * var(--file-tree-node-items-gap));
+  }
+}