diff --git a/next-docs/public/examples/table/DeepTable.tsx b/next-docs/public/examples/table/DeepTable.tsx
index 21998b962..db709abc2 100644
--- a/next-docs/public/examples/table/DeepTable.tsx
+++ b/next-docs/public/examples/table/DeepTable.tsx
@@ -12,12 +12,24 @@ const Example = () => {
           {isAllRowsExpanded ? <ControlsChevronDown /> : <ControlsChevronRight />}
         </span>
       ),
-      Cell: ({ row }: any) =>
-        row.canExpand ? (
-          <span style={{ paddingLeft: `${row.depth * 2}rem` }}>
+      Cell: ({ row, toggleRowExpanded }: any) =>
+      <div className="flex h-full items-center">
+        {row.canExpand ? (
+          <span
+            {...row.getToggleRowExpandedProps({
+              style: {
+                paddingLeft: `${row.depth * 2}rem`,
+              },
+            })}
+            onClick={(e) => {
+              e.preventDefault();
+              toggleRowExpanded(row.id, row.isExpanded !== true);
+            }}
+          >
             {row.isExpanded ? <ControlsChevronDown /> : <ControlsChevronRight />}
           </span>
-        ) : null,
+        ) : null}
+      </div>
     },
     {
       Header: 'Name',
diff --git a/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap
index 1c877e4b3..9fa5e5e04 100644
--- a/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap
+++ b/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap
@@ -31280,24 +31280,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -31342,24 +31347,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -31404,24 +31414,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -31466,24 +31481,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -31528,24 +31548,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -31590,24 +31615,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -31652,24 +31682,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -31714,24 +31749,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -31776,24 +31816,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -31838,24 +31883,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -31900,24 +31950,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -31962,24 +32017,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -32024,24 +32084,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -32086,24 +32151,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -32148,24 +32218,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -32210,24 +32285,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -32272,24 +32352,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -32334,24 +32419,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -32396,24 +32486,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -32458,24 +32553,29 @@ Object {
                 role="cell"
                 style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                <span
-                  style="padding-left: 0rem;"
+                <div
+                  class="flex h-full items-center"
                 >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    style="cursor: pointer; padding-left: 0rem;"
+                    title="Toggle Row Expanded"
                   >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
+                    <svg
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M11.5 7L20.5 16L11.5 25"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </div>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -32671,24 +32771,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -32733,24 +32838,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -32795,24 +32905,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -32857,24 +32972,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -32919,24 +33039,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -32981,24 +33106,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -33043,24 +33173,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -33105,24 +33240,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -33167,24 +33307,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -33229,24 +33374,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -33291,24 +33441,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -33353,24 +33508,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -33415,24 +33575,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -33477,24 +33642,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -33539,24 +33709,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -33601,24 +33776,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -33663,24 +33843,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -33725,24 +33910,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -33787,24 +33977,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -33849,24 +34044,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -141406,24 +141606,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -141468,24 +141673,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -141530,24 +141740,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -141592,24 +141807,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -141654,24 +141874,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -141716,24 +141941,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -141778,24 +142008,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -141840,24 +142075,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -141902,24 +142142,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -141964,24 +142209,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -142026,24 +142276,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -142088,24 +142343,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -142150,24 +142410,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -142212,24 +142477,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -142274,24 +142544,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -142336,24 +142611,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -142398,24 +142678,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -142460,24 +142745,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -142522,24 +142812,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -142584,24 +142879,29 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              <span
-                style="padding-left: 0rem;"
+              <div
+                class="flex h-full items-center"
               >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -142793,24 +143093,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -142855,24 +143160,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -142917,24 +143227,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -142979,24 +143294,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143041,24 +143361,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143103,24 +143428,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143165,24 +143495,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143227,24 +143562,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143289,24 +143629,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143351,24 +143696,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143413,24 +143763,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143475,24 +143830,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143537,24 +143897,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143599,24 +143964,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143661,24 +144031,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143723,24 +144098,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143785,24 +144165,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143847,24 +144232,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143909,24 +144299,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -143971,24 +144366,29 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            <span
-              style="padding-left: 0rem;"
+            <div
+              class="flex h-full items-center"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"