tournament-brackets-ui 0.1.0

package/dist/esm/CollapsedRight-CPLDkLx5.js

@@ -0,0 +1,678 @@
+import { s as styles, T as Team } from './Team-CLk1m4Vj.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+function CollapsedRight({
+  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: 1015,
+      style: {
+        borderCollapse: 'collapse',
+        tableLayout: 'fixed',
+        width: 'fit-content',
+        maxWidth: '100%'
+      },
+      children: [/*#__PURE__*/jsxs("colgroup", {
+        children: [/*#__PURE__*/jsx("col", {
+          width: 35,
+          span: 4,
+          style: {
+            msoWidthSource: 'userset',
+            msoWidthAlt: 1109,
+            width: '26pt'
+          }
+        }), /*#__PURE__*/jsx("col", {
+          width: 168,
+          style: {
+            msoWidthSource: 'userset',
+            msoWidthAlt: 5376,
+            width: '126pt'
+          }
+        })]
+      }), /*#__PURE__*/jsxs("tbody", {
+        children: [/*#__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.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx(Team, {
+            team: teams[0],
+            teamStyle: teamIDStyle
+          })]
+        }), /*#__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.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTopLeft
+          })]
+        }), /*#__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.xl01
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderLeft,
+            children: "1"
+          })]
+        }), /*#__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.borderTopLeft
+          })]
+        }), /*#__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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRBL
+          }), /*#__PURE__*/jsx(Team, {
+            team: teams[1],
+            teamStyle: teamIDStyle
+          })]
+        }), /*#__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.borderLeft
+          })]
+        }), /*#__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", {
+            rowSpan: 2,
+            className: styles.borderLeft,
+            children: "5"
+          })]
+        }), /*#__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.borderTopLeft
+          })]
+        }), /*#__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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderLeft
+          })]
+        }), /*#__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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx(Team, {
+            team: teams[2],
+            teamStyle: teamIDStyle
+          })]
+        }), /*#__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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTRL
+          })]
+        }), /*#__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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderBottomLeft
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderLeft,
+            children: "2"
+          })]
+        }), /*#__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.borderLeft
+          })]
+        }), /*#__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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRBL
+          }), /*#__PURE__*/jsx(Team, {
+            team: teams[3],
+            teamStyle: teamIDStyle
+          })]
+        }), /*#__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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTop,
+            style: {
+              borderTop: 'none'
+            }
+          })]
+        }), /*#__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.borderLeft
+          })]
+        }), /*#__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", {
+            rowSpan: 2,
+            className: styles.borderLeft,
+            children: "7"
+          })]
+        }), /*#__PURE__*/jsx("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: /*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl01,
+            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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx(Team, {
+            team: teams[4],
+            teamStyle: teamIDStyle
+          })]
+        }), /*#__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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTRL
+          })]
+        }), /*#__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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderLeft,
+            children: "3"
+          })]
+        }), /*#__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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTopLeft
+          })]
+        }), /*#__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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRBL
+          }), /*#__PURE__*/jsx(Team, {
+            team: teams[5],
+            teamStyle: teamIDStyle
+          })]
+        }), /*#__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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTop,
+            style: {
+              borderTop: 'none'
+            }
+          })]
+        }), /*#__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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderLeft
+          })]
+        }), /*#__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.borderBottomLeft
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderLeft,
+            children: "6"
+          })]
+        }), /*#__PURE__*/jsx("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: /*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl01,
+            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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx(Team, {
+            team: teams[6],
+            teamStyle: teamIDStyle
+          })]
+        }), /*#__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.borderLeft
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTRL
+          })]
+        }), /*#__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.borderBottomLeft
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderLeft,
+            children: "4"
+          })]
+        }), /*#__PURE__*/jsx("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: /*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl01,
+            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.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRBL
+          }), /*#__PURE__*/jsx(Team, {
+            team: teams[7],
+            teamStyle: teamIDStyle
+          })]
+        }), /*#__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.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTop,
+            style: {
+              borderTop: 'none'
+            }
+          })]
+        })]
+      })]
+    })
+  });
+}
+
+export { CollapsedRight as default };
+//# sourceMappingURL=CollapsedRight-CPLDkLx5.js.map