@pingux/astro 2.129.0-alpha.5 → 2.129.0

package/lib/cjs/styles/themes/next-gen/variants/tableBase.d.ts

@@ -1,86 +0,0 @@
-export declare const tableBase: {
-    caption: {
-        backgroundColor: string;
-        px: string;
-        color: string;
-        borderBottom: string;
-        borderBottomColor: string;
-        borderTopLeftRadius: string;
-        borderTopRightRadius: string;
-    };
-    row: {
-        borderBottom: string;
-        borderBottomColor: string;
-        '&.is-focused': {
-            outlineOffset: string;
-            outline: string;
-            outlineColor: string;
-        };
-        '&.is-hovered': {
-            bg: string;
-        };
-        '&:nth-of-type(odd)': {
-            bg: string;
-            '&.is-hovered': {
-                bg: string;
-            };
-        };
-    };
-    thead: {
-        backgroundColor: string;
-        '&:not(.has-caption)': {
-            '& > tr:first-child': {
-                borderTopLeftRadius: string;
-                borderTopRightRadius: string;
-                '& > th:first-of-type': {
-                    borderTopLeftRadius: string;
-                };
-                '& > th:last-of-type': {
-                    borderTopRightRadius: string;
-                };
-            };
-        };
-    };
-    head: {
-        px: string;
-        py: string;
-        fontSize: string;
-        fontWeight: string;
-        color: string;
-        lineHeight: string;
-        '&.is-focused': {
-            outlineOffset: string;
-            outline: string;
-            outlineColor: string;
-        };
-    };
-    tbody: {
-        borderTopColor: string;
-        borderBottom: string;
-        backgroundColor: string;
-        '& > tr:last-child': {
-            borderBottom: string;
-            borderBottomLeftRadius: string;
-            borderBottomRightRadius: string;
-            '& > td:first-of-type': {
-                borderBottomLeftRadius: string;
-            };
-            '& > td:last-of-type': {
-                borderBottomRightRadius: string;
-            };
-        };
-    };
-    data: {
-        py: string;
-        fontWeight: string;
-        px: string;
-        fontSize: string;
-        color: string;
-        lineHeight: string;
-        '&.is-focused': {
-            outlineOffset: string;
-            outline: string;
-            outlineColor: string;
-        };
-    };
-};

package/lib/cjs/styles/themes/next-gen/variants/tableBase.js

@@ -1,99 +0,0 @@
-"use strict";
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tableBase = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _button = require("./button");
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-var borderRadius = '16px';
-var defaultFocus = _objectSpread(_objectSpread({}, _button.defaultFocus), {}, {
-  outlineOffset: '-2px'
-});
-var caption = {
-  backgroundColor: 'background.base',
-  px: 'lg',
-  color: 'text.primary',
-  borderBottom: '1px solid',
-  borderBottomColor: 'border.base',
-  borderTopLeftRadius: borderRadius,
-  borderTopRightRadius: borderRadius
-};
-var row = {
-  borderBottom: '1px solid',
-  borderBottomColor: 'border.base',
-  '&.is-focused': _objectSpread({}, defaultFocus),
-  '&.is-hovered': {
-    bg: 'background.hover'
-  },
-  '&:nth-of-type(odd)': {
-    bg: 'background.base',
-    '&.is-hovered': {
-      bg: 'background.hover'
-    }
-  }
-};
-var thead = {
-  backgroundColor: 'background.base',
-  '&:not(.has-caption)': {
-    '& > tr:first-child': {
-      borderTopLeftRadius: borderRadius,
-      borderTopRightRadius: borderRadius,
-      '& > th:first-of-type': {
-        borderTopLeftRadius: borderRadius
-      },
-      '& > th:last-of-type': {
-        borderTopRightRadius: borderRadius
-      }
-    }
-  }
-};
-var head = {
-  px: 'lg',
-  py: 'sm',
-  fontSize: 'md',
-  fontWeight: '2',
-  color: 'text.primary',
-  lineHeight: 'body',
-  '&.is-focused': _objectSpread({}, defaultFocus)
-};
-var tbody = {
-  borderTopColor: 'border.base',
-  borderBottom: 'unset',
-  backgroundColor: 'background.base',
-  '& > tr:last-child': {
-    borderBottom: 'unset',
-    borderBottomLeftRadius: borderRadius,
-    borderBottomRightRadius: borderRadius,
-    '& > td:first-of-type': {
-      borderBottomLeftRadius: borderRadius
-    },
-    '& > td:last-of-type': {
-      borderBottomRightRadius: borderRadius
-    }
-  }
-};
-var data = _objectSpread(_objectSpread({}, head), {}, {
-  py: 'md',
-  fontWeight: '1'
-});
-var tableBase = {
-  caption: caption,
-  row: row,
-  thead: thead,
-  head: head,
-  tbody: tbody,
-  data: data
-};
-exports.tableBase = tableBase;

package/lib/cjs/types/cell.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { StyleProps } from './shared';
-declare module '@react-types/table' {
-    interface CellProps extends StyleProps {
-        /** Whether the cell should not wrap its contents. */
-        noWrap?: boolean;
-        /** The contents of the cell. */
-        children: React.ReactNode;
-        /** A string representation of the cell's contents, used for features like typeahead. */
-        textValue?: string;
-    }
-}

package/lib/cjs/types/cell.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});

package/lib/cjs/types/tableBase.d.ts

@@ -1,45 +0,0 @@
-import { Key, ReactNode } from 'react';
-import type { TableState } from '@react-stately/table';
-import type { GridNode } from '@react-types/grid';
-import type { Node } from '@react-types/shared';
-import { TestingAttributes } from './shared/test';
-import { BoxProps } from './box';
-import { DOMAttributes } from './shared';
-export interface TableBaseProp extends BoxProps, TestingAttributes, DOMAttributes {
-}
-export interface TableBaseProps extends TableBaseProp {
-    'aria-label'?: string;
-    selectedKeys?: Key[];
-    defaultSelectedKeys?: Key[];
-    selectionMode?: 'single' | 'none';
-    'data-testid'?: string;
-    caption?: ReactNode | string;
-    tableBodyProps?: Record<string, unknown>;
-}
-export interface TableRowGroupProps extends TableBaseProp {
-    type: 'thead' | 'tbody' | 'tfoot';
-    children: ReactNode;
-    hasCaption?: boolean;
-}
-export interface TableHeaderRowProps extends TableBaseProp {
-    item: Node<object>;
-    state: TableState<object>;
-    children: ReactNode;
-    className?: string;
-}
-export interface TableColumnHeaderProps extends TableBaseProp {
-    column: GridNode<object>;
-    state: TableState<object>;
-    className?: string;
-}
-export interface TableRowProps extends TableBaseProp {
-    item: Node<object>;
-    state: TableState<object>;
-    children: ReactNode;
-    className?: string;
-}
-export interface TableCellProps extends TableBaseProp {
-    cell: GridNode<object>;
-    state: TableState<object>;
-    className?: string;
-}

package/lib/cjs/types/tableBase.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});

package/lib/cjs/utils/devUtils/constants/items.d.ts

@@ -1,10 +0,0 @@
-import { Key } from 'react';
-interface Item {
-    id: Key;
-    email: string;
-    firstName: string;
-    lastName: string;
-    status: 'Pending' | 'Active' | 'Failed' | 'Rejected';
-}
-export declare const items: Item[];
-export {};

package/lib/cjs/utils/devUtils/constants/items.js

@@ -1,87 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.items = void 0;
-var items = [{
-  id: '1',
-  email: 'dburkitt5@columbia.edu',
-  firstName: 'Nicola',
-  lastName: 'Burkitt',
-  status: 'Failed'
-}, {
-  id: '2',
-  email: 'idixie2@elegantthemes.com',
-  firstName: 'Cacilia',
-  lastName: 'Dixie',
-  status: 'Active'
-}, {
-  id: '3',
-  email: 'dfowler0@rambler.ru',
-  firstName: 'Stavro',
-  lastName: 'Fowler',
-  status: 'Active'
-}, {
-  id: '4',
-  email: 'jgolde8@jimdo.com',
-  firstName: 'Celisse',
-  lastName: 'Golde',
-  status: 'Active'
-}, {
-  id: '5',
-  email: 'shearst9@answers.com',
-  firstName: 'Jeth',
-  lastName: 'Hearst',
-  status: 'Pending'
-}, {
-  id: '6',
-  email: 'ajinaa@mapquest.com',
-  firstName: 'Kaycee',
-  lastName: 'Jina',
-  status: 'Active'
-}, {
-  id: '7',
-  email: 'vmalster4@biblegateway.com',
-  firstName: 'Lorry',
-  lastName: 'Malster',
-  status: 'Pending'
-}, {
-  id: '8',
-  email: 'yphipp6@yellowpages.com',
-  firstName: 'Stanley',
-  lastName: 'Phipp',
-  status: 'Active'
-}, {
-  id: '9',
-  email: 'mskilbeck3@bbc.co.uk',
-  firstName: 'Gradey',
-  lastName: 'Skilbeck',
-  status: 'Pending'
-}, {
-  id: '10',
-  email: 'dstebbing1@msu.edu',
-  firstName: 'Marnia',
-  lastName: 'Stebbing',
-  status: 'Rejected'
-}, {
-  id: '11',
-  email: 'lsterley7@lulu.com',
-  firstName: 'Joshua',
-  lastName: 'Sterley',
-  status: 'Pending'
-}, {
-  id: '12',
-  email: 'luttleyb@hugedomains.com',
-  firstName: 'Jarrod',
-  lastName: 'Uttley',
-  status: 'Active'
-}, {
-  id: '13',
-  email: 'lidelc@yelp.com',
-  firstName: 'Andromache',
-  lastName: 'Idel',
-  status: 'Pending'
-}];
-exports.items = items;

package/lib/components/Callout/stories/CalloutNextGenComponent.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import LightbulbOutlineIcon from '@pingux/mdi-react/LightbulbOutlineIcon';
-import { Box, Callout, Icon, Text } from '../../..';
-import statuses from '../../../utils/devUtils/constants/statuses';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var CalloutNextGenComponent = function CalloutNextGenComponent() {
-  return ___EmotionJSX(Box, {
-    gap: "md"
-  }, ___EmotionJSX(Callout, null, ___EmotionJSX(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae lacinia diam, nec ullamcorper neque. In egestas dui vel dolor tincidunt, sit amet ullamcorper leo consequat.")), ___EmotionJSX(Callout, {
-    status: statuses.SUCCESS
-  }, ___EmotionJSX(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae lacinia diam, nec ullamcorper neque. In egestas dui vel dolor tincidunt, sit amet ullamcorper leo consequat.")), ___EmotionJSX(Callout, {
-    status: statuses.WARNING
-  }, ___EmotionJSX(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae lacinia diam, nec ullamcorper neque. In egestas dui vel dolor tincidunt, sit amet ullamcorper leo consequat.")), ___EmotionJSX(Callout, {
-    status: statuses.ERROR
-  }, ___EmotionJSX(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae lacinia diam, nec ullamcorper neque. In egestas dui vel dolor tincidunt, sit amet ullamcorper leo consequat.")), ___EmotionJSX(Callout, {
-    status: statuses.SUCCESS,
-    icon: ___EmotionJSX(Icon, {
-      icon: LightbulbOutlineIcon,
-      size: "sm",
-      color: "success.bright",
-      mr: "md"
-    })
-  }, ___EmotionJSX(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae lacinia diam, nec ullamcorper neque. In egestas dui vel dolor tincidunt, sit amet ullamcorper leo consequat.")));
-};

package/lib/components/Callout/stories/NextGenCallout.chromatic.stories.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { AstroProvider, NextGenTheme } from '../../..';
-import { CalloutNextGenComponent } from './CalloutNextGenComponent';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Chromatic Only Onyx Callout'
-};
-export var Default = function Default() {
-  return ___EmotionJSX(AstroProvider, {
-    theme: NextGenTheme
-  }, ___EmotionJSX(CalloutNextGenComponent, null));
-};

package/lib/components/Callout/stories/NextGenDarkCallout.chomatic.stories.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { AstroProvider, NextGenDarkTheme } from '../../..';
-import { CalloutNextGenComponent } from './CalloutNextGenComponent';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Chromatic Only Onyx Dark Callout'
-};
-export var Default = function Default() {
-  return ___EmotionJSX(AstroProvider, {
-    themeOverrides: [NextGenDarkTheme]
-  }, ___EmotionJSX(CalloutNextGenComponent, null));
-};

package/lib/components/TableBase/TableBase.js

@@ -1,221 +0,0 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["caption", "selectionMode", "selectedKeys", "defaultSelectedKeys", "tableBodyProps"],
-  _excluded2 = ["type", "children", "hasCaption", "className"];
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context6 = ownKeys(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { forwardRef, useRef } from 'react';
-import { useFocusRing } from '@react-aria/focus';
-import { useHover, usePress } from '@react-aria/interactions';
-import { useTable, useTableCell, useTableColumnHeader, useTableHeaderRow, useTableRow, useTableRowGroup } from '@react-aria/table';
-import { mergeProps } from '@react-aria/utils';
-import { useTableState } from '@react-stately/table';
-import { Box } from '../..';
-import { useLocalOrForwardRef, useStatusClasses } from '../../hooks';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var TableBase = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _context, _context3;
-  var caption = props.caption,
-    selectionMode = props.selectionMode,
-    selectedKeys = props.selectedKeys,
-    _props$defaultSelecte = props.defaultSelectedKeys,
-    defaultSelectedKeys = _props$defaultSelecte === void 0 ? [] : _props$defaultSelecte,
-    tableBodyProps = props.tableBodyProps,
-    others = _objectWithoutProperties(props, _excluded);
-  var state = useTableState(_objectSpread(_objectSpread({}, props), {}, {
-    selectionMode: selectionMode,
-    selectedKeys: selectedKeys,
-    defaultSelectedKeys: selectedKeys ? undefined : defaultSelectedKeys
-  }));
-  var tableRef = useLocalOrForwardRef(ref);
-  var bodyRef = useRef(null);
-  var collection = state.collection;
-  var _useTable = useTable(_objectSpread(_objectSpread({}, props), {}, {
-      'aria-describedby': props['aria-describedby'] || 'table-caption',
-      scrollRef: bodyRef
-    }), state, tableRef),
-    gridProps = _useTable.gridProps;
-  return ___EmotionJSX(Box, _extends({
-    as: "table",
-    display: "table",
-    variant: "tableBase.container",
-    ref: tableRef
-  }, gridProps, others), caption && ___EmotionJSX(Box, {
-    as: "caption",
-    display: "table-caption",
-    variant: "tableBase.caption",
-    textAlign: "left",
-    id: props['aria-describedby'] || 'table-caption'
-  }, caption), ___EmotionJSX(TableRowGroup, {
-    type: "thead",
-    hasCaption: !!caption
-  }, _mapInstanceProperty(_context = collection.headerRows).call(_context, function (headerRow) {
-    var _context2, _state$collection$get, _state$collection;
-    return ___EmotionJSX(TableHeaderRow, {
-      key: headerRow.key,
-      item: headerRow,
-      state: state
-    }, _mapInstanceProperty(_context2 = _Array$from(((_state$collection$get = (_state$collection = state.collection).getChildren) === null || _state$collection$get === void 0 ? void 0 : _state$collection$get.call(_state$collection, headerRow.key)) || [])).call(_context2, function (column) {
-      return ___EmotionJSX(TableColumnHeader, {
-        key: column.key,
-        column: column,
-        state: state
-      });
-    }));
-  })), ___EmotionJSX(TableRowGroup, _extends({
-    ref: bodyRef,
-    type: "tbody"
-  }, tableBodyProps), _mapInstanceProperty(_context3 = _Array$from(collection)).call(_context3, function (row) {
-    var _context4;
-    return ___EmotionJSX(TableRow, {
-      key: row.key,
-      item: row,
-      state: state
-    }, _mapInstanceProperty(_context4 = _Array$from(state.collection.getChildren(row.key))).call(_context4, function (cell) {
-      return ___EmotionJSX(TableCell, {
-        key: cell.key,
-        cell: cell,
-        state: state
-      });
-    }));
-  })));
-});
-export default TableBase;
-export var TableRowGroup = /*#__PURE__*/forwardRef(function (props, ref) {
-  var type = props.type,
-    children = props.children,
-    hasCaption = props.hasCaption,
-    className = props.className,
-    others = _objectWithoutProperties(props, _excluded2);
-  var _useTableRowGroup = useTableRowGroup(),
-    rowGroupProps = _useTableRowGroup.rowGroupProps;
-  var _useStatusClasses = useStatusClasses(className, {
-      hasCaption: hasCaption
-    }),
-    classNames = _useStatusClasses.classNames;
-  return ___EmotionJSX(Box, _extends({
-    ref: ref
-  }, rowGroupProps, {
-    as: type,
-    className: classNames,
-    display: "table-row-group",
-    variant: "tableBase.".concat(type)
-  }, others), children);
-});
-export var TableHeaderRow = function TableHeaderRow(props) {
-  var item = props.item,
-    state = props.state,
-    children = props.children;
-  var ref = useRef(null);
-  var _useTableHeaderRow = useTableHeaderRow({
-      node: item
-    }, state, ref),
-    rowProps = _useTableHeaderRow.rowProps;
-  return ___EmotionJSX(Box, _extends({
-    as: "tr",
-    display: "table-row"
-  }, rowProps, {
-    ref: ref
-  }), children);
-};
-export var TableColumnHeader = function TableColumnHeader(props) {
-  var column = props.column,
-    state = props.state,
-    className = props.className;
-  var ref = useRef(null);
-  var _useTableColumnHeader = useTableColumnHeader({
-      node: column
-    }, state, ref),
-    columnHeaderProps = _useTableColumnHeader.columnHeaderProps;
-  var _useFocusRing = useFocusRing(),
-    isFocusVisible = _useFocusRing.isFocusVisible,
-    focusProps = _useFocusRing.focusProps;
-  var _useStatusClasses2 = useStatusClasses(className, {
-      isFocused: isFocusVisible
-    }),
-    classNames = _useStatusClasses2.classNames;
-  return ___EmotionJSX(Box, _extends({
-    as: "th",
-    display: "table-cell",
-    variant: "tableBase.head",
-    className: classNames
-  }, mergeProps(columnHeaderProps, focusProps), {
-    ref: ref
-  }, column.props), column.rendered);
-};
-export var TableRow = function TableRow(props) {
-  var item = props.item,
-    state = props.state,
-    children = props.children,
-    className = props.className;
-  var ref = useRef(null);
-  var _useTableRow = useTableRow({
-      node: item
-    }, state, ref),
-    rowProps = _useTableRow.rowProps;
-  var isSelected = state.selectionManager.isSelected(item.key);
-  var _useFocusRing2 = useFocusRing(),
-    isFocusVisible = _useFocusRing2.isFocusVisible,
-    focusProps = _useFocusRing2.focusProps;
-  var _useHover = useHover({}),
-    hoverProps = _useHover.hoverProps,
-    isHovered = _useHover.isHovered;
-  var _usePress = usePress({
-      ref: ref
-    }),
-    pressProps = _usePress.pressProps,
-    isPressed = _usePress.isPressed;
-  var _useStatusClasses3 = useStatusClasses(className, {
-      isSelected: isSelected,
-      isHovered: isHovered,
-      isPressed: isPressed,
-      isFocused: isFocusVisible
-    }),
-    classNames = _useStatusClasses3.classNames;
-  return ___EmotionJSX(Box, _extends({
-    display: "table-row",
-    as: "tr",
-    className: classNames,
-    variant: "tableBase.row"
-  }, mergeProps(rowProps, focusProps, hoverProps, pressProps), {
-    ref: ref
-  }), children);
-};
-export function TableCell(props) {
-  var _cell$props$noWrap;
-  var cell = props.cell,
-    state = props.state,
-    className = props.className;
-  var ref = useRef(null);
-  var _useTableCell = useTableCell({
-      node: cell
-    }, state, ref),
-    gridCellProps = _useTableCell.gridCellProps;
-  var _useFocusRing3 = useFocusRing(),
-    isFocusVisible = _useFocusRing3.isFocusVisible,
-    focusProps = _useFocusRing3.focusProps;
-  var _useStatusClasses4 = useStatusClasses(className, {
-      isFocused: isFocusVisible,
-      noWrap: (_cell$props$noWrap = cell.props.noWrap) !== null && _cell$props$noWrap !== void 0 ? _cell$props$noWrap : false
-    }),
-    classNames = _useStatusClasses4.classNames;
-  return ___EmotionJSX(Box, _extends({
-    as: "td",
-    display: "table-cell",
-    className: classNames
-  }, mergeProps(gridCellProps, focusProps), {
-    variant: "tableBase.data",
-    ref: ref
-  }, cell.props), cell.rendered);
-}

package/lib/components/TableBase/TableBase.mdx

@@ -1,30 +0,0 @@
-import { Meta } from '@storybook/addon-docs';
-
-<Meta title="Components/Table/Table" />
-
-# Table
-
-Data tables display information in a grid-like format of rows and columns. 
-They organize information in a way that’s easy to scan so that users can look for patterns and develop insights from data. 
-
-Column header names describe the type of content displayed in each column. 
-Each row contains data related to a single entity.
-
-Tables should:
-- Have consistently aligned content.
-- Use multiple heading rows for higher-level grouping of the columns.
-- Use column dividers sparingly.
-
-Tables shouldn’t use different indicators to represent empty fields.
-
-This basic component is rendered as an HTML `<table>`, which accepts the `<TableBody>` component and the `<TableHead>` as children.
-
-### Required Components
-
-This component requires these additional components: 
-
-- TableCaption
-- TableHead
-- TableRow
-- TableCell
-- TableBody