@astryxdesign/cli 0.2.0 → 0.3.0

package/templates/blocks/components/Switch/SwitchDisabled.doc.mjs

@@ -1,13 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Switch',
-  name: 'Switch — Disabled',
-  displayName: 'Switch — Disabled',
-  description: 'Disabled switch with label and description for gated features.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Switch', 'Center'],
-};

package/templates/blocks/components/Switch/SwitchSettingsPanel.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Switch',
-  name: 'Switch — Settings Panel',
-  displayName: 'Switch — Settings Panel',
-  description:
-    'Settings panel with spread-spaced switches in a card.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Switch', 'Card', 'VStack', 'Center'],
-};

package/templates/blocks/components/Switch/SwitchShowcase.doc.mjs

@@ -1,15 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Switch',
-  name: 'Switch',
-  displayName: 'Switch',
-  isReady: true,
-  aspectRatio: 1,
-  isShowcase: true,
-  description:
-    'A toggle switch for enabling notifications.',
-  componentsUsed: ['Switch'],
-};

package/templates/blocks/components/Switch/SwitchWithDescription.doc.mjs

@@ -1,13 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Switch',
-  name: 'Switch — With Description',
-  displayName: 'Switch — With Description',
-  description: 'Toggle with a label and supporting description text.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Switch', 'Center'],
-};

package/templates/blocks/components/Switch/SwitchWithStatus.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Switch',
-  name: 'Switch — With Status',
-  displayName: 'Switch — With Status',
-  description:
-    'Switches with error, warning, and success validation states.',
-  isReady: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['Switch', 'VStack', 'Center'],
-};

package/templates/blocks/components/SyntaxTheme/SyntaxThemeDarkPreset.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'SyntaxTheme',
-  name: 'SyntaxTheme — Dark Preset',
-  displayName: 'SyntaxTheme — Dark Preset',
-  description:
-    'Wrap a code block in SyntaxTheme to apply a dark syntax preset such as Dracula.',
-  isReady: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['SyntaxTheme', 'CodeBlock'],
-};

package/templates/blocks/components/SyntaxTheme/SyntaxThemeLightPreset.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'SyntaxTheme',
-  name: 'SyntaxTheme — Light Preset',
-  displayName: 'SyntaxTheme — Light Preset',
-  description:
-    'Use a light syntax preset for code examples that need to sit on light documentation surfaces.',
-  isReady: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['SyntaxTheme', 'CodeBlock'],
-};

package/templates/blocks/components/SyntaxTheme/SyntaxThemeShowcase.doc.mjs

@@ -1,15 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'SyntaxTheme',
-  name: 'SyntaxTheme — Compact Preset',
-  displayName: 'SyntaxTheme — Compact Preset',
-  description:
-    'A concise code block rendered with the One Dark Pro syntax preset to show how SyntaxTheme changes highlighting colors without making the page long.',
-  isReady: true,
-  isShowcase: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['SyntaxTheme', 'CodeBlock', 'Layout', 'Text'],
-};

package/templates/blocks/components/Tab/TabShowcase.doc.mjs

@@ -1,15 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Tab',
-  name: 'Tab',
-  displayName: 'Tab',
-  description:
-    'Tab is an individual tab item within a TabList, supporting labels, icons, selected icons, and end content slots.',
-  isReady: true,
-  isShowcase: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['TabList', 'Tab'],
-};

package/templates/blocks/components/Tab/TabWithSelectedIcon.doc.mjs

@@ -1,13 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Tab',
-  name: 'Tab — Selected Icon',
-  displayName: 'Tab — Selected Icon',
-  description: 'A tab that changes its icon when selected.',
-  isReady: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['TabList', 'Tab'],
-};

package/templates/blocks/components/TabList/TabListShowcase.doc.mjs

@@ -1,13 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'TabList',
-  name: 'TabList',
-  displayName: 'Tab List',
-  isReady: true,
-  aspectRatio: 1,
-  isShowcase: true,
-  componentsUsed: ['TabList'],
-};

package/templates/blocks/components/TabList/TabListTabsFillLayout.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'TabList',
-  name: 'TabList — Fill Layout',
-  displayName: 'TabList — Fill Layout',
-  description:
-    'Tabs that stretch to fill the available width with a bottom divider.',
-  isReady: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['TabList', 'Tab'],
-};

package/templates/blocks/components/TabList/TabListTabsWithActions.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'TabList',
-  name: 'TabList — With Actions',
-  displayName: 'TabList — With Actions',
-  description:
-    'Page header pattern with tabs on the left and action buttons pushed to the right. When hasDivider is true, match the Button size to the TabList size so the tabs and actions align to a shared baseline above the divider.',
-  isReady: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['TabList', 'Tab', 'Button'],
-};

package/templates/blocks/components/TabList/TabListTabsWithBadge.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'TabList',
-  name: 'TabList \u2014 With Badge',
-  displayName: 'TabList \u2014 With Badge',
-  description:
-    'Tabs with notification badge counts rendered via endContent. Uses error variant for urgent counts and neutral for informational ones.',
-  isReady: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['TabList', 'Tab', 'Badge'],
-};

package/templates/blocks/components/TabList/TabListTabsWithIcons.doc.mjs

@@ -1,13 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'TabList',
-  name: 'TabList — With Icons',
-  displayName: 'TabList — With Icons',
-  description: 'Tabs with leading icons alongside text labels.',
-  isReady: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['TabList', 'Tab'],
-};

package/templates/blocks/components/TabList/TabListTabsWithMenu.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'TabList',
-  name: 'TabList — With Overflow Menu',
-  displayName: 'TabList — With Overflow Menu',
-  description:
-    'Tab list with a dropdown menu for additional items that do not fit inline.',
-  isReady: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['TabList', 'Tab', 'TabMenu'],
-};

package/templates/blocks/components/TabList/TabListTabsWithStatusDot.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'TabList',
-  name: 'TabList \u2014 With Status Dot',
-  displayName: 'TabList \u2014 With Status Dot',
-  description:
-    'Tabs with status dot indicators rendered via endContent to show live environment health at a glance.',
-  isReady: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['TabList', 'Tab', 'StatusDot'],
-};

package/templates/blocks/components/TabMenu/TabMenuBasic.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'TabMenu',
-  name: 'TabMenu — Basic',
-  displayName: 'TabMenu — Basic',
-  description:
-    'An overflow menu at the end of a TabList that collects secondary tabs behind a dropdown. Use it when there are more tabs than fit comfortably inline.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['TabList', 'Tab', 'TabMenu'],
-};

package/templates/blocks/components/TabMenu/TabMenuShowcase.doc.mjs

@@ -1,15 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'TabMenu',
-  name: 'TabMenu',
-  displayName: 'Tab Menu',
-  description:
-    'TabMenu is an overflow menu within a TabList that groups additional tab options into a dropdown, showing the selected option\'s label as the trigger text.',
-  isReady: true,
-  isShowcase: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['TabList', 'Tab', 'TabMenu'],
-};

package/templates/blocks/components/Table/ColumnResizeHookUsage.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'useTableColumnResize',
-  name: 'useTableColumnResize — Draggable Columns',
-  displayName: 'useTableColumnResize — Draggable Columns',
-  description:
-    'A Table using useTableColumnResize. Drag the right edge of any column header to resize; widths are committed on release. The last proportional column flexes to fill remaining space.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Table'],
-};

package/templates/blocks/components/Table/StickyColumnsHookUsage.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'useTableStickyColumns',
-  name: 'useTableStickyColumns — Pinned Columns',
-  displayName: 'useTableStickyColumns — Pinned Columns',
-  description:
-    'A Table using useTableStickyColumns to pin the Name column to the start edge and Status to the end edge. Scroll horizontally; pinned columns stay in view with a soft shadow over the scrolling content.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Table'],
-};

package/templates/blocks/components/Table/TableColumnSettingsTable.doc.mjs

@@ -1,16 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Table',
-  alsoExampleFor: ['useTableColumnSettings'],
-  alsoShowcaseFor: ['useTableColumnSettings'],
-  name: 'Table — Column Settings',
-  displayName: 'Table — Column Settings',
-  description:
-    'Table with a column visibility picker in the toolbar. Toggle columns on and off.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Table', 'MultiSelector', 'Toolbar', 'Text', 'Layout'],
-};

package/templates/blocks/components/Table/TableFilterableTable.doc.mjs

@@ -1,16 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Table',
-  alsoExampleFor: ['useTableFiltering', 'useTableFilterState'],
-  alsoShowcaseFor: ['useTableFiltering', 'useTableFilterState'],
-  name: 'Table — Popover Filters',
-  displayName: 'Table — Popover Filters',
-  description:
-    'Table with popover filter controls triggered by icons in column headers.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Table', 'PowerSearch'],
-};

package/templates/blocks/components/Table/TableGridDividersTable.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Table',
-  name: 'Table — Grid Dividers',
-  displayName: 'Table — Grid Dividers',
-  description:
-    'Compact table with grid dividers showing both row and column borders, suited for dense numeric data.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Table'],
-};

package/templates/blocks/components/Table/TableGroupedRowsTable.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'useTableGroupedRows',
-  name: 'useTableGroupedRows — Collapsible Groups',
-  displayName: 'useTableGroupedRows — Collapsible Groups',
-  description:
-    'A table grouped into collapsible sections with useTableGroupedRows. Each group gets a full-width header with a chevron, label, and member count; click to collapse/expand.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Table'],
-};

package/templates/blocks/components/Table/TableInCard.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Table',
-  name: 'Table — In Card',
-  displayName: 'Table — In Card',
-  description:
-    'Table composed inside a card with a heading, demonstrating container bleed alignment.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Table', 'Card', 'Layout', 'Text'],
-};

package/templates/blocks/components/Table/TableInlineFilterTable.doc.mjs

@@ -1,15 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Table',
-  alsoExampleFor: ['useTableFiltering', 'useTableFilterState'],
-  name: 'Table — Inline Filters',
-  displayName: 'Table — Inline Filters',
-  description:
-    'Table with inline filter controls rendered directly below each column header.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Table', 'PowerSearch'],
-};

package/templates/blocks/components/Table/TablePaginatedTable.doc.mjs

@@ -1,16 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Table',
-  alsoExampleFor: ['useTablePagination'],
-  alsoShowcaseFor: ['useTablePagination'],
-  name: 'Table — Paginated Data',
-  displayName: 'Table — Paginated Data',
-  description:
-    'Paginated data table navigating through a larger dataset page by page.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Table', 'Section'],
-};

package/templates/blocks/components/Table/TableResizableTable.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Table',
-  name: 'Table — Resizable Columns',
-  displayName: 'Table — Resizable Columns',
-  description:
-    'Table with draggable column resize handles. Drag the right edge of any header to resize.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Table'],
-};

package/templates/blocks/components/Table/TableRichCellTable.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Table',
-  name: 'Table — Rich Cell Content',
-  displayName: 'Table — Rich Cell Content',
-  description:
-    'Table with rich cell content using Link for emails and Badge for role labels.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Table', 'Badge', 'Link'],
-};

package/templates/blocks/components/Table/TableRichCellTable.tsx

@@ -1,87 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-import {Table, proportional, pixel} from '@astryxdesign/core/Table';
-import type {TableColumn} from '@astryxdesign/core/Table';
-import {Badge} from '@astryxdesign/core/Badge';
-import {Link} from '@astryxdesign/core/Link';
-
-interface User extends Record<string, unknown> {
-  id: string;
-  name: string;
-  email: string;
-  role: string;
-  age: number;
-}
-
-const users: User[] = [
-  {
-    id: '1',
-    name: 'Alice Johnson',
-    email: 'alice@example.com',
-    role: 'Engineer',
-    age: 30,
-  },
-  {
-    id: '2',
-    name: 'Bob Smith',
-    email: 'bob@example.com',
-    role: 'Designer',
-    age: 25,
-  },
-  {
-    id: '3',
-    name: 'Charlie Brown',
-    email: 'charlie@example.com',
-    role: 'PM',
-    age: 35,
-  },
-  {
-    id: '4',
-    name: 'Diana Prince',
-    email: 'diana@example.com',
-    role: 'Engineer',
-    age: 28,
-  },
-  {
-    id: '5',
-    name: 'Eve Davis',
-    email: 'eve@example.com',
-    role: 'Designer',
-    age: 32,
-  },
-];
-
-const roleVariant: Record<string, 'blue' | 'purple' | 'green'> = {
-  Engineer: 'blue',
-  Designer: 'purple',
-  PM: 'green',
-};
-
-const columns: TableColumn<User>[] = [
-  {key: 'name', header: 'Name'},
-  {
-    key: 'email',
-    header: 'Email',
-    width: proportional(2),
-    renderCell: item => (
-      <Link href={`mailto:${item.email}`}>{item.email}</Link>
-    ),
-  },
-  {
-    key: 'role',
-    header: 'Role',
-    renderCell: item => (
-      <Badge
-        label={item.role}
-        variant={roleVariant[item.role] ?? 'neutral'}
-      />
-    ),
-  },
-  {key: 'age', header: 'Age', width: pixel(80)},
-];
-
-export default function TableRichCellTable() {
-  return <Table data={users} columns={columns} idKey="id" hasHover />;
-}

package/templates/blocks/components/Table/TableRowExpansionTable.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'useTableRowExpansion',
-  name: 'useTableRowExpansion — Tree Table',
-  displayName: 'useTableRowExpansion — Tree Table',
-  description:
-    'A tree table using useTableRowExpansion with inherited columns. Child rows use the same columns as parents, indented by depth. Click the chevron or right-click to expand/collapse.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Table'],
-};

package/templates/blocks/components/Table/TableRowIndexTable.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'useTableRowIndex',
-  name: 'useTableRowIndex — Numbered Rows',
-  displayName: 'useTableRowIndex — Numbered Rows',
-  description:
-    'A table with a prepended row-number column via useTableRowIndex. Numbering is monospaced, right-aligned, and follows the rendered data order.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Table'],
-};

package/templates/blocks/components/Table/TableRowStatusTable.doc.mjs

@@ -1,14 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'useTableRowStatus',
-  name: 'useTableRowStatus - Status Dots',
-  displayName: 'useTableRowStatus - Status Dots',
-  description:
-    'A job table using useTableRowStatus to render a colored status dot (or icon) per row (failed / running / queued). Rows with no status show no dot.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Table'],
-};

package/templates/blocks/components/Table/TableSelectableTable.doc.mjs

@@ -1,16 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Table',
-  alsoExampleFor: ['useTableSelection', 'useTableSelectionState'],
-  alsoShowcaseFor: ['useTableSelection', 'useTableSelectionState'],
-  name: 'Table — Row Selection',
-  displayName: 'Table — Row Selection',
-  description:
-    'Table with row selection checkboxes and a select-all header checkbox.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Table'],
-};

package/templates/blocks/components/Table/TableShowcase.doc.mjs

@@ -1,15 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('../../../../../core/src/docs-types').TemplateDoc} */
-export const doc = {
-  type: 'block',
-  exampleFor: 'Table',
-  name: 'Table',
-  displayName: 'Table',
-  description:
-    'Data-driven table with proportional and pixel column widths and hover highlighting.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  isShowcase: true,
-  componentsUsed: ['Table', 'Card'],
-};