@astryxdesign/cli 0.1.5-canary.c4c1f5b → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/cli",
-  "version": "0.1.5-canary.c4c1f5b",
+  "version": "0.1.5",
   "displayName": "CLI",
   "description": "Scaffold projects, browse templates, generate themes, and get agent-ready docs from the command line.",
   "author": "Meta Open Source",
@@ -75,10 +75,10 @@
     "zod": "^4.4.3"
   },
   "peerDependencies": {
-    "@astryxdesign/charts": "0.1.5-canary.c4c1f5b",
-    "@astryxdesign/core": "0.1.5-canary.c4c1f5b",
-    "@astryxdesign/lab": "0.1.5-canary.c4c1f5b",
-    "@astryxdesign/theme-neutral": "0.1.5-canary.c4c1f5b",
+    "@astryxdesign/charts": "*",
+    "@astryxdesign/core": "*",
+    "@astryxdesign/lab": "*",
+    "@astryxdesign/theme-neutral": "*",
     "gpt-tokenizer": "^3.4.0"
   },
   "peerDependenciesMeta": {
@@ -96,10 +96,10 @@
     }
   },
   "devDependencies": {
-    "@astryxdesign/charts": "0.1.5-canary.c4c1f5b",
-    "@astryxdesign/core": "0.1.5-canary.c4c1f5b",
-    "@astryxdesign/lab": "0.1.5-canary.c4c1f5b",
-    "@astryxdesign/theme-neutral": "0.1.5-canary.c4c1f5b",
+    "@astryxdesign/charts": "*",
+    "@astryxdesign/core": "*",
+    "@astryxdesign/lab": "*",
+    "@astryxdesign/theme-neutral": "*",
     "gpt-tokenizer": "^3.4.0"
   },
   "scripts": {

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/TableGroupedRowsTable.tsx

@@ -1,66 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-import {useState, useCallback} from 'react';
-import {
-  Table,
-  useTableGroupedRows,
-  proportional,
-  pixel,
-} from '@astryxdesign/core/Table';
-import type {TableColumn} from '@astryxdesign/core/Table';
-
-interface Person extends Record<string, unknown> {
-  id: string;
-  name: string;
-  team: string;
-  role: string;
-}
-
-const people: Person[] = [
-  {id: '1', name: 'Ava Chen', team: 'Design Systems', role: 'Staff Eng'},
-  {id: '2', name: 'Liam Park', team: 'Design Systems', role: 'Engineer'},
-  {id: '3', name: 'Zoe Vega', team: 'Design Systems', role: 'Manager'},
-  {id: '4', name: 'Max Ross', team: 'Infra', role: 'Senior Eng'},
-  {id: '5', name: 'Mia Cole', team: 'Infra', role: 'Engineer'},
-  {id: '6', name: 'Leo Nash', team: 'Growth', role: 'PM'},
-];
-
-const columns: TableColumn<Person>[] = [
-  {key: 'name', header: 'Name', width: proportional(2)},
-  {key: 'role', header: 'Role', width: pixel(140)},
-];
-
-export default function TableGroupedRowsTable() {
-  const [collapsedGroups, setCollapsed] = useState<Set<string>>(new Set());
-  const onToggleGroup = useCallback((key: string) => {
-    setCollapsed(prev => {
-      const next = new Set(prev);
-      if (next.has(key)) {
-        next.delete(key);
-      } else {
-        next.add(key);
-      }
-      return next;
-    });
-  }, []);
-
-  const grouped = useTableGroupedRows<Person>({
-    data: people,
-    groupBy: p => p.team,
-    collapsedGroups,
-    onToggleGroup,
-    getRowKey: p => p.id,
-  });
-
-  return (
-    <Table
-      data={grouped.data}
-      columns={columns}
-      idKey={grouped.idKey}
-      hasHover
-      plugins={{grouped: grouped.plugin}}
-    />
-  );
-}

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/TableRowIndexTable.tsx

@@ -1,47 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-import {
-  Table,
-  useTableRowIndex,
-  proportional,
-  pixel,
-} from '@astryxdesign/core/Table';
-import type {TableColumn} from '@astryxdesign/core/Table';
-
-interface Track extends Record<string, unknown> {
-  id: string;
-  title: string;
-  artist: string;
-  plays: number;
-}
-
-const tracks: Track[] = [
-  {id: 't1', title: 'Nightfall', artist: 'Ava Chen', plays: 1820},
-  {id: 't2', title: 'Ember', artist: 'Liam Park', plays: 942},
-  {id: 't3', title: 'Tidal', artist: 'Zoe Vega', plays: 3310},
-  {id: 't4', title: 'Cinder', artist: 'Max Ross', plays: 604},
-  {id: 't5', title: 'Halcyon', artist: 'Mia Cole', plays: 2075},
-];
-
-const columns: TableColumn<Track>[] = [
-  {key: 'title', header: 'Title', width: proportional(2)},
-  {key: 'artist', header: 'Artist', width: proportional(2)},
-  {key: 'plays', header: 'Plays', width: pixel(90), align: 'end'},
-];
-
-export default function TableRowIndexTable() {
-  // Pass the rendered data array — numbering follows its order.
-  const rowIndex = useTableRowIndex<Track>({data: tracks});
-
-  return (
-    <Table
-      data={tracks}
-      columns={columns}
-      idKey="id"
-      hasHover
-      plugins={{rowIndex}}
-    />
-  );
-}