@cerberus-design/react 0.16.0-next-d049636 → 0.17.0-next-e7f9956

package/build/legacy/components/table/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/index.ts","../../../../src/components/table/primitives.tsx","../../../../src/components/table/parts.ts","../../../../src/components/Show.tsx","../../../../src/components/table/table.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './table'\n","import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport { table, type TableVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Table component.\n * @module 'table/primitives'\n */\n\n/**\n * The root element is the container of the Table.\n */\nexport function TableRoot(props: HTMLArkProps<'div'> & TableVariantProps) {\n  const { decoration, size, ...rootProps } = props\n  const styles = table({\n    decoration,\n    size,\n  })\n\n  return (\n    <ark.div\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n      data-scope=\"table\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The table element is the table itself.\n */\nexport function TableEl(props: HTMLArkProps<'table'>) {\n  const styles = table()\n  return (\n    <ark.table\n      {...props}\n      className={cx(styles.table, props.className)}\n      data-scope=\"table\"\n      data-part=\"table\"\n    />\n  )\n}\n\n/**\n * The table caption element is the caption of the table.\n */\nexport function Caption(props: HTMLArkProps<'caption'>) {\n  const styles = table()\n  return (\n    <ark.caption\n      {...props}\n      className={cx(styles.caption, props.className)}\n      data-scope=\"table\"\n      data-part=\"caption\"\n    />\n  )\n}\n\n/**\n * The table head element is the head of the table.\n */\nexport function Thead(props: HTMLArkProps<'thead'>) {\n  const styles = table()\n  return (\n    <ark.thead\n      {...props}\n      className={cx(styles.thead, props.className)}\n      data-scope=\"table\"\n      data-part=\"header\"\n    />\n  )\n}\n\n/**\n * The table header cell element is the header cell of the table.\n */\nexport function Th(props: HTMLArkProps<'th'>) {\n  const styles = table()\n  return (\n    <ark.th\n      {...props}\n      className={cx(styles.th, props.className)}\n      data-scope=\"table\"\n      data-part=\"header-col\"\n    />\n  )\n}\n\n/**\n * The table body element is the body of the table.\n */\nexport function Tbody(props: HTMLArkProps<'tbody'>) {\n  const styles = table()\n  return (\n    <ark.tbody\n      {...props}\n      className={cx(styles.tbody, props.className)}\n      data-scope=\"table\"\n      data-part=\"body\"\n    />\n  )\n}\n\n/**\n * The table row element is the row of the table.\n */\nexport function Tr(props: HTMLArkProps<'tr'>) {\n  const styles = table()\n  return (\n    <ark.tr\n      {...props}\n      className={cx(styles.tr, props.className)}\n      data-scope=\"table\"\n      data-part=\"row\"\n    />\n  )\n}\n\n/**\n * The table cell element is the cell of the table.\n */\nexport function Td(props: HTMLArkProps<'td'>) {\n  const styles = table()\n  return (\n    <ark.td\n      {...props}\n      className={cx(styles.td, props.className)}\n      data-scope=\"table\"\n      data-part=\"cell\"\n    />\n  )\n}\n\n/**\n * The table footer element is the footer of the table.\n */\nexport function Tfoot(props: HTMLArkProps<'tfoot'>) {\n  const styles = table()\n  return (\n    <ark.tfoot\n      {...props}\n      className={cx(styles.tfoot, props.className)}\n      data-scope=\"table\"\n      data-part=\"footer\"\n    />\n  )\n}\n\n/**\n * The table trigger element is the trigger of an actionable th cell.\n */\nexport function TableTrigger(props: HTMLArkProps<'button'>) {\n  const styles = table()\n  return (\n    <ark.button\n      {...props}\n      className={cx(styles.trigger, props.className)}\n      data-scope=\"table\"\n      data-part=\"trigger\"\n    />\n  )\n}\n","import type { ElementType } from 'react'\nimport {\n  TableRoot,\n  Thead,\n  Th,\n  Tbody,\n  Tr,\n  Td,\n  Tfoot,\n  TableEl,\n  Caption,\n  TableTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Table parts.\n * @module 'table/parts'\n */\n\nexport interface TablePartsValue {\n  /**\n   * The container of the table.\n   */\n  Root: ElementType\n  /**\n   * The table element.\n   */\n  Table: ElementType\n  /**\n   * The table caption element.\n   */\n  Caption: ElementType\n  /**\n   * The table head element.\n   */\n  Header: ElementType\n  /**\n   * The table header cell element.\n   */\n  HeaderCol: ElementType\n  /**\n   * The table body element.\n   */\n  Body: ElementType\n  /**\n   * The table row element.\n   */\n  Row: ElementType\n  /**\n   * The table cell element.\n   */\n  Cell: ElementType\n  /**\n   * The table footer element.\n   */\n  Footer: ElementType\n  /**\n   * The table trigger element.\n   */\n  Trigger: ElementType\n}\n\n/**\n * An Object containing the parts of the Table component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TableParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TableParts: TablePartsValue = {\n  Root: TableRoot,\n  Table: TableEl,\n  Caption: Caption,\n  Header: Thead,\n  HeaderCol: Th,\n  Body: Tbody,\n  Row: Tr,\n  Cell: Td,\n  Footer: Tfoot,\n  Trigger: TableTrigger,\n}\n","'use client'\n\nimport { useMemo, type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: boolean | null | undefined\n  /**\n   * The children to render when the condition is false.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * Conditionally render a memoized version of the children or optional fallback\n * content.\n * @see https://cerberus.digitalu.design/react/show\n * @example\n * ```tsx\n * <Show when={isLoggedIn} fallback={<Navigate to=\"/login\" />}>\n *   <Dashboard />\n * </Show>\n */\nexport function Show(props: PropsWithChildren<ShowProps>): ReactNode {\n  const { when, children, fallback } = props\n  const condition = useMemo(() => when ?? false, [when])\n\n  return useMemo(() => {\n    if (condition) return children\n    return fallback ?? null\n  }, [condition, children, fallback])\n}\n","import type { HTMLArkProps } from '@ark-ui/react/factory'\nimport type { TablePartsValue } from './parts'\nimport {\n  Caption,\n  TableEl,\n  TableRoot,\n  TableTrigger,\n  Tbody,\n  Td,\n  Tfoot,\n  Th,\n  Thead,\n  Tr,\n} from './primitives'\nimport type { TableVariantProps } from '@cerberus/styled-system/recipes'\nimport { Show } from '../Show'\n\ninterface TableRootElProps extends HTMLArkProps<'div'>, TableVariantProps {\n  /**\n   * An easy to understand description of the table. Required for accessibility.\n   */\n  caption: string\n  /**\n   * If true, the table header will be sticky.\n   *\n   * @default false\n   */\n  sticky?: boolean\n}\n\n/**\n * An abstraction over the TableRoot component that adds a sticky attribute.\n *\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/table)\n *\n * @remarks\n *\n * This component is used to create a table with an optional sticky header.\n * It is a wrapper around the TableRoot component and the TableEl primitive.\n */\nfunction TableRootEl(props: TableRootElProps) {\n  const { sticky, caption, ...rootProps } = props\n  return (\n    <TableRoot {...rootProps} data-sticky={sticky ?? false}>\n      <TableEl>\n        <Show when={Boolean(caption)}>\n          <Caption>{caption}</Caption>\n        </Show>\n\n        {rootProps.children}\n      </TableEl>\n    </TableRoot>\n  )\n}\n\n/**\n * An Object containing the parts of the Table component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TableParts object and\n * the entire family of components vs. only what you use.\n */\nexport const Table: Omit<TablePartsValue, 'Table'> = {\n  Root: TableRootEl,\n  Caption: Caption,\n  Header: Thead,\n  HeaderCol: Th,\n  Body: Tbody,\n  Row: Tr,\n  Cell: Td,\n  Footer: Tfoot,\n  Trigger: TableTrigger,\n}\n"],"mappings":"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","names":["import_jsx_runtime"]}

package/build/legacy/components/table/index.d.cts

@@ -0,0 +1,13 @@
+export { TablePartsValue_alias_1 as TablePartsValue } from '../../_tsup-dts-rollup.cjs';
+export { TableParts_alias_1 as TableParts } from '../../_tsup-dts-rollup.cjs';
+export { TableRoot_alias_1 as TableRoot } from '../../_tsup-dts-rollup.cjs';
+export { TableEl_alias_1 as TableEl } from '../../_tsup-dts-rollup.cjs';
+export { Caption_alias_1 as Caption } from '../../_tsup-dts-rollup.cjs';
+export { Thead_alias_1 as Thead } from '../../_tsup-dts-rollup.cjs';
+export { Th_alias_1 as Th } from '../../_tsup-dts-rollup.cjs';
+export { Tbody_alias_1 as Tbody } from '../../_tsup-dts-rollup.cjs';
+export { Tr_alias_1 as Tr } from '../../_tsup-dts-rollup.cjs';
+export { Td_alias_1 as Td } from '../../_tsup-dts-rollup.cjs';
+export { Tfoot_alias_1 as Tfoot } from '../../_tsup-dts-rollup.cjs';
+export { TableTrigger_alias_1 as TableTrigger } from '../../_tsup-dts-rollup.cjs';
+export { Table_alias_1 as Table } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/table/parts.cjs

@@ -0,0 +1,174 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/parts.ts
+var parts_exports = {};
+__export(parts_exports, {
+  TableParts: () => TableParts
+});
+module.exports = __toCommonJS(parts_exports);
+
+// src/components/table/primitives.tsx
+var import_factory = require("@ark-ui/react/factory");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function TableRoot(props) {
+  const { decoration, size, ...rootProps } = props;
+  const styles = (0, import_recipes.table)({
+    decoration,
+    size
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.div,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className),
+      "data-scope": "table",
+      "data-part": "root"
+    }
+  );
+}
+function TableEl(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.table,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.table, props.className),
+      "data-scope": "table",
+      "data-part": "table"
+    }
+  );
+}
+function Caption(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.caption,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.caption, props.className),
+      "data-scope": "table",
+      "data-part": "caption"
+    }
+  );
+}
+function Thead(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.thead,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.thead, props.className),
+      "data-scope": "table",
+      "data-part": "header"
+    }
+  );
+}
+function Th(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.th,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.th, props.className),
+      "data-scope": "table",
+      "data-part": "header-col"
+    }
+  );
+}
+function Tbody(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.tbody,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.tbody, props.className),
+      "data-scope": "table",
+      "data-part": "body"
+    }
+  );
+}
+function Tr(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.tr,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.tr, props.className),
+      "data-scope": "table",
+      "data-part": "row"
+    }
+  );
+}
+function Td(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.td,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.td, props.className),
+      "data-scope": "table",
+      "data-part": "cell"
+    }
+  );
+}
+function Tfoot(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.tfoot,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.tfoot, props.className),
+      "data-scope": "table",
+      "data-part": "footer"
+    }
+  );
+}
+function TableTrigger(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.button,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.trigger, props.className),
+      "data-scope": "table",
+      "data-part": "trigger"
+    }
+  );
+}
+
+// src/components/table/parts.ts
+var TableParts = {
+  Root: TableRoot,
+  Table: TableEl,
+  Caption,
+  Header: Thead,
+  HeaderCol: Th,
+  Body: Tbody,
+  Row: Tr,
+  Cell: Td,
+  Footer: Tfoot,
+  Trigger: TableTrigger
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableParts
+});
+//# sourceMappingURL=parts.cjs.map

package/build/legacy/components/table/parts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/parts.ts","../../../../src/components/table/primitives.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  TableRoot,\n  Thead,\n  Th,\n  Tbody,\n  Tr,\n  Td,\n  Tfoot,\n  TableEl,\n  Caption,\n  TableTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Table parts.\n * @module 'table/parts'\n */\n\nexport interface TablePartsValue {\n  /**\n   * The container of the table.\n   */\n  Root: ElementType\n  /**\n   * The table element.\n   */\n  Table: ElementType\n  /**\n   * The table caption element.\n   */\n  Caption: ElementType\n  /**\n   * The table head element.\n   */\n  Header: ElementType\n  /**\n   * The table header cell element.\n   */\n  HeaderCol: ElementType\n  /**\n   * The table body element.\n   */\n  Body: ElementType\n  /**\n   * The table row element.\n   */\n  Row: ElementType\n  /**\n   * The table cell element.\n   */\n  Cell: ElementType\n  /**\n   * The table footer element.\n   */\n  Footer: ElementType\n  /**\n   * The table trigger element.\n   */\n  Trigger: ElementType\n}\n\n/**\n * An Object containing the parts of the Table component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TableParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TableParts: TablePartsValue = {\n  Root: TableRoot,\n  Table: TableEl,\n  Caption: Caption,\n  Header: Thead,\n  HeaderCol: Th,\n  Body: Tbody,\n  Row: Tr,\n  Cell: Td,\n  Footer: Tfoot,\n  Trigger: TableTrigger,\n}\n","import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport { table, type TableVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Table component.\n * @module 'table/primitives'\n */\n\n/**\n * The root element is the container of the Table.\n */\nexport function TableRoot(props: HTMLArkProps<'div'> & TableVariantProps) {\n  const { decoration, size, ...rootProps } = props\n  const styles = table({\n    decoration,\n    size,\n  })\n\n  return (\n    <ark.div\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n      data-scope=\"table\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The table element is the table itself.\n */\nexport function TableEl(props: HTMLArkProps<'table'>) {\n  const styles = table()\n  return (\n    <ark.table\n      {...props}\n      className={cx(styles.table, props.className)}\n      data-scope=\"table\"\n      data-part=\"table\"\n    />\n  )\n}\n\n/**\n * The table caption element is the caption of the table.\n */\nexport function Caption(props: HTMLArkProps<'caption'>) {\n  const styles = table()\n  return (\n    <ark.caption\n      {...props}\n      className={cx(styles.caption, props.className)}\n      data-scope=\"table\"\n      data-part=\"caption\"\n    />\n  )\n}\n\n/**\n * The table head element is the head of the table.\n */\nexport function Thead(props: HTMLArkProps<'thead'>) {\n  const styles = table()\n  return (\n    <ark.thead\n      {...props}\n      className={cx(styles.thead, props.className)}\n      data-scope=\"table\"\n      data-part=\"header\"\n    />\n  )\n}\n\n/**\n * The table header cell element is the header cell of the table.\n */\nexport function Th(props: HTMLArkProps<'th'>) {\n  const styles = table()\n  return (\n    <ark.th\n      {...props}\n      className={cx(styles.th, props.className)}\n      data-scope=\"table\"\n      data-part=\"header-col\"\n    />\n  )\n}\n\n/**\n * The table body element is the body of the table.\n */\nexport function Tbody(props: HTMLArkProps<'tbody'>) {\n  const styles = table()\n  return (\n    <ark.tbody\n      {...props}\n      className={cx(styles.tbody, props.className)}\n      data-scope=\"table\"\n      data-part=\"body\"\n    />\n  )\n}\n\n/**\n * The table row element is the row of the table.\n */\nexport function Tr(props: HTMLArkProps<'tr'>) {\n  const styles = table()\n  return (\n    <ark.tr\n      {...props}\n      className={cx(styles.tr, props.className)}\n      data-scope=\"table\"\n      data-part=\"row\"\n    />\n  )\n}\n\n/**\n * The table cell element is the cell of the table.\n */\nexport function Td(props: HTMLArkProps<'td'>) {\n  const styles = table()\n  return (\n    <ark.td\n      {...props}\n      className={cx(styles.td, props.className)}\n      data-scope=\"table\"\n      data-part=\"cell\"\n    />\n  )\n}\n\n/**\n * The table footer element is the footer of the table.\n */\nexport function Tfoot(props: HTMLArkProps<'tfoot'>) {\n  const styles = table()\n  return (\n    <ark.tfoot\n      {...props}\n      className={cx(styles.tfoot, props.className)}\n      data-scope=\"table\"\n      data-part=\"footer\"\n    />\n  )\n}\n\n/**\n * The table trigger element is the trigger of an actionable th cell.\n */\nexport function TableTrigger(props: HTMLArkProps<'button'>) {\n  const styles = table()\n  return (\n    <ark.button\n      {...props}\n      className={cx(styles.trigger, props.className)}\n      data-scope=\"table\"\n      data-part=\"trigger\"\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,qBAAuC;AACvC,iBAAmB;AACnB,qBAA8C;AAkB1C;AARG,SAAS,UAAU,OAAgD;AACxE,QAAM,EAAE,YAAY,MAAM,GAAG,UAAU,IAAI;AAC3C,QAAM,aAAS,sBAAM;AAAA,IACnB;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA,MAC9C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,QAAQ,OAA8B;AACpD,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,QAAQ,OAAgC;AACtD,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS;AAAA,MAC7C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,MAAM,OAA8B;AAClD,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,GAAG,OAA2B;AAC5C,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,IAAI,MAAM,SAAS;AAAA,MACxC,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,MAAM,OAA8B;AAClD,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,GAAG,OAA2B;AAC5C,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,IAAI,MAAM,SAAS;AAAA,MACxC,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,GAAG,OAA2B;AAC5C,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,IAAI,MAAM,SAAS;AAAA,MACxC,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,MAAM,OAA8B;AAClD,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,aAAa,OAA+B;AAC1D,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS;AAAA,MAC7C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;;;AD3FO,IAAM,aAA8B;AAAA,EACzC,MAAM;AAAA,EACN,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AACX;","names":[]}

package/build/legacy/components/table/parts.d.cts

@@ -0,0 +1,2 @@
+export { TablePartsValue_alias_2 as TablePartsValue } from '../../_tsup-dts-rollup.cjs';
+export { TableParts_alias_2 as TableParts } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/table/primitives.cjs

@@ -0,0 +1,176 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/primitives.tsx
+var primitives_exports = {};
+__export(primitives_exports, {
+  Caption: () => Caption,
+  TableEl: () => TableEl,
+  TableRoot: () => TableRoot,
+  TableTrigger: () => TableTrigger,
+  Tbody: () => Tbody,
+  Td: () => Td,
+  Tfoot: () => Tfoot,
+  Th: () => Th,
+  Thead: () => Thead,
+  Tr: () => Tr
+});
+module.exports = __toCommonJS(primitives_exports);
+var import_factory = require("@ark-ui/react/factory");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function TableRoot(props) {
+  const { decoration, size, ...rootProps } = props;
+  const styles = (0, import_recipes.table)({
+    decoration,
+    size
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.div,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className),
+      "data-scope": "table",
+      "data-part": "root"
+    }
+  );
+}
+function TableEl(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.table,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.table, props.className),
+      "data-scope": "table",
+      "data-part": "table"
+    }
+  );
+}
+function Caption(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.caption,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.caption, props.className),
+      "data-scope": "table",
+      "data-part": "caption"
+    }
+  );
+}
+function Thead(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.thead,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.thead, props.className),
+      "data-scope": "table",
+      "data-part": "header"
+    }
+  );
+}
+function Th(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.th,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.th, props.className),
+      "data-scope": "table",
+      "data-part": "header-col"
+    }
+  );
+}
+function Tbody(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.tbody,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.tbody, props.className),
+      "data-scope": "table",
+      "data-part": "body"
+    }
+  );
+}
+function Tr(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.tr,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.tr, props.className),
+      "data-scope": "table",
+      "data-part": "row"
+    }
+  );
+}
+function Td(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.td,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.td, props.className),
+      "data-scope": "table",
+      "data-part": "cell"
+    }
+  );
+}
+function Tfoot(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.tfoot,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.tfoot, props.className),
+      "data-scope": "table",
+      "data-part": "footer"
+    }
+  );
+}
+function TableTrigger(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.button,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.trigger, props.className),
+      "data-scope": "table",
+      "data-part": "trigger"
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Caption,
+  TableEl,
+  TableRoot,
+  TableTrigger,
+  Tbody,
+  Td,
+  Tfoot,
+  Th,
+  Thead,
+  Tr
+});
+//# sourceMappingURL=primitives.cjs.map

package/build/legacy/components/table/primitives.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/primitives.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport { table, type TableVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Table component.\n * @module 'table/primitives'\n */\n\n/**\n * The root element is the container of the Table.\n */\nexport function TableRoot(props: HTMLArkProps<'div'> & TableVariantProps) {\n  const { decoration, size, ...rootProps } = props\n  const styles = table({\n    decoration,\n    size,\n  })\n\n  return (\n    <ark.div\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n      data-scope=\"table\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The table element is the table itself.\n */\nexport function TableEl(props: HTMLArkProps<'table'>) {\n  const styles = table()\n  return (\n    <ark.table\n      {...props}\n      className={cx(styles.table, props.className)}\n      data-scope=\"table\"\n      data-part=\"table\"\n    />\n  )\n}\n\n/**\n * The table caption element is the caption of the table.\n */\nexport function Caption(props: HTMLArkProps<'caption'>) {\n  const styles = table()\n  return (\n    <ark.caption\n      {...props}\n      className={cx(styles.caption, props.className)}\n      data-scope=\"table\"\n      data-part=\"caption\"\n    />\n  )\n}\n\n/**\n * The table head element is the head of the table.\n */\nexport function Thead(props: HTMLArkProps<'thead'>) {\n  const styles = table()\n  return (\n    <ark.thead\n      {...props}\n      className={cx(styles.thead, props.className)}\n      data-scope=\"table\"\n      data-part=\"header\"\n    />\n  )\n}\n\n/**\n * The table header cell element is the header cell of the table.\n */\nexport function Th(props: HTMLArkProps<'th'>) {\n  const styles = table()\n  return (\n    <ark.th\n      {...props}\n      className={cx(styles.th, props.className)}\n      data-scope=\"table\"\n      data-part=\"header-col\"\n    />\n  )\n}\n\n/**\n * The table body element is the body of the table.\n */\nexport function Tbody(props: HTMLArkProps<'tbody'>) {\n  const styles = table()\n  return (\n    <ark.tbody\n      {...props}\n      className={cx(styles.tbody, props.className)}\n      data-scope=\"table\"\n      data-part=\"body\"\n    />\n  )\n}\n\n/**\n * The table row element is the row of the table.\n */\nexport function Tr(props: HTMLArkProps<'tr'>) {\n  const styles = table()\n  return (\n    <ark.tr\n      {...props}\n      className={cx(styles.tr, props.className)}\n      data-scope=\"table\"\n      data-part=\"row\"\n    />\n  )\n}\n\n/**\n * The table cell element is the cell of the table.\n */\nexport function Td(props: HTMLArkProps<'td'>) {\n  const styles = table()\n  return (\n    <ark.td\n      {...props}\n      className={cx(styles.td, props.className)}\n      data-scope=\"table\"\n      data-part=\"cell\"\n    />\n  )\n}\n\n/**\n * The table footer element is the footer of the table.\n */\nexport function Tfoot(props: HTMLArkProps<'tfoot'>) {\n  const styles = table()\n  return (\n    <ark.tfoot\n      {...props}\n      className={cx(styles.tfoot, props.className)}\n      data-scope=\"table\"\n      data-part=\"footer\"\n    />\n  )\n}\n\n/**\n * The table trigger element is the trigger of an actionable th cell.\n */\nexport function TableTrigger(props: HTMLArkProps<'button'>) {\n  const styles = table()\n  return (\n    <ark.button\n      {...props}\n      className={cx(styles.trigger, props.className)}\n      data-scope=\"table\"\n      data-part=\"trigger\"\n    />\n  )\n}\n"],"mappings":"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","names":[]}

package/build/legacy/components/table/primitives.d.cts

@@ -0,0 +1,10 @@
+export { TableRoot_alias_2 as TableRoot } from '../../_tsup-dts-rollup.cjs';
+export { TableEl_alias_2 as TableEl } from '../../_tsup-dts-rollup.cjs';
+export { Caption_alias_2 as Caption } from '../../_tsup-dts-rollup.cjs';
+export { Thead_alias_2 as Thead } from '../../_tsup-dts-rollup.cjs';
+export { Th_alias_2 as Th } from '../../_tsup-dts-rollup.cjs';
+export { Tbody_alias_2 as Tbody } from '../../_tsup-dts-rollup.cjs';
+export { Tr_alias_2 as Tr } from '../../_tsup-dts-rollup.cjs';
+export { Td_alias_2 as Td } from '../../_tsup-dts-rollup.cjs';
+export { Tfoot_alias_2 as Tfoot } from '../../_tsup-dts-rollup.cjs';
+export { TableTrigger_alias_2 as TableTrigger } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/table/table.cjs

@@ -0,0 +1,192 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/table.tsx
+var table_exports = {};
+__export(table_exports, {
+  Table: () => Table
+});
+module.exports = __toCommonJS(table_exports);
+
+// src/components/table/primitives.tsx
+var import_factory = require("@ark-ui/react/factory");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function TableRoot(props) {
+  const { decoration, size, ...rootProps } = props;
+  const styles = (0, import_recipes.table)({
+    decoration,
+    size
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.div,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className),
+      "data-scope": "table",
+      "data-part": "root"
+    }
+  );
+}
+function TableEl(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.table,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.table, props.className),
+      "data-scope": "table",
+      "data-part": "table"
+    }
+  );
+}
+function Caption(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.caption,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.caption, props.className),
+      "data-scope": "table",
+      "data-part": "caption"
+    }
+  );
+}
+function Thead(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.thead,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.thead, props.className),
+      "data-scope": "table",
+      "data-part": "header"
+    }
+  );
+}
+function Th(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.th,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.th, props.className),
+      "data-scope": "table",
+      "data-part": "header-col"
+    }
+  );
+}
+function Tbody(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.tbody,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.tbody, props.className),
+      "data-scope": "table",
+      "data-part": "body"
+    }
+  );
+}
+function Tr(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.tr,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.tr, props.className),
+      "data-scope": "table",
+      "data-part": "row"
+    }
+  );
+}
+function Td(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.td,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.td, props.className),
+      "data-scope": "table",
+      "data-part": "cell"
+    }
+  );
+}
+function Tfoot(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.tfoot,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.tfoot, props.className),
+      "data-scope": "table",
+      "data-part": "footer"
+    }
+  );
+}
+function TableTrigger(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.button,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.trigger, props.className),
+      "data-scope": "table",
+      "data-part": "trigger"
+    }
+  );
+}
+
+// src/components/Show.tsx
+var import_react = require("react");
+function Show(props) {
+  const { when, children, fallback } = props;
+  const condition = (0, import_react.useMemo)(() => when ?? false, [when]);
+  return (0, import_react.useMemo)(() => {
+    if (condition) return children;
+    return fallback ?? null;
+  }, [condition, children, fallback]);
+}
+
+// src/components/table/table.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function TableRootEl(props) {
+  const { sticky, caption, ...rootProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TableRoot, { ...rootProps, "data-sticky": sticky ?? false, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(TableEl, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Show, { when: Boolean(caption), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Caption, { children: caption }) }),
+    rootProps.children
+  ] }) });
+}
+var Table = {
+  Root: TableRootEl,
+  Caption,
+  Header: Thead,
+  HeaderCol: Th,
+  Body: Tbody,
+  Row: Tr,
+  Cell: Td,
+  Footer: Tfoot,
+  Trigger: TableTrigger
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Table
+});
+//# sourceMappingURL=table.cjs.map

package/build/legacy/components/table/table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/table.tsx","../../../../src/components/table/primitives.tsx","../../../../src/components/Show.tsx"],"sourcesContent":["import type { HTMLArkProps } from '@ark-ui/react/factory'\nimport type { TablePartsValue } from './parts'\nimport {\n  Caption,\n  TableEl,\n  TableRoot,\n  TableTrigger,\n  Tbody,\n  Td,\n  Tfoot,\n  Th,\n  Thead,\n  Tr,\n} from './primitives'\nimport type { TableVariantProps } from '@cerberus/styled-system/recipes'\nimport { Show } from '../Show'\n\ninterface TableRootElProps extends HTMLArkProps<'div'>, TableVariantProps {\n  /**\n   * An easy to understand description of the table. Required for accessibility.\n   */\n  caption: string\n  /**\n   * If true, the table header will be sticky.\n   *\n   * @default false\n   */\n  sticky?: boolean\n}\n\n/**\n * An abstraction over the TableRoot component that adds a sticky attribute.\n *\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/table)\n *\n * @remarks\n *\n * This component is used to create a table with an optional sticky header.\n * It is a wrapper around the TableRoot component and the TableEl primitive.\n */\nfunction TableRootEl(props: TableRootElProps) {\n  const { sticky, caption, ...rootProps } = props\n  return (\n    <TableRoot {...rootProps} data-sticky={sticky ?? false}>\n      <TableEl>\n        <Show when={Boolean(caption)}>\n          <Caption>{caption}</Caption>\n        </Show>\n\n        {rootProps.children}\n      </TableEl>\n    </TableRoot>\n  )\n}\n\n/**\n * An Object containing the parts of the Table component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TableParts object and\n * the entire family of components vs. only what you use.\n */\nexport const Table: Omit<TablePartsValue, 'Table'> = {\n  Root: TableRootEl,\n  Caption: Caption,\n  Header: Thead,\n  HeaderCol: Th,\n  Body: Tbody,\n  Row: Tr,\n  Cell: Td,\n  Footer: Tfoot,\n  Trigger: TableTrigger,\n}\n","import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport { table, type TableVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Table component.\n * @module 'table/primitives'\n */\n\n/**\n * The root element is the container of the Table.\n */\nexport function TableRoot(props: HTMLArkProps<'div'> & TableVariantProps) {\n  const { decoration, size, ...rootProps } = props\n  const styles = table({\n    decoration,\n    size,\n  })\n\n  return (\n    <ark.div\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n      data-scope=\"table\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The table element is the table itself.\n */\nexport function TableEl(props: HTMLArkProps<'table'>) {\n  const styles = table()\n  return (\n    <ark.table\n      {...props}\n      className={cx(styles.table, props.className)}\n      data-scope=\"table\"\n      data-part=\"table\"\n    />\n  )\n}\n\n/**\n * The table caption element is the caption of the table.\n */\nexport function Caption(props: HTMLArkProps<'caption'>) {\n  const styles = table()\n  return (\n    <ark.caption\n      {...props}\n      className={cx(styles.caption, props.className)}\n      data-scope=\"table\"\n      data-part=\"caption\"\n    />\n  )\n}\n\n/**\n * The table head element is the head of the table.\n */\nexport function Thead(props: HTMLArkProps<'thead'>) {\n  const styles = table()\n  return (\n    <ark.thead\n      {...props}\n      className={cx(styles.thead, props.className)}\n      data-scope=\"table\"\n      data-part=\"header\"\n    />\n  )\n}\n\n/**\n * The table header cell element is the header cell of the table.\n */\nexport function Th(props: HTMLArkProps<'th'>) {\n  const styles = table()\n  return (\n    <ark.th\n      {...props}\n      className={cx(styles.th, props.className)}\n      data-scope=\"table\"\n      data-part=\"header-col\"\n    />\n  )\n}\n\n/**\n * The table body element is the body of the table.\n */\nexport function Tbody(props: HTMLArkProps<'tbody'>) {\n  const styles = table()\n  return (\n    <ark.tbody\n      {...props}\n      className={cx(styles.tbody, props.className)}\n      data-scope=\"table\"\n      data-part=\"body\"\n    />\n  )\n}\n\n/**\n * The table row element is the row of the table.\n */\nexport function Tr(props: HTMLArkProps<'tr'>) {\n  const styles = table()\n  return (\n    <ark.tr\n      {...props}\n      className={cx(styles.tr, props.className)}\n      data-scope=\"table\"\n      data-part=\"row\"\n    />\n  )\n}\n\n/**\n * The table cell element is the cell of the table.\n */\nexport function Td(props: HTMLArkProps<'td'>) {\n  const styles = table()\n  return (\n    <ark.td\n      {...props}\n      className={cx(styles.td, props.className)}\n      data-scope=\"table\"\n      data-part=\"cell\"\n    />\n  )\n}\n\n/**\n * The table footer element is the footer of the table.\n */\nexport function Tfoot(props: HTMLArkProps<'tfoot'>) {\n  const styles = table()\n  return (\n    <ark.tfoot\n      {...props}\n      className={cx(styles.tfoot, props.className)}\n      data-scope=\"table\"\n      data-part=\"footer\"\n    />\n  )\n}\n\n/**\n * The table trigger element is the trigger of an actionable th cell.\n */\nexport function TableTrigger(props: HTMLArkProps<'button'>) {\n  const styles = table()\n  return (\n    <ark.button\n      {...props}\n      className={cx(styles.trigger, props.className)}\n      data-scope=\"table\"\n      data-part=\"trigger\"\n    />\n  )\n}\n","'use client'\n\nimport { useMemo, type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: boolean | null | undefined\n  /**\n   * The children to render when the condition is false.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * Conditionally render a memoized version of the children or optional fallback\n * content.\n * @see https://cerberus.digitalu.design/react/show\n * @example\n * ```tsx\n * <Show when={isLoggedIn} fallback={<Navigate to=\"/login\" />}>\n *   <Dashboard />\n * </Show>\n */\nexport function Show(props: PropsWithChildren<ShowProps>): ReactNode {\n  const { when, children, fallback } = props\n  const condition = useMemo(() => when ?? false, [when])\n\n  return useMemo(() => {\n    if (condition) return children\n    return fallback ?? null\n  }, [condition, children, fallback])\n}\n"],"mappings":"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","names":["import_jsx_runtime"]}

package/build/legacy/components/table/table.d.cts

@@ -0,0 +1 @@
+export { Table_alias_2 as Table } from '../../_tsup-dts-rollup.cjs';