tournament-brackets-ui 0.1.0

package/dist/esm/CollapsedLeft-DZGhG_-q.js

@@ -0,0 +1,728 @@
+import { T as Team, s as styles } from './Team-CLk1m4Vj.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+function CollapsedLeft({
+  teams,
+  teamIDFontFamily,
+  teamIDColor,
+  teamIDFontSize
+}) {
+  const teamIDStyle = {
+    fontFamily: teamIDFontFamily,
+    color: teamIDColor,
+    fontSize: teamIDFontSize ? `${teamIDFontSize}pt` : undefined
+  };
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsxs("table", {
+      border: 0,
+      cellPadding: 0,
+      cellSpacing: 0,
+      width: 944,
+      style: {
+        borderCollapse: 'collapse',
+        tableLayout: 'fixed',
+        width: 'fit-content',
+        maxWidth: '100%'
+      },
+      children: [/*#__PURE__*/jsxs("colgroup", {
+        children: [/*#__PURE__*/jsx("col", {
+          width: 163,
+          style: {
+            msoWidthSource: 'userset',
+            msoWidthAlt: 5205,
+            width: '122pt'
+          }
+        }), /*#__PURE__*/jsx("col", {
+          width: 35,
+          span: 5,
+          style: {
+            msoWidthSource: 'userset',
+            msoWidthAlt: 1109,
+            width: '26pt'
+          }
+        })]
+      }), /*#__PURE__*/jsxs("tbody", {
+        children: [/*#__PURE__*/jsx("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: /*#__PURE__*/jsx(Team, {
+            team: teams[4],
+            teamStyle: teamIDStyle
+          })
+        }), /*#__PURE__*/jsx("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: /*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderTopRight,
+            style: {
+              height: '15.75pt'
+            }
+          })
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "3"
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderBottom,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTop
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTopRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(Team, {
+            team: teams[5],
+            teamStyle: teamIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderLeft,
+            style: {
+              height: '15.75pt',
+              borderLeft: 'none'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl00,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl00,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "7"
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(Team, {
+            team: teams[0],
+            teamStyle: teamIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTopRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderRight,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "1"
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderBottom,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(Team, {
+            team: teams[1],
+            teamStyle: teamIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl01,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "4"
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl01,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(Team, {
+            team: teams[6],
+            teamStyle: teamIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderTop,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "9"
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderBottom
+          })]
+        }), /*#__PURE__*/jsx("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: /*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl00,
+            style: {
+              height: '15.75pt'
+            }
+          })
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl00,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(Team, {
+            team: teams[7],
+            teamStyle: teamIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderTopRight,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "5"
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderBottom,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTop
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTopRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(Team, {
+            team: teams[8],
+            teamStyle: teamIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderLeft,
+            style: {
+              height: '15.75pt',
+              borderLeft: 'none'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl00,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl00,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "8"
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(Team, {
+            team: teams[2],
+            teamStyle: teamIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderBottom
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderRight,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "2"
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderBottom,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(Team, {
+            team: teams[3],
+            teamStyle: teamIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl01,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "6"
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          })]
+        }), /*#__PURE__*/jsx("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: /*#__PURE__*/jsx("td", {
+            height: 20,
+            style: {
+              height: '15.75pt'
+            }
+          })
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl01,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(Team, {
+            team: teams[9],
+            teamStyle: teamIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          })]
+        }), /*#__PURE__*/jsx("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: /*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderTop,
+            style: {
+              height: '15.75pt'
+            }
+          })
+        })]
+      })]
+    })
+  });
+}
+
+export { CollapsedLeft as default };
+//# sourceMappingURL=CollapsedLeft-DZGhG_-q.js.map