regular-layout 0.1.0 → 0.2.0

package/themes/gibson.css

@@ -0,0 +1,264 @@
+/* ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
+ * ░░░░░░░░▄▀░█▀▄░█▀▀░█▀▀░█░█░█░░░█▀█░█▀▄░░░░░█░░░█▀█░█░█░█▀█░█░█░▀█▀░▀▄░░░░░░░░
+ * ░░░░░░░▀▄░░█▀▄░█▀▀░█░█░█░█░█░░░█▀█░█▀▄░▀▀▀░█░░░█▀█░░█░░█░█░█░█░░█░░░▄▀░░░░░░░
+ * ░░░░░░░░░▀░▀░▀░▀▀▀░▀▀▀░▀▀▀░▀▀▀░▀░▀░▀░▀░░░░░▀▀▀░▀░▀░░▀░░▀▀▀░▀▀▀░░▀░░▀░░░░░░░░░
+ * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
+ * ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+ * ┃  *  Copyright (c) 2026, the Regular Layout Authors. This file is part  *  ┃
+ * ┃  *  of the Regular Layout library, distributed under the terms of the  *  ┃
+ * ┃  *  [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). *  ┃
+ * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+ */
+
+regular-layout.gibson {
+    background: radial-gradient(ellipse at center, #0a0a1a 0%, #000000 100%);
+    font-family: "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", monospace;
+    padding: 8px;
+}
+
+/* Frame */
+regular-layout.gibson regular-layout-frame {
+    --titlebar-height: 28px;
+    position: relative;
+    box-sizing: border-box;
+    margin: 8px;
+    background: rgba(10, 10, 26, 0.85);
+    backdrop-filter: blur(4px);
+}
+
+regular-layout.gibson regular-layout-frame::part(active-close) {
+    border: 1px solid #ff00ff;
+    height: 18px;
+    width: 18px;
+    background: rgba(255, 0, 255, 0.1);
+    align-self: center;
+    /* biome-ignore lint/complexity/noImportantStyles: reasons */
+    display: flex !important;
+    align-items: center;
+    justify-content: center;
+    margin-right: 1px;
+    box-shadow: 0 0 8px rgba(255, 0, 255, 0.4);
+    transition: all 0.1s ease;
+}
+
+regular-layout.gibson regular-layout-frame::part(active-close):hover {
+    background: rgba(255, 0, 255, 0.3);
+    box-shadow: 0 0 12px rgba(255, 0, 255, 0.8);
+}
+
+regular-layout.gibson regular-layout-frame::part(active-close):before {
+    content: "×";
+    font-size: 14px;
+    font-weight: bold;
+    color: #ff00ff;
+    text-shadow: 0 0 4px rgba(255, 0, 255, 0.8);
+}
+
+regular-layout.gibson regular-layout-frame::part(close) {
+    display: none;
+}
+
+
+regular-layout.gibson regular-layout-frame::part(titlebar) {
+    display: flex;
+    justify-content: flex-end;
+    align-items: stretch;
+    padding-left: 12px;
+    height: 32px;
+
+    /* border-bottom: 1px solid rgba(0, 255, 255, 0.3); */
+}
+
+regular-layout.gibson regular-layout-frame::part(tab) {
+    display: flex;
+    flex: 1 1 150px;
+    max-width: 200px;
+    align-items: center;
+    padding: 0 5px 0 12px;
+    cursor: pointer;
+    text-overflow: ellipsis;
+    background: rgba(255, 0, 255, 0.1);
+    color: #00ffff;
+    font-size: 11px;
+    font-weight: 500;
+    letter-spacing: 0.5px;
+    text-transform: uppercase;
+    /* border-right: 1px solid rgba(0, 255, 255, 0.2); */
+    opacity: 0.6;
+    transition: all 0.2s ease;
+    text-shadow: 0 0 4px rgba(0, 255, 255, 0.5);
+}
+
+regular-layout.gibson regular-layout-frame::part(tab):hover {
+    box-shadow: inset 0 0 12px rgba(0, 255, 255, 0.9);
+}
+
+regular-layout.gibson regular-layout-frame::part(active-tab) {
+    background: rgba(0, 255, 255, 0.15);
+    opacity: 1;
+    border: 2px solid #00ffff;
+    border-bottom-width: 1px;
+    box-shadow:
+        inset 0 0 12px rgba(0, 255, 255, 0.3),
+        0 0 8px rgba(0, 255, 255, 0.4);
+}
+
+regular-layout.gibson:has(.overlay) > * {
+    opacity: 0.5;
+}
+
+regular-layout.gibson:has(.overlay) > .overlay {
+    opacity: 1;
+}
+
+/* Frame in Overlay Mode */
+regular-layout.gibson regular-layout-frame.overlay {
+    background: rgba(255, 0, 255, 0.1);
+    border: 1px dashed #ff00ff;
+    border-radius: 12px;
+    box-shadow:
+        0 0 15px rgba(255, 0, 255, 0.6),
+        inset 0 0 20px rgba(255, 0, 255, 0.2);
+    margin: 0;
+    transition:
+        top 0.075s ease-out,
+        height 0.075s ease-out,
+        width 0.075s ease-out,
+        left 0.075s ease-out;
+}
+
+regular-layout.gibson regular-layout-frame::part(container) {
+    display: none;
+    border: 1px solid #00ffff;
+    border-radius: 12px 0 12px 0;
+}
+
+regular-layout.gibson regular-layout-frame::part(titlebar) {
+    display: none;
+}
+
+regular-layout.gibson regular-layout-frame:not(.overlay)::part(container),
+regular-layout.gibson regular-layout-frame:not(.overlay)::part(titlebar) {
+    display: flex;
+}
+
+/* Cyberpunk color variations */
+regular-layout.gibson :nth-child(6n+1)::part(container) {
+    border-color: #00ffff;
+    box-shadow:
+        0 0 10px rgba(0, 255, 255, 0.75),
+        inset 0 0 20px rgba(0, 255, 255, 0.1);
+}
+
+regular-layout.gibson :nth-child(6n+1)::part(tab) {
+    color: #00ffff;
+    text-shadow: 0 0 4px rgba(0, 255, 255, 0.6);
+}
+
+regular-layout.gibson :nth-child(6n+1)::part(active-tab) {
+    background: #00ffff44;
+    border-color: #00ffff;
+    box-shadow:
+        inset 0 0 12px rgba(0, 255, 255, 0.3),
+        0 0 8px rgba(0, 255, 255, 0.4);
+}
+
+regular-layout.gibson :nth-child(6n+2)::part(container) {
+    border-color: #ff00ff;
+    box-shadow:
+        0 0 10px rgba(255, 0, 255, 0.75),
+        inset 0 0 20px rgba(255, 0, 255, 0.1);
+}
+
+regular-layout.gibson :nth-child(6n+2)::part(tab) {
+    color: #ff00ff;
+    text-shadow: 0 0 4px rgba(255, 0, 255, 0.6);
+}
+
+regular-layout.gibson :nth-child(6n+2)::part(active-tab) {
+    background: #ff00ff44;
+    border-color: #ff00ff;
+    box-shadow:
+        inset 0 0 12px rgba(255, 0, 255, 0.3),
+        0 0 8px rgba(255, 0, 255, 0.4);
+}
+
+regular-layout.gibson :nth-child(6n+3)::part(container) {
+    border-color: #00ff00;
+    box-shadow:
+        0 0 10px rgba(0, 255, 0, 0.75),
+        inset 0 0 20px rgba(0, 255, 0, 0.1);
+}
+
+regular-layout.gibson :nth-child(6n+3)::part(tab) {
+    color: #00ff00;
+    text-shadow: 0 0 4px rgba(0, 255, 0, 0.6);
+}
+
+regular-layout.gibson :nth-child(6n+3)::part(active-tab) {
+    background: #00ff0044;
+    border-color: #00ff00;
+    box-shadow:
+        inset 0 0 12px rgba(0, 255, 0, 0.3),
+        0 0 8px rgba(0, 255, 0, 0.4);
+}
+
+regular-layout.gibson :nth-child(6n+4)::part(container) {
+    border-color: #ff0080;
+    box-shadow:
+        0 0 10px rgba(255, 0, 128, 0.75),
+        inset 0 0 20px rgba(255, 0, 128, 0.1);
+}
+
+regular-layout.gibson :nth-child(6n+4)::part(tab) {
+    color: #ff0080;
+    text-shadow: 0 0 4px rgba(255, 0, 128, 0.6);
+}
+
+regular-layout.gibson :nth-child(6n+4)::part(active-tab) {
+    background: #ff008044;
+    border-color: #ff0080;
+    box-shadow:
+        inset 0 0 12px rgba(255, 0, 128, 0.3),
+        0 0 8px rgba(255, 0, 128, 0.4);
+}
+
+regular-layout.gibson :nth-child(6n+5)::part(container) {
+    border-color: #8000ff;
+    box-shadow:
+        0 0 10px rgba(128, 0, 255, 0.75),
+        inset 0 0 20px rgba(128, 0, 255, 0.1);
+}
+
+regular-layout.gibson :nth-child(6n+5)::part(tab) {
+    color: #8000ff;
+    text-shadow: 0 0 4px rgba(128, 0, 255, 0.6);
+}
+
+regular-layout.gibson :nth-child(6n+5)::part(active-tab) {
+    background: #8000ff44;
+    border-color: #8000ff;
+    box-shadow:
+        inset 0 0 12px rgba(128, 0, 255, 0.3),
+        0 0 8px rgba(128, 0, 255, 0.4);
+}
+
+regular-layout.gibson :nth-child(6n+6)::part(container) {
+    border-color: #ffff00;
+    box-shadow:
+        0 0 10px rgba(255, 255, 0, 0.75),
+        inset 0 0 20px rgba(255, 255, 0, 0.1);
+}
+
+regular-layout.gibson :nth-child(6n+6)::part(tab) {
+    color: #ffff00;
+    text-shadow: 0 0 4px rgba(255, 255, 0, 0.6);
+}
+
+regular-layout.gibson :nth-child(6n+6)::part(active-tab) {
+    background: #ffff0044;
+    border-color: #ffff00;
+    box-shadow:
+        inset 0 0 12px rgba(255, 255, 0, 0.3),
+        0 0 8px rgba(255, 255, 0, 0.4);
+}

package/themes/hotdog.css

@@ -0,0 +1,88 @@
+/* ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
+ * ░░░░░░░░▄▀░█▀▄░█▀▀░█▀▀░█░█░█░░░█▀█░█▀▄░░░░░█░░░█▀█░█░█░█▀█░█░█░▀█▀░▀▄░░░░░░░░
+ * ░░░░░░░▀▄░░█▀▄░█▀▀░█░█░█░█░█░░░█▀█░█▀▄░▀▀▀░█░░░█▀█░░█░░█░█░█░█░░█░░░▄▀░░░░░░░
+ * ░░░░░░░░░▀░▀░▀░▀▀▀░▀▀▀░▀▀▀░▀▀▀░▀░▀░▀░▀░░░░░▀▀▀░▀░▀░░▀░░▀▀▀░▀▀▀░░▀░░▀░░░░░░░░░
+ * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
+ * ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+ * ┃  *  Copyright (c) 2026, the Regular Layout Authors. This file is part  *  ┃
+ * ┃  *  of the Regular Layout library, distributed under the terms of the  *  ┃
+ * ┃  *  [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). *  ┃
+ * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+ */
+
+regular-layout.hotdog {
+    background-color: #FF0000;
+    font-family: "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", monospace;
+    padding: 24px;
+}
+
+/* Frame */
+regular-layout.hotdog regular-layout-frame {
+    margin: 12px;
+    background: #FFFF00;
+    border-width: 2px;
+    border-color: #FF6B6B #8B0000 #8B0000 #FF6B6B;
+    border-style: solid;
+}
+
+regular-layout.hotdog regular-layout-frame::part(close) {
+    border-width: 1px;
+    border-color: #FF6B6B #8B0000 #8B0000 #FF6B6B;
+    border-style: solid;
+    height: 16px;
+    background: #FF0000;
+    align-self: center;
+    display: flex;
+    align-items: center;
+    padding: 0px 4px;
+    color: #FFFF00;
+}
+
+regular-layout.hotdog regular-layout-frame::part(close):before {
+    content: "X";
+    font-size: 10px;
+    font-weight: bold;
+}
+
+regular-layout.hotdog regular-layout-frame::part(titlebar) {
+    display: flex;
+    align-items: stretch;
+    padding-right: 0px;
+}
+
+regular-layout.hotdog regular-layout-frame::part(tab) {
+    display: flex;
+    flex: 1 1 150px;
+    align-items: center;
+    padding: 0 3px 0 8px;
+    cursor: pointer;
+    text-overflow: ellipsis;
+    background: #CC0000;
+    color: #FFFF00;
+    font-family: "Tahoma", "Arial", sans-serif;
+    font-weight: bold;
+    font-size: 11px;
+}
+
+regular-layout.hotdog regular-layout-frame::part(active-tab) {
+    background: #FF0000;
+    opacity: 1;
+}
+
+regular-layout.hotdog:has(.overlay)>* {
+    opacity: 0.8;
+}
+
+regular-layout.hotdog:has(.overlay)>.overlay {
+    opacity: 1;
+}
+
+/* Frame in Overlay Mode */
+regular-layout.hotdog regular-layout-frame.overlay {
+    margin: 0;
+    transition:
+        top 0.1s ease-in-out,
+        height 0.1s ease-in-out,
+        width 0.1s ease-in-out,
+        left 0.1s ease-in-out;
+}

package/themes/lorax.css

@@ -0,0 +1,129 @@
+/* ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
+ * ░░░░░░░░▄▀░█▀▄░█▀▀░█▀▀░█░█░█░░░█▀█░█▀▄░░░░░█░░░█▀█░█░█░█▀█░█░█░▀█▀░▀▄░░░░░░░░
+ * ░░░░░░░▀▄░░█▀▄░█▀▀░█░█░█░█░█░░░█▀█░█▀▄░▀▀▀░█░░░█▀█░░█░░█░█░█░█░░█░░░▄▀░░░░░░░
+ * ░░░░░░░░░▀░▀░▀░▀▀▀░▀▀▀░▀▀▀░▀▀▀░▀░▀░▀░▀░░░░░▀▀▀░▀░▀░░▀░░▀▀▀░▀▀▀░░▀░░▀░░░░░░░░░
+ * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
+ * ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+ * ┃  *  Copyright (c) 2026, the Regular Layout Authors. This file is part  *  ┃
+ * ┃  *  of the Regular Layout library, distributed under the terms of the  *  ┃
+ * ┃  *  [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). *  ┃
+ * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+ */
+
+regular-layout.lorax {
+    font-family: "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", monospace;
+}
+
+/* Frame */
+regular-layout.lorax regular-layout-frame {
+    margin: 3px;
+    margin-top: 27px;
+    border-radius: 0 0 6px 6px;
+    border: 1px solid #666;
+    box-shadow: 0px 6px 6px -4px rgba(150, 150, 180);
+}
+
+regular-layout.lorax regular-layout-frame::part(titlebar) {
+    display: flex;
+    align-items: stretch;
+    margin-left: -1px;
+    margin-right: -1px;
+    margin-bottom: 0px;
+    margin-top: -24px;
+}
+
+regular-layout.lorax regular-layout-frame::part(tab) {
+    display: flex;
+    flex: 1 1 150px;
+    align-items: center;
+    text-align: center;
+    font-size: 10px;
+    padding: 0 6px;
+    cursor: pointer;
+    max-width: 150px;
+    text-overflow: ellipsis;
+    border: 1px solid #666;
+    border-radius: 6px 6px 0 0;
+    opacity: 0.5;
+}
+
+regular-layout.lorax regular-layout-frame::part(active-tab) {
+    opacity: 1;
+}
+
+regular-layout.lorax regular-layout-frame::part(close) {
+    border-radius: 7px;
+    border: 1px solid #666;
+    background: transparent;
+    height: 14px;
+    align-self: center
+}
+
+
+regular-layout.lorax regular-layout-frame::part(close):hover {
+    transition: background-color 0.2s;
+    background-color: rgba(255,0,0,0.2);
+}
+
+/* Frame in Overlay Mode */
+regular-layout.lorax regular-layout-frame.overlay {
+    background-color: rgba(0, 0, 0, 0.2);
+    border: 1px dashed rgb(0, 0, 0);
+    border-radius: 6px;
+    margin: 0;
+    box-shadow: none;
+    transition:
+        top 0.1s ease-in-out,
+        height 0.1s ease-in-out,
+        width 0.1s ease-in-out,
+        left 0.1s ease-in-out;
+}
+
+regular-layout.lorax regular-layout-frame::part(container), regular-layout.lorax regular-layout-frame::part(titlebar) {
+    display: none;
+}
+
+regular-layout.lorax regular-layout-frame:not(.overlay)::part(container), regular-layout.lorax regular-layout-frame:not(.overlay)::part(titlebar) {
+    display: flex;
+}
+
+/* Colors */
+regular-layout.lorax :nth-child(8n+1),
+regular-layout.lorax :nth-child(8n+1)::part(tab) {
+    background-color: #ffadadff;
+}
+
+regular-layout.lorax :nth-child(8n+2),
+regular-layout.lorax :nth-child(8n+2)::part(tab) {
+    background-color: #ffd6a5ff;
+}
+
+regular-layout.lorax :nth-child(8n+3),
+regular-layout.lorax :nth-child(8n+3)::part(tab) {
+    background-color: #fdffb6ff;
+}
+
+regular-layout.lorax :nth-child(8n+4),
+regular-layout.lorax :nth-child(8n+4)::part(tab) {
+    background-color: #caffbfff;
+}
+
+regular-layout.lorax :nth-child(8n+5),
+regular-layout.lorax :nth-child(8n+5)::part(tab) {
+    background-color: #9bf6ffff;
+}
+
+regular-layout.lorax :nth-child(8n+6),
+regular-layout.lorax :nth-child(8n+6)::part(tab) {
+    background-color: #a0c4ffff;
+}
+
+regular-layout.lorax :nth-child(8n+7),
+regular-layout.lorax :nth-child(8n+7)::part(tab) {
+    background-color: #bdb2ffff;
+}
+
+regular-layout.lorax :nth-child(8n+8),
+regular-layout.lorax :nth-child(8n+8)::part(tab) {
+    background-color: #ffc6ffff;
+}

package/dist/common/generate_overlay.d.ts

@@ -1,2 +0,0 @@
-import type { LayoutPath } from "./layout_config";
-export declare function updateOverlaySheet(slot: string, { view_window: { row_start, row_end, col_start, col_end }, box, }: LayoutPath<DOMRect>): string;

package/src/common/calculate_edge.ts

@@ -1,104 +0,0 @@
-// ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
-// ░░░░░░░░▄▀░█▀▄░█▀▀░█▀▀░█░█░█░░░█▀█░█▀▄░░░░░█░░░█▀█░█░█░█▀█░█░█░▀█▀░▀▄░░░░░░░░
-// ░░░░░░░▀▄░░█▀▄░█▀▀░█░█░█░█░█░░░█▀█░█▀▄░▀▀▀░█░░░█▀█░░█░░█░█░█░█░░█░░░▄▀░░░░░░░
-// ░░░░░░░░░▀░▀░▀░▀▀▀░▀▀▀░▀▀▀░▀▀▀░▀░▀░▀░▀░░░░░▀▀▀░▀░▀░░▀░░▀▀▀░▀▀▀░░▀░░▀░░░░░░░░░
-// ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
-// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-// ┃  *  Copyright (c) 2026, the Regular Layout Authors. This file is part  *  ┃
-// ┃  *  of the Regular Layout library, distributed under the terms of the  *  ┃
-// ┃  *  [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). *  ┃
-// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-
-import { calculate_intersection } from "./calculate_intersect";
-import { SPLIT_EDGE_TOLERANCE } from "./constants";
-import { insert_child } from "./insert_child";
-import type { Layout, LayoutPath, Orientation } from "./layout_config";
-
-/**
- * Calculates an insertion point (which may involve splitting a single
- * `"child-panel"` into a new `"split-panel"`), based on the  cursor position.
- * *
- * @param col - The cursor column.
- * @param row - The cursor row.
- * @param panel - The `Layout` to insert into.
- * @param slot - The slot identifier where the insert should occur
- * @param drop_target - The `LayoutPath` (from `calculateIntersect`) of the
- * panel to either insert next to, or split by.
- * @returns A new `LayoutPath` reflecting the updated (maybe) `"split-panel"`,
- * which is enough to draw the overlay.
- */
-export function calculate_edge(
-	col: number,
-	row: number,
-	panel: Layout,
-	slot: string,
-	drop_target: LayoutPath,
-): LayoutPath {
-	const is_column_edge =
-		drop_target.column_offset < SPLIT_EDGE_TOLERANCE ||
-		drop_target.column_offset > 1 - SPLIT_EDGE_TOLERANCE;
-
-	const is_row_edge =
-		drop_target.row_offset < SPLIT_EDGE_TOLERANCE ||
-		drop_target.row_offset > 1 - SPLIT_EDGE_TOLERANCE;
-
-	if (is_column_edge) {
-		return handle_axis(
-			col,
-			row,
-			panel,
-			slot,
-			drop_target,
-			drop_target.column_offset,
-			"horizontal",
-		);
-	} else if (is_row_edge) {
-		return handle_axis(
-			col,
-			row,
-			panel,
-			slot,
-			drop_target,
-			drop_target.row_offset,
-			"vertical",
-		);
-	}
-
-	return drop_target;
-}
-
-function handle_axis(
-	col: number,
-	row: number,
-	panel: Layout,
-	slot: string,
-	drop_target: LayoutPath,
-	axis_offset: number,
-	axis_orientation: Orientation,
-): LayoutPath {
-	const is_before = axis_offset < SPLIT_EDGE_TOLERANCE;
-	if (drop_target.orientation === axis_orientation) {
-		if (drop_target.path.length === 0) {
-			const insert_index = is_before ? 0 : 1;
-			const new_panel = insert_child(panel, slot, [insert_index]);
-			drop_target = calculate_intersection(col, row, new_panel, false);
-		} else {
-			const path_without_last = drop_target.path.slice(0, -1);
-			const last_index = drop_target.path[drop_target.path.length - 1];
-			const insert_index = is_before ? last_index : last_index + 1;
-			const new_panel = insert_child(panel, slot, [
-				...path_without_last,
-				insert_index,
-			]);
-
-			drop_target = calculate_intersection(col, row, new_panel, false);
-		}
-	} else {
-		const path = [...drop_target.path, is_before ? 0 : 1];
-		const new_panel = insert_child(panel, slot, path, axis_orientation);
-		drop_target = calculate_intersection(col, row, new_panel, false);
-	}
-
-	drop_target.is_edge = true;
-	return drop_target;
-}