@cerberus-design/react
Version:
The Cerberus Design React component library.
86 lines (84 loc) • 1.69 kB
JavaScript
import {
createCerberusPrimitive
} from "./chunk-YJRAJNYI.js";
// src/components/table/primitives.tsx
import { ark } from "@ark-ui/react/factory";
import { table } from "styled-system/recipes";
var { withSlotRecipe } = createCerberusPrimitive(table);
var TableRoot = withSlotRecipe(ark.div, "root", {
defaultProps: {
"data-scope": "table",
"data-part": "root"
}
});
var TableEl = withSlotRecipe(ark.table, "table", {
defaultProps: {
"data-scope": "table",
"data-part": "table"
}
});
var Caption = withSlotRecipe(ark.caption, "caption", {
defaultProps: {
"data-scope": "table",
"data-part": "caption"
}
});
var Thead = withSlotRecipe(ark.thead, "thead", {
defaultProps: {
"data-scope": "table",
"data-part": "header"
}
});
var Th = withSlotRecipe(ark.th, "th", {
defaultProps: {
"data-scope": "table",
"data-part": "header-col"
}
});
var Tbody = withSlotRecipe(ark.tbody, "tbody", {
defaultProps: {
"data-scope": "table",
"data-part": "body"
}
});
var Tr = withSlotRecipe(ark.tr, "tr", {
defaultProps: {
"data-scope": "table",
"data-part": "row"
}
});
var Td = withSlotRecipe(ark.td, "td", {
defaultProps: {
"data-scope": "table",
"data-part": "cell"
}
});
var Tfoot = withSlotRecipe(ark.tfoot, "tfoot", {
defaultProps: {
"data-scope": "table",
"data-part": "footer"
}
});
var TableTrigger = withSlotRecipe(
ark.button,
"trigger",
{
defaultProps: {
"data-scope": "table",
"data-part": "trigger"
}
}
);
export {
TableRoot,
TableEl,
Caption,
Thead,
Th,
Tbody,
Tr,
Td,
Tfoot,
TableTrigger
};
//# sourceMappingURL=chunk-SITE2UML.js.map