@cerberus-design/react/dist/components/table/primitives.cjs

The Cerberus Design React component library.

'use strict';

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

const recipes = require('styled-system/recipes');
const index = require('../../system/index.cjs');

const { withSlotRecipe } = index.createCerberusPrimitive(recipes.table);
const TableRoot = withSlotRecipe(index.cerberus.div, "root", {
  defaultProps: {
    "data-scope": "table",
    "data-part": "root"
  }
});
const TableEl = withSlotRecipe(index.cerberus.table, "table", {
  defaultProps: {
    "data-scope": "table",
    "data-part": "table"
  }
});
const Caption = withSlotRecipe(index.cerberus.caption, "caption", {
  defaultProps: {
    "data-scope": "table",
    "data-part": "caption"
  }
});
const Thead = withSlotRecipe(index.cerberus.thead, "thead", {
  defaultProps: {
    "data-scope": "table",
    "data-part": "header"
  }
});
const Th = withSlotRecipe(index.cerberus.th, "th", {
  defaultProps: {
    "data-scope": "table",
    "data-part": "header-col"
  }
});
const Tbody = withSlotRecipe(index.cerberus.tbody, "tbody", {
  defaultProps: {
    "data-scope": "table",
    "data-part": "body"
  }
});
const Tr = withSlotRecipe(index.cerberus.tr, "tr", {
  defaultProps: {
    "data-scope": "table",
    "data-part": "row"
  }
});
const Td = withSlotRecipe(index.cerberus.td, "td", {
  defaultProps: {
    "data-scope": "table",
    "data-part": "cell"
  }
});
const Tfoot = withSlotRecipe(index.cerberus.tfoot, "tfoot", {
  defaultProps: {
    "data-scope": "table",
    "data-part": "footer"
  }
});
const TableTrigger = withSlotRecipe(index.cerberus.button, "trigger", {
  defaultProps: {
    "data-scope": "table",
    "data-part": "trigger"
  }
});

exports.Caption = Caption;
exports.TableEl = TableEl;
exports.TableRoot = TableRoot;
exports.TableTrigger = TableTrigger;
exports.Tbody = Tbody;
exports.Td = Td;
exports.Tfoot = Tfoot;
exports.Th = Th;
exports.Thead = Thead;
exports.Tr = Tr;