@sproutsocial/seeds-react-table 1.0.3 → 1.0.5

package/dist/esm/index.js

@@ -1,106 +1,16 @@
 import {
-  TableHeaderCell_default2 as TableHeaderCell_default
-} from "./chunk-SMHAMHIP.js";
-import {
-  TableCell_default2 as TableCell_default
-} from "./chunk-XJMS6762.js";
-
-// src/Table.tsx
-import "react";
-
-// src/styles.ts
-import styled from "styled-components";
-import { COMMON } from "@sproutsocial/seeds-react-system-props";
-var Container = styled.table`
-  width: 100%;
-  border-collapse: collapse;
-
-  thead {
-    vertical-align: bottom;
-  }
-
-  tr,
-  thead {
-    border-bottom: 1px solid
-      ${(props) => props.theme.colors.container.border.base};
-  }
-
-  ${COMMON}
-`;
-var styles_default = Container;
-
-// src/Table.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createElement } from "react";
-var renderTableRow = (row) => {
-  return /* @__PURE__ */ jsx("tbody", { "data-qa-table-row": "", children: /* @__PURE__ */ jsx("tr", { children: row.cells.map((td) => {
-    return /* @__PURE__ */ createElement(TableCell_default, { ...td, key: td.id });
-  }) }) }, row.id);
-};
-var Table = ({
-  head = [],
-  rows = [],
-  onSort,
-  sortId,
-  sortDirection,
-  rowRender,
-  children,
-  color,
-  ...rest
-}) => {
-  if (children) {
-    return /* @__PURE__ */ jsx(styles_default, { ...rest, "data-qa-table": "", children });
-  }
-  return /* @__PURE__ */ jsxs(
-    styles_default,
-    {
-      ...rest,
-      "data-qa-table": "",
-      color,
-      children: [
-        /* @__PURE__ */ jsx("colgroup", { children: head.map(({ id, colSpan = 1 }) => /* @__PURE__ */ jsx("col", { span: colSpan }, id)) }),
-        head.length > 0 && /* @__PURE__ */ jsx("thead", { "data-qa-table-header": "", children: /* @__PURE__ */ jsx("tr", { children: head.map(({ color: color2, ...th }) => {
-          return /* @__PURE__ */ createElement(
-            TableHeaderCell_default,
-            {
-              ...th,
-              key: th.id,
-              onSort,
-              sortId,
-              sortDirection,
-              color: color2
-            }
-          );
-        }) }) }),
-        rows.map((row) => {
-          return rowRender ? rowRender(row) : renderTableRow(row);
-        })
-      ]
-    }
-  );
-};
-var TableHead = ({ children, ...props }) => /* @__PURE__ */ jsx("thead", { ...props, children });
-var TableBody = ({ children, ...props }) => /* @__PURE__ */ jsx("tbody", { ...props, children });
-var TableRow = ({ children, ...props }) => /* @__PURE__ */ jsx("tr", { ...props, children });
-TableHead.displayName = "Table.TableHead";
-TableBody.displayName = "Table.TableBody";
-TableRow.displayName = "Table.TableRow";
-TableHeaderCell_default.displayName = "Table.HeaderCell";
-TableCell_default.displayName = "Table.Cell";
-Table.TableHead = TableHead;
-Table.TableBody = TableBody;
-Table.TableRow = TableRow;
-Table.HeaderCell = TableHeaderCell_default;
-Table.Cell = TableCell_default;
-var Table_default = Table;
+  Table_default
+} from "./chunk-F73BV5I2.js";
+import "./chunk-T7WTUUPA.js";
+import "./chunk-WGM7UCXV.js";
 
-// src/TableTypes.ts
+// src/v1/TableTypes.ts
 import "react";
 
 // src/index.ts
-var src_default = Table_default;
+var index_default = Table_default;
 export {
   Table_default as Table,
-  src_default as default
+  index_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Table.tsx","../../src/styles.ts","../../src/TableTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport TableCell from \"./TableCell\";\nimport TableHeaderCell from \"./TableHeaderCell\";\nimport Container from \"./styles\";\nimport type {\n  TypePassthroughProps,\n  TypeTableProps,\n  TypeTableRow,\n} from \"./TableTypes\";\n\nconst renderTableRow = (row: TypeTableRow) => {\n  return (\n    <tbody key={row.id} data-qa-table-row=\"\">\n      <tr>\n        {row.cells.map((td) => {\n          return <TableCell {...td} key={td.id} />;\n        })}\n      </tr>\n    </tbody>\n  );\n};\n\n/**\n * The table component assist in rendering tabular data.\n */\nexport const Table = ({\n  head = [],\n  rows = [],\n  onSort,\n  sortId,\n  sortDirection,\n  rowRender,\n  children,\n  color,\n  ...rest\n}: TypeTableProps) => {\n  if (children) {\n    return (\n      <Container {...rest} data-qa-table=\"\">\n        {children}\n      </Container>\n    );\n  }\n\n  return (\n    <Container\n      {...rest}\n      data-qa-table=\"\"\n      // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      color={color}\n    >\n      <colgroup>\n        {head.map(({ id, colSpan = 1 }) => (\n          <col key={id} span={colSpan} />\n        ))}\n      </colgroup>\n      {head.length > 0 && (\n        <thead data-qa-table-header=\"\">\n          <tr>\n            {head.map(({ color, ...th }) => {\n              return (\n                <TableHeaderCell\n                  {...th}\n                  key={th.id}\n                  onSort={onSort}\n                  sortId={sortId}\n                  sortDirection={sortDirection}\n                  // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.\n                  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                  // @ts-ignore\n                  color={color}\n                />\n              );\n            })}\n          </tr>\n        </thead>\n      )}\n      {rows.map((row) => {\n        return rowRender ? rowRender(row) : renderTableRow(row);\n      })}\n    </Container>\n  );\n};\n\nexport const TableHead = ({ children, ...props }: TypePassthroughProps) => (\n  <thead {...props}>{children}</thead>\n);\n\nexport const TableBody = ({ children, ...props }: TypePassthroughProps) => (\n  <tbody {...props}>{children}</tbody>\n);\n\nexport const TableRow = ({ children, ...props }: TypePassthroughProps) => (\n  <tr {...props}>{children}</tr>\n);\n\nTableHead.displayName = \"Table.TableHead\";\nTableBody.displayName = \"Table.TableBody\";\nTableRow.displayName = \"Table.TableRow\";\nTableHeaderCell.displayName = \"Table.HeaderCell\";\nTableCell.displayName = \"Table.Cell\";\n\nTable.TableHead = TableHead;\nTable.TableBody = TableBody;\nTable.TableRow = TableRow;\nTable.HeaderCell = TableHeaderCell;\nTable.Cell = TableCell;\n\nexport default Table;\n","import styled from \"styled-components\";\nimport { COMMON } from \"@sproutsocial/seeds-react-system-props\";\n\nconst Container = styled.table`\n  width: 100%;\n  border-collapse: collapse;\n\n  thead {\n    vertical-align: bottom;\n  }\n\n  tr,\n  thead {\n    border-bottom: 1px solid\n      ${(props) => props.theme.colors.container.border.base};\n  }\n\n  ${COMMON}\n`;\n\nexport default Container;\n","import * as React from \"react\";\nimport type {\n  TypeEnumSortDirections,\n  TypeTableHeaderCellProps,\n} from \"./TableHeaderCell\";\nimport type { TypeTableCellProps } from \"./TableCell/TableCellTypes\";\nimport type { TypeSystemCommonProps } from \"@sproutsocial/seeds-react-system-props\";\n\nexport interface TypePassthroughProps {\n  children: React.ReactNode;\n}\n\nexport interface TypeTableRow {\n  /** Table Row Id */\n  id: string;\n\n  /** Array for TableCells to render */\n  cells: TypeTableCellProps[];\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface TypeTableHeadProp\n  extends Omit<\n    TypeTableHeaderCellProps,\n    \"onSort\" | \"sortId\" | \"sortDirection\"\n  > {}\n\nexport interface TypeTableProps\n  extends TypeSystemCommonProps,\n    Omit<React.ComponentPropsWithoutRef<\"table\">, keyof TypeSystemCommonProps> {\n  /** Array of TableHeaderCells to render */\n  head?: TypeTableHeadProp[];\n\n  /** Array of TableRows to render */\n  rows?: TypeTableRow[];\n\n  /** Callback for Sorting Table Columns (optional) */\n  onSort?: (id: string) => void;\n\n  /** Controls which column is being sorted (optional) */\n  sortId?: string;\n\n  /** Controls the current sort direction (optional) */\n  sortDirection?: TypeEnumSortDirections;\n\n  /** Custom row render for flexibilty */\n  rowRender?: (row: TypeTableRow) => React.ReactNode;\n\n  /**\n   * Including children will overwrite all head, rows, rowRender, and sorting props\n   * Should be used for manually rendering tables and ignoring data props\n   */\n  children?: React.ReactNode;\n}\n","import Table from \"./Table\";\n\nexport default Table;\nexport { Table };\nexport * from \"./TableTypes\";\n"],"mappings":";;;;;;;;AAAA,OAAuB;;;ACAvB,OAAO,YAAY;AACnB,SAAS,cAAc;AAEvB,IAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAWjB,CAAC,UAAU,MAAM,MAAM,OAAO,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA,IAGvD,MAAM;AAAA;AAGV,IAAO,iBAAQ;;;ADPT,cAgCF,YAhCE;AAEW;AALjB,IAAM,iBAAiB,CAAC,QAAsB;AAC5C,SACE,oBAAC,WAAmB,qBAAkB,IACpC,8BAAC,QACE,cAAI,MAAM,IAAI,CAAC,OAAO;AACrB,WAAO,8BAAC,qBAAW,GAAG,IAAI,KAAK,GAAG,IAAI;AAAA,EACxC,CAAC,GACH,KALU,IAAI,EAMhB;AAEJ;AAKO,IAAM,QAAQ,CAAC;AAAA,EACpB,OAAO,CAAC;AAAA,EACR,OAAO,CAAC;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,MAAI,UAAU;AACZ,WACE,oBAAC,kBAAW,GAAG,MAAM,iBAAc,IAChC,UACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAc;AAAA,MAId;AAAA,MAEA;AAAA,4BAAC,cACE,eAAK,IAAI,CAAC,EAAE,IAAI,UAAU,EAAE,MAC3B,oBAAC,SAAa,MAAM,WAAV,EAAmB,CAC9B,GACH;AAAA,QACC,KAAK,SAAS,KACb,oBAAC,WAAM,wBAAqB,IAC1B,8BAAC,QACE,eAAK,IAAI,CAAC,EAAE,OAAAA,QAAO,GAAG,GAAG,MAAM;AAC9B,iBACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,KAAK,GAAG;AAAA,cACR;AAAA,cACA;AAAA,cACA;AAAA,cAIA,OAAOA;AAAA;AAAA,UACT;AAAA,QAEJ,CAAC,GACH,GACF;AAAA,QAED,KAAK,IAAI,CAAC,QAAQ;AACjB,iBAAO,YAAY,UAAU,GAAG,IAAI,eAAe,GAAG;AAAA,QACxD,CAAC;AAAA;AAAA;AAAA,EACH;AAEJ;AAEO,IAAM,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,MAC7C,oBAAC,WAAO,GAAG,OAAQ,UAAS;AAGvB,IAAM,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,MAC7C,oBAAC,WAAO,GAAG,OAAQ,UAAS;AAGvB,IAAM,WAAW,CAAC,EAAE,UAAU,GAAG,MAAM,MAC5C,oBAAC,QAAI,GAAG,OAAQ,UAAS;AAG3B,UAAU,cAAc;AACxB,UAAU,cAAc;AACxB,SAAS,cAAc;AACvB,wBAAgB,cAAc;AAC9B,kBAAU,cAAc;AAExB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,WAAW;AACjB,MAAM,aAAa;AACnB,MAAM,OAAO;AAEb,IAAO,gBAAQ;;;AE9Gf,OAAuB;;;ACEvB,IAAO,cAAQ;","names":["color"]}
+{"version":3,"sources":["../../src/v1/TableTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport type {\n  TypeEnumSortDirections,\n  TypeTableHeaderCellProps,\n} from \"./TableHeaderCell\";\nimport type { TypeTableCellProps } from \"./TableCell/TableCellTypes\";\nimport type { TypeSystemCommonProps } from \"@sproutsocial/seeds-react-system-props\";\n\nexport interface TypePassthroughProps {\n  children: React.ReactNode;\n}\n\nexport interface TypeTableRow {\n  /** Table Row Id */\n  id: string;\n\n  /** Array for TableCells to render */\n  cells: TypeTableCellProps[];\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface TypeTableHeadProp\n  extends Omit<\n    TypeTableHeaderCellProps,\n    \"onSort\" | \"sortId\" | \"sortDirection\"\n  > {}\n\nexport interface TypeTableProps\n  extends TypeSystemCommonProps,\n    Omit<React.ComponentPropsWithoutRef<\"table\">, keyof TypeSystemCommonProps> {\n  /** Array of TableHeaderCells to render */\n  head?: TypeTableHeadProp[];\n\n  /** Array of TableRows to render */\n  rows?: TypeTableRow[];\n\n  /** Callback for Sorting Table Columns (optional) */\n  onSort?: (id: string) => void;\n\n  /** Controls which column is being sorted (optional) */\n  sortId?: string;\n\n  /** Controls the current sort direction (optional) */\n  sortDirection?: TypeEnumSortDirections;\n\n  /** Custom row render for flexibilty */\n  rowRender?: (row: TypeTableRow) => React.ReactNode;\n\n  /**\n   * Including children will overwrite all head, rows, rowRender, and sorting props\n   * Should be used for manually rendering tables and ignoring data props\n   */\n  children?: React.ReactNode;\n}\n","// V1 Table - Default export for backwards compatibility\nimport Table from \"./v1/Table\";\n\nexport default Table;\nexport { Table };\nexport * from \"./v1/TableTypes\";\n"],"mappings":";;;;;;;AAAA,OAAuB;;;ACGvB,IAAO,gBAAQ;","names":[]}

package/dist/esm/{tableCell.js → v1/TableCell/index.js}

@@ -1,9 +1,9 @@
 import {
   TableCell_default,
   TableCell_default2
-} from "./chunk-XJMS6762.js";
+} from "../../chunk-WGM7UCXV.js";
 export {
   TableCell_default as TableCell,
   TableCell_default2 as default
 };
-//# sourceMappingURL=tableCell.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/{tableHeaderCell.js → v1/TableHeaderCell/index.js}

@@ -2,10 +2,10 @@ import {
   SORT_DIRECTIONS,
   TableHeaderCell_default,
   TableHeaderCell_default2
-} from "./chunk-SMHAMHIP.js";
+} from "../../chunk-T7WTUUPA.js";
 export {
   SORT_DIRECTIONS,
   TableHeaderCell_default as TableHeaderCell,
   TableHeaderCell_default2 as default
 };
-//# sourceMappingURL=tableHeaderCell.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/{tableRowAccordion.js → v1/TableRowAccordion/index.js}

@@ -1,12 +1,12 @@
 import {
   TableCell_default2 as TableCell_default
-} from "./chunk-XJMS6762.js";
+} from "../../chunk-WGM7UCXV.js";
 
-// src/TableRowAccordion/TableRowAccordion.tsx
+// src/v1/TableRowAccordion/TableRowAccordion.tsx
 import * as React from "react";
 import Icon from "@sproutsocial/seeds-react-icon";
 
-// src/TableRowAccordion/styles.ts
+// src/v1/TableRowAccordion/styles.ts
 import styled, { css } from "styled-components";
 import { COMMON } from "@sproutsocial/seeds-react-system-props";
 var Container = styled.tbody`
@@ -27,7 +27,7 @@ var Trigger = styled.div`
 `;
 var styles_default = Container;
 
-// src/TableRowAccordion/TableRowAccordion.tsx
+// src/v1/TableRowAccordion/TableRowAccordion.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
 var TableRowAccordion = class extends React.Component {
@@ -98,13 +98,13 @@ var TableRowAccordion = class extends React.Component {
   }
 };
 
-// src/TableRowAccordion/TableRowAccordionTypes.ts
+// src/v1/TableRowAccordion/TableRowAccordionTypes.ts
 import "react";
 
-// src/TableRowAccordion/index.ts
+// src/v1/TableRowAccordion/index.ts
 var TableRowAccordion_default = TableRowAccordion;
 export {
   TableRowAccordion,
   TableRowAccordion_default as default
 };
-//# sourceMappingURL=tableRowAccordion.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/v1/TableRowAccordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/v1/TableRowAccordion/TableRowAccordion.tsx","../../../../src/v1/TableRowAccordion/styles.ts","../../../../src/v1/TableRowAccordion/TableRowAccordionTypes.ts","../../../../src/v1/TableRowAccordion/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport Icon from \"@sproutsocial/seeds-react-icon\";\nimport TableCell from \"../TableCell\";\nimport Container, { Detail, Trigger } from \"./styles\";\nimport type { TypeTableRowAccordionProps } from \"./TableRowAccordionTypes\";\n\n/**\n * The table row accordion component allows for rendering a row of tabular data along with a addtional content to be rendered inside of an accordion drawer. This component is meant to be used with the table components rowRender mentod.\n */\nexport default class TableRowAccordion extends React.Component<TypeTableRowAccordionProps> {\n  handleToggle: React.MouseEventHandler<HTMLTableRowElement> = (e) => {\n    const { onToggle, id } = this.props;\n    e.stopPropagation();\n\n    if (onToggle) {\n      onToggle(id);\n    }\n  };\n\n  override render() {\n    const {\n      id,\n      cells,\n      detail,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      onToggle,\n      isExpanded,\n      color,\n      ...rest\n    } = this.props;\n\n    return (\n      <Container\n        {...rest}\n        data-qa-table-row-accordion={isExpanded}\n        key={id}\n        // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        color={color}\n      >\n        <tr data-tablerowaccordion-summary onClick={this.handleToggle}>\n          {cells.map((td) => {\n            return <TableCell {...td} key={td.id} />;\n          })}\n          <TableCell\n            id=\"tableRowAccordion_trigger\"\n            content={\n              // TODO: This trigger needs an accessible label passed in via props\n              <Trigger\n                data-tablerowaccordion-trigger\n                onClick={this.handleToggle}\n                role=\"button\"\n              >\n                <Icon\n                  name={\n                    isExpanded ? \"chevron-up-outline\" : \"chevron-down-outline\"\n                  }\n                  aria-hidden\n                />\n              </Trigger>\n            }\n          />\n        </tr>\n        <Detail isExpanded={isExpanded} data-tablerowaccordion-detail>\n          <TableCell\n            id=\"tableRowAccordion_detail\"\n            colSpan={100}\n            content={detail}\n          />\n        </Detail>\n      </Container>\n    );\n  }\n}\n","import styled, { css } from \"styled-components\";\nimport { COMMON } from \"@sproutsocial/seeds-react-system-props\";\n\nconst Container = styled.tbody`\n  border-bottom: 1px solid\n    ${(props) => props.theme.colors.container.border.base};\n\n  ${COMMON}\n`;\n\nexport const Detail = styled.tr<{ isExpanded: boolean }>`\n  display: none;\n\n  ${(props) =>\n    props.isExpanded &&\n    css`\n      display: table-row;\n    `}\n`;\n\nexport const Trigger = styled.div`\n  cursor: pointer;\n`;\n\nexport default Container;\n","import * as React from \"react\";\nimport type { TypeSystemCommonProps } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeTableRow } from \"../TableTypes\";\n\nexport interface TypeTableRowAccordionProps\n  extends TypeTableRow,\n    TypeSystemCommonProps,\n    Omit<\n      React.ComponentPropsWithoutRef<\"tbody\">,\n      keyof TypeTableRow | keyof TypeSystemCommonProps\n    > {\n  /** Content to be rendered in accordion drawer */\n  detail: React.ReactNode;\n\n  /** Controls the display state of the accordion drawer */\n  isExpanded: boolean;\n\n  /** Callback for toggling the accordion drawer state */\n  onToggle: (id: string) => void;\n}\n","import TableRowAccordion from \"./TableRowAccordion\";\n\nexport default TableRowAccordion;\nexport { TableRowAccordion };\nexport * from \"./TableRowAccordionTypes\";\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,OAAO,UAAU;;;ACDjB,OAAO,UAAU,WAAW;AAC5B,SAAS,cAAc;AAEvB,IAAM,YAAY,OAAO;AAAA;AAAA,MAEnB,CAAC,UAAU,MAAM,MAAM,OAAO,UAAU,OAAO,IAAI;AAAA;AAAA,IAErD,MAAM;AAAA;AAGH,IAAM,SAAS,OAAO;AAAA;AAAA;AAAA,IAGzB,CAAC,UACD,MAAM,cACN;AAAA;AAAA,KAEC;AAAA;AAGE,IAAM,UAAU,OAAO;AAAA;AAAA;AAI9B,IAAO,iBAAQ;;;ADiBP,SAaQ,KAbR;AAEW;AAlCnB,IAAqB,oBAArB,cAAqD,gBAAsC;AAAA,EACzF,eAA6D,CAAC,MAAM;AAClE,UAAM,EAAE,UAAU,GAAG,IAAI,KAAK;AAC9B,MAAE,gBAAgB;AAElB,QAAI,UAAU;AACZ,eAAS,EAAE;AAAA,IACb;AAAA,EACF;AAAA,EAES,SAAS;AAChB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,KAAK;AAET,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,+BAA6B;AAAA,QAC7B,KAAK;AAAA,QAIL;AAAA;AAAA,MAEA,qBAAC,QAAG,kCAA8B,MAAC,SAAS,KAAK,cAC9C;AAAA,cAAM,IAAI,CAAC,OAAO;AACjB,iBAAO,8BAAC,qBAAW,GAAG,IAAI,KAAK,GAAG,IAAI;AAAA,QACxC,CAAC;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH;AAAA;AAAA,cAEE;AAAA,gBAAC;AAAA;AAAA,kBACC,kCAA8B;AAAA,kBAC9B,SAAS,KAAK;AAAA,kBACd,MAAK;AAAA,kBAEL;AAAA,oBAAC;AAAA;AAAA,sBACC,MACE,aAAa,uBAAuB;AAAA,sBAEtC,eAAW;AAAA;AAAA,kBACb;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QAEJ;AAAA,SACF;AAAA,MACA,oBAAC,UAAO,YAAwB,iCAA6B,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,SAAS;AAAA,UACT,SAAS;AAAA;AAAA,MACX,GACF;AAAA,IACF;AAAA,EAEJ;AACF;;;AE1EA,OAAuB;;;ACEvB,IAAO,4BAAQ;","names":[]}

package/dist/esm/v1/index.js

@@ -0,0 +1,13 @@
+import {
+  Table_default
+} from "../chunk-F73BV5I2.js";
+import "../chunk-T7WTUUPA.js";
+import "../chunk-WGM7UCXV.js";
+
+// src/v1/index.ts
+var v1_default = Table_default;
+export {
+  Table_default as Table,
+  v1_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/v1/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/v1/index.ts"],"sourcesContent":["// V1 Table - Explicit exports for optimal tree shaking\nimport Table from \"./Table\";\n\nexport default Table;\nexport { Table };\n\n// Explicit type exports\nexport type {\n  TypeTableProps,\n  TypeTableRow,\n  TypeTableHeadProp,\n  TypePassthroughProps,\n} from \"./TableTypes\";\n"],"mappings":";;;;;;;AAGA,IAAO,aAAQ;","names":[]}

package/dist/esm/v2/index.js

@@ -0,0 +1,138 @@
+// src/v2/TableV2.tsx
+import React2, { useId } from "react";
+
+// src/v2/TableV2Types.ts
+import "react";
+
+// src/v2/styles.ts
+import styled, { css } from "styled-components";
+import {
+  COMMON,
+  LAYOUT,
+  TYPOGRAPHY
+} from "@sproutsocial/seeds-react-system-props";
+var StyledTableV2Container = styled.div`
+  ${COMMON}
+  ${LAYOUT}
+  overflow-x: auto;
+  max-width: 100%;
+`;
+var StyledTableV2 = styled.table`
+  width: 100%;
+  border-collapse: collapse;
+  color: ${(props) => props.theme.colors.text.body};
+  font-family: ${(props) => props.theme.fontFamily};
+`;
+StyledTableV2.displayName = "TableV2.Table";
+var StyledCaption = styled.caption`
+  ${TYPOGRAPHY}
+  text-align: left;
+  ${(props) => props.theme.typography[400]}
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
+  padding: ${(props) => props.theme.space[300]};
+  margin-top: ${(props) => props.theme.space[200]};
+  ${({ isVisible }) => !isVisible && css`
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      border: 0;
+    `}
+`;
+StyledCaption.displayName = "TableV2.Caption";
+var StyledTableHeader = styled.thead`
+  vertical-align: bottom;
+  border-bottom: 1px solid
+    ${(props) => props.theme.colors.container.border.base};
+`;
+StyledTableHeader.displayName = "TableV2.TableHeader";
+var StyledTableBody = styled.tbody``;
+StyledTableBody.displayName = "TableV2.TableBody";
+var StyledTableRow = styled.tr`
+  border-bottom: 1px solid
+    ${(props) => props.theme.colors.container.border.base};
+`;
+StyledTableRow.displayName = "TableV2.TableRow";
+var StyledTableHeaderCell = styled.th`
+  ${(props) => props.theme.typography[100]}
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
+  padding: ${(props) => props.theme.space[300]};
+  text-align: left;
+`;
+StyledTableHeaderCell.displayName = "TableV2.TableHeaderCell";
+var StyledTableCell = styled.td`
+  ${(props) => props.theme.typography[200]}
+  font-weight: ${(props) => props.theme.fontWeights.normal};
+  padding: ${(props) => props.theme.space[300]};
+  text-align: left;
+`;
+StyledTableCell.displayName = "TableV2.TableCell";
+
+// src/v2/TableV2.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TableContainerContext = React2.createContext(null);
+var useTableContainerId = () => React2.useContext(TableContainerContext);
+var TableWrapper = ({
+  children,
+  ...rest
+}) => {
+  const containerId = useId();
+  return /* @__PURE__ */ jsx(TableContainerContext.Provider, { value: containerId, children: /* @__PURE__ */ jsx(
+    StyledTableV2Container,
+    {
+      role: "region",
+      tabIndex: 0,
+      id: containerId,
+      "aria-labelledby": containerId,
+      ...rest,
+      children
+    }
+  ) });
+};
+var TableV2 = ({
+  caption,
+  displayCaption = true,
+  columns,
+  data
+}) => {
+  const containerId = useTableContainerId();
+  return /* @__PURE__ */ jsx(TableWrapper, { children: /* @__PURE__ */ jsxs(StyledTableV2, { children: [
+    /* @__PURE__ */ jsx(StyledCaption, { id: containerId ?? void 0, isVisible: displayCaption, children: caption }),
+    /* @__PURE__ */ jsx(StyledTableHeader, { children: /* @__PURE__ */ jsx(StyledTableRow, { children: columns.map((column, index) => /* @__PURE__ */ jsx(StyledTableHeaderCell, { scope: "col", children: column }, index)) }) }),
+    /* @__PURE__ */ jsx(StyledTableBody, { children: data.map((row, rowIndex) => /* @__PURE__ */ jsx(StyledTableRow, { children: row.map((cell, cellIndex) => /* @__PURE__ */ jsx(StyledTableCell, { children: cell }, cellIndex)) }, rowIndex)) })
+  ] }) });
+};
+var Table = TableV2;
+var TableRoot = StyledTableV2;
+var TableCaption = StyledCaption;
+var TableHeader = StyledTableHeader;
+var TableBody = StyledTableBody;
+var TableRow = StyledTableRow;
+var TableHeaderCell = StyledTableHeaderCell;
+var TableCell = StyledTableCell;
+var TableV2_default = TableV2;
+export {
+  StyledCaption,
+  StyledTableBody,
+  StyledTableCell,
+  StyledTableHeader,
+  StyledTableHeaderCell,
+  StyledTableRow,
+  StyledTableV2,
+  StyledTableV2Container,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableHeader,
+  TableHeaderCell,
+  TableRoot,
+  TableRow,
+  TableV2_default as TableV2,
+  TableWrapper,
+  useTableContainerId
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/v2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/v2/TableV2.tsx","../../../src/v2/TableV2Types.ts","../../../src/v2/styles.ts"],"sourcesContent":["import React, { useId } from \"react\";\nimport { type TableV2Props } from \"./TableV2Types\";\nimport {\n  StyledTableV2Container,\n  StyledTableV2,\n  StyledCaption,\n  StyledTableHeader,\n  StyledTableBody,\n  StyledTableRow,\n  StyledTableHeaderCell,\n  StyledTableCell,\n} from \"./styles\";\n\nconst TableContainerContext = React.createContext<string | null>(null);\n\nexport const useTableContainerId = () =>\n  React.useContext(TableContainerContext);\n\nexport const TableWrapper = ({\n  children,\n  ...rest\n}: {\n  children: React.ReactElement;\n}) => {\n  const containerId = useId();\n  return (\n    <TableContainerContext.Provider value={containerId}>\n      <StyledTableV2Container\n        role=\"region\"\n        tabIndex={0}\n        id={containerId}\n        aria-labelledby={containerId}\n        {...rest}\n      >\n        {children}\n      </StyledTableV2Container>\n    </TableContainerContext.Provider>\n  );\n};\n\nconst TableV2 = ({\n  caption,\n  displayCaption = true,\n  columns,\n  data,\n}: TableV2Props) => {\n  const containerId = useTableContainerId();\n\n  return (\n    <TableWrapper>\n      <StyledTableV2>\n        <StyledCaption id={containerId ?? undefined} isVisible={displayCaption}>\n          {caption}\n        </StyledCaption>\n        <StyledTableHeader>\n          <StyledTableRow>\n            {columns.map((column, index) => (\n              <StyledTableHeaderCell key={index} scope=\"col\">\n                {column}\n              </StyledTableHeaderCell>\n            ))}\n          </StyledTableRow>\n        </StyledTableHeader>\n        <StyledTableBody>\n          {data.map((row, rowIndex) => (\n            <StyledTableRow key={rowIndex}>\n              {row.map((cell, cellIndex) => (\n                <StyledTableCell key={cellIndex}>{cell}</StyledTableCell>\n              ))}\n            </StyledTableRow>\n          ))}\n        </StyledTableBody>\n      </StyledTableV2>\n    </TableWrapper>\n  );\n};\n\n// Export the full Table component as Table (main export)\nexport const Table = TableV2;\n\n// Export styled components for compound component usage\nexport const TableRoot = StyledTableV2;\nexport const TableCaption = StyledCaption;\nexport const TableHeader = StyledTableHeader;\nexport const TableBody = StyledTableBody;\nexport const TableRow = StyledTableRow;\nexport const TableHeaderCell = StyledTableHeaderCell;\nexport const TableCell = StyledTableCell;\n\n// Default export\nexport default TableV2;\n","import * as React from \"react\";\n\nexport type ColumnHeader = string | React.ReactNode;\n\nexport type RowData = Array<string | React.ReactNode>;\n\nexport interface TableV2Props {\n  caption: string;\n  displayCaption?: boolean;\n  columns: ColumnHeader[];\n  data: RowData[];\n}\n","import styled, { css } from \"styled-components\";\nimport {\n  COMMON,\n  LAYOUT,\n  TYPOGRAPHY,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport const StyledTableV2Container = styled.div`\n  ${COMMON}\n  ${LAYOUT}\n  overflow-x: auto;\n  max-width: 100%;\n`;\n\nexport const StyledTableV2 = styled.table`\n  width: 100%;\n  border-collapse: collapse;\n  color: ${(props) => props.theme.colors.text.body};\n  font-family: ${(props) => props.theme.fontFamily};\n`;\n\nStyledTableV2.displayName = \"TableV2.Table\";\n\nexport const StyledCaption = styled.caption<{ isVisible: boolean }>`\n  ${TYPOGRAPHY}\n  text-align: left;\n  ${(props) => props.theme.typography[400]}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  padding: ${(props) => props.theme.space[300]};\n  margin-top: ${(props) => props.theme.space[200]};\n  ${({ isVisible }) =>\n    !isVisible &&\n    css`\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      border: 0;\n    `}\n`;\n\nStyledCaption.displayName = \"TableV2.Caption\";\n\nexport const StyledTableHeader = styled.thead`\n  vertical-align: bottom;\n  border-bottom: 1px solid\n    ${(props) => props.theme.colors.container.border.base};\n`;\n\nStyledTableHeader.displayName = \"TableV2.TableHeader\";\n\nexport const StyledTableBody = styled.tbody``;\n\nStyledTableBody.displayName = \"TableV2.TableBody\";\n\nexport const StyledTableRow = styled.tr`\n  border-bottom: 1px solid\n    ${(props) => props.theme.colors.container.border.base};\n`;\n\nStyledTableRow.displayName = \"TableV2.TableRow\";\n\nexport const StyledTableHeaderCell = styled.th`\n  ${(props) => props.theme.typography[100]}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  padding: ${(props) => props.theme.space[300]};\n  text-align: left;\n`;\n\nStyledTableHeaderCell.displayName = \"TableV2.TableHeaderCell\";\n\nexport const StyledTableCell = styled.td`\n  ${(props) => props.theme.typography[200]}\n  font-weight: ${(props) => props.theme.fontWeights.normal};\n  padding: ${(props) => props.theme.space[300]};\n  text-align: left;\n`;\n\nStyledTableCell.displayName = \"TableV2.TableCell\";\n"],"mappings":";AAAA,OAAOA,UAAS,aAAa;;;ACA7B,OAAuB;;;ACAvB,OAAO,UAAU,WAAW;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,IAAM,yBAAyB,OAAO;AAAA,IACzC,MAAM;AAAA,IACN,MAAM;AAAA;AAAA;AAAA;AAKH,IAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA,WAGzB,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,IAAI;AAAA,iBACjC,CAAC,UAAU,MAAM,MAAM,UAAU;AAAA;AAGlD,cAAc,cAAc;AAErB,IAAM,gBAAgB,OAAO;AAAA,IAChC,UAAU;AAAA;AAAA,IAEV,CAAC,UAAU,MAAM,MAAM,WAAW,GAAG,CAAC;AAAA,iBACzB,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,aAC/C,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA,gBAC9B,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA,IAC7C,CAAC,EAAE,UAAU,MACb,CAAC,aACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KASC;AAAA;AAGL,cAAc,cAAc;AAErB,IAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA,MAGlC,CAAC,UAAU,MAAM,MAAM,OAAO,UAAU,OAAO,IAAI;AAAA;AAGzD,kBAAkB,cAAc;AAEzB,IAAM,kBAAkB,OAAO;AAEtC,gBAAgB,cAAc;AAEvB,IAAM,iBAAiB,OAAO;AAAA;AAAA,MAE/B,CAAC,UAAU,MAAM,MAAM,OAAO,UAAU,OAAO,IAAI;AAAA;AAGzD,eAAe,cAAc;AAEtB,IAAM,wBAAwB,OAAO;AAAA,IACxC,CAAC,UAAU,MAAM,MAAM,WAAW,GAAG,CAAC;AAAA,iBACzB,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,aAC/C,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAI9C,sBAAsB,cAAc;AAE7B,IAAM,kBAAkB,OAAO;AAAA,IAClC,CAAC,UAAU,MAAM,MAAM,WAAW,GAAG,CAAC;AAAA,iBACzB,CAAC,UAAU,MAAM,MAAM,YAAY,MAAM;AAAA,aAC7C,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAI9C,gBAAgB,cAAc;;;AFtDxB,cAuBA,YAvBA;AAdN,IAAM,wBAAwBC,OAAM,cAA6B,IAAI;AAE9D,IAAM,sBAAsB,MACjCA,OAAM,WAAW,qBAAqB;AAEjC,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA,GAAG;AACL,MAEM;AACJ,QAAM,cAAc,MAAM;AAC1B,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,aACrC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,IAAI;AAAA,MACJ,mBAAiB;AAAA,MAChB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AACF,MAAoB;AAClB,QAAM,cAAc,oBAAoB;AAExC,SACE,oBAAC,gBACC,+BAAC,iBACC;AAAA,wBAAC,iBAAc,IAAI,eAAe,QAAW,WAAW,gBACrD,mBACH;AAAA,IACA,oBAAC,qBACC,8BAAC,kBACE,kBAAQ,IAAI,CAAC,QAAQ,UACpB,oBAAC,yBAAkC,OAAM,OACtC,oBADyB,KAE5B,CACD,GACH,GACF;AAAA,IACA,oBAAC,mBACE,eAAK,IAAI,CAAC,KAAK,aACd,oBAAC,kBACE,cAAI,IAAI,CAAC,MAAM,cACd,oBAAC,mBAAiC,kBAAZ,SAAiB,CACxC,KAHkB,QAIrB,CACD,GACH;AAAA,KACF,GACF;AAEJ;AAGO,IAAM,QAAQ;AAGd,IAAM,YAAY;AAClB,IAAM,eAAe;AACrB,IAAM,cAAc;AACpB,IAAM,YAAY;AAClB,IAAM,WAAW;AACjB,IAAM,kBAAkB;AACxB,IAAM,YAAY;AAGzB,IAAO,kBAAQ;","names":["React","React"]}

package/dist/index.d.mts

@@ -1,32 +1,13 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as TableCell } from './TableCell-B8GMRlv7.mjs';
-import { T as TableHeaderCell } from './TableHeaderCell-DsJpGb2j.mjs';
-import { T as TypeTableProps, a as TypePassthroughProps } from './TableTypes-jS0O3bwQ.mjs';
-export { c as TypeTableHeadProp, b as TypeTableRow } from './TableTypes-jS0O3bwQ.mjs';
+import { T as Table } from './Table-C6yuMYZA.mjs';
+export { T as TypePassthroughProps, b as TypeTableHeadProp, c as TypeTableProps, a as TypeTableRow } from './TableTypes-i1Uir0xI.mjs';
+import 'react/jsx-runtime';
+import './TableCell-B8GMRlv7.mjs';
 import 'react';
 import './TableCellTypes-Cp-8r7l1.mjs';
 import '@sproutsocial/seeds-react-system-props';
+import './TableHeaderCell-DsJpGb2j.mjs';
 import './TableHeaderCellTypes-CsJQBwu2.mjs';
 
-/**
- * The table component assist in rendering tabular data.
- */
-declare const Table: {
-    ({ head, rows, onSort, sortId, sortDirection, rowRender, children, color, ...rest }: TypeTableProps): react_jsx_runtime.JSX.Element;
-    TableHead: {
-        ({ children, ...props }: TypePassthroughProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    TableBody: {
-        ({ children, ...props }: TypePassthroughProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    TableRow: {
-        ({ children, ...props }: TypePassthroughProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    HeaderCell: typeof TableHeaderCell;
-    Cell: typeof TableCell;
-};
 
-export { Table, TypePassthroughProps, TypeTableProps, Table as default };
+
+export { Table, Table as default };

package/dist/index.d.ts

@@ -1,32 +1,13 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as TableCell } from './TableCell-CN71R1B5.js';
-import { T as TableHeaderCell } from './TableHeaderCell-DnwlruQg.js';
-import { T as TypeTableProps, a as TypePassthroughProps } from './TableTypes-Dg7QrcGt.js';
-export { c as TypeTableHeadProp, b as TypeTableRow } from './TableTypes-Dg7QrcGt.js';
+import { T as Table } from './Table-BzLSa3jk.js';
+export { T as TypePassthroughProps, b as TypeTableHeadProp, c as TypeTableProps, a as TypeTableRow } from './TableTypes-DIUHC_FW.js';
+import 'react/jsx-runtime';
+import './TableCell-CN71R1B5.js';
 import 'react';
 import './TableCellTypes-Cp-8r7l1.js';
 import '@sproutsocial/seeds-react-system-props';
+import './TableHeaderCell-DnwlruQg.js';
 import './TableHeaderCellTypes-CH_zzW6X.js';
 
-/**
- * The table component assist in rendering tabular data.
- */
-declare const Table: {
-    ({ head, rows, onSort, sortId, sortDirection, rowRender, children, color, ...rest }: TypeTableProps): react_jsx_runtime.JSX.Element;
-    TableHead: {
-        ({ children, ...props }: TypePassthroughProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    TableBody: {
-        ({ children, ...props }: TypePassthroughProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    TableRow: {
-        ({ children, ...props }: TypePassthroughProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    HeaderCell: typeof TableHeaderCell;
-    Cell: typeof TableCell;
-};
 
-export { Table, TypePassthroughProps, TypeTableProps, Table as default };
+
+export { Table, Table as default };

package/dist/index.js

@@ -28,20 +28,20 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Table: () => Table_default,
-  default: () => src_default
+  default: () => index_default
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
-// src/Table.tsx
+// src/v1/Table.tsx
 var React5 = require("react");
 
-// src/TableCell/TableCell.tsx
+// src/v1/TableCell/TableCell.tsx
 var React = __toESM(require("react"));
 
-// src/TableCell/styles.ts
+// src/v1/TableCell/styles.ts
 var import_styled_components = __toESM(require("styled-components"));
 var import_seeds_react_system_props = require("@sproutsocial/seeds-react-system-props");
 var Container = import_styled_components.default.td`
@@ -54,7 +54,7 @@ var Container = import_styled_components.default.td`
 `;
 var styles_default = Container;
 
-// src/TableCell/TableCell.tsx
+// src/v1/TableCell/TableCell.tsx
 var import_react = require("react");
 var TableCell = class extends React.Component {
   static displayName;
@@ -89,17 +89,17 @@ var TableCell = class extends React.Component {
 };
 var TableCell_default = TableCell;
 
-// src/TableCell/TableCellTypes.ts
+// src/v1/TableCell/TableCellTypes.ts
 var React2 = require("react");
 
-// src/TableCell/index.ts
+// src/v1/TableCell/index.ts
 var TableCell_default2 = TableCell_default;
 
-// src/TableHeaderCell/TableHeaderCell.tsx
+// src/v1/TableHeaderCell/TableHeaderCell.tsx
 var React3 = __toESM(require("react"));
 var import_seeds_react_icon = __toESM(require("@sproutsocial/seeds-react-icon"));
 
-// src/TableHeaderCell/styles.ts
+// src/v1/TableHeaderCell/styles.ts
 var import_styled_components2 = __toESM(require("styled-components"));
 var import_seeds_react_system_props2 = require("@sproutsocial/seeds-react-system-props");
 var Container2 = import_styled_components2.default.th`
@@ -136,13 +136,13 @@ var UnstyledButton = import_styled_components2.default.button`
 `;
 var styles_default2 = Container2;
 
-// src/TableHeaderCell/constants.ts
+// src/v1/TableHeaderCell/constants.ts
 var SORT_DIRECTIONS = {
   ASC: "ASC",
   DESC: "DESC"
 };
 
-// src/TableHeaderCell/TableHeaderCell.tsx
+// src/v1/TableHeaderCell/TableHeaderCell.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react2 = require("react");
 var TableHeaderCell = class extends React3.Component {
@@ -222,13 +222,13 @@ var TableHeaderCell = class extends React3.Component {
 };
 var TableHeaderCell_default = TableHeaderCell;
 
-// src/TableHeaderCell/TableHeaderCellTypes.ts
+// src/v1/TableHeaderCell/TableHeaderCellTypes.ts
 var React4 = require("react");
 
-// src/TableHeaderCell/index.ts
+// src/v1/TableHeaderCell/index.ts
 var TableHeaderCell_default2 = TableHeaderCell_default;
 
-// src/styles.ts
+// src/v1/styles.ts
 var import_styled_components3 = __toESM(require("styled-components"));
 var import_seeds_react_system_props3 = require("@sproutsocial/seeds-react-system-props");
 var Container3 = import_styled_components3.default.table`
@@ -249,7 +249,7 @@ var Container3 = import_styled_components3.default.table`
 `;
 var styles_default3 = Container3;
 
-// src/Table.tsx
+// src/v1/Table.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var import_react3 = require("react");
 var renderTableRow = (row) => {
@@ -314,11 +314,11 @@ Table.HeaderCell = TableHeaderCell_default2;
 Table.Cell = TableCell_default2;
 var Table_default = Table;
 
-// src/TableTypes.ts
+// src/v1/TableTypes.ts
 var React6 = require("react");
 
 // src/index.ts
-var src_default = Table_default;
+var index_default = Table_default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Table