@astryxdesign/cli 0.1.2-canary.bfcbf64 → 0.1.2-canary.c11faf5

package/templates/pages/kanban-board/template.doc.mjs

@@ -0,0 +1,12 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/** @type {import('../../../../core/src/docs-types').TemplateDoc} */
+export const doc = {
+  type: 'page',
+  name: 'Kanban Board',
+  displayName: 'Kanban Board',
+  description:
+    'Task board with color-coded status columns, draggable task cards, priority tags, and metadata',
+  isReady: true,
+  category: 'Tools - Kanban Board',
+};

package/templates/pages/shell-side-nav/page.tsx

@@ -142,7 +142,6 @@ function ConversationItem({
             <MoreMenu
               size="sm"
               label="Conversation options"
-              hasAutoFocus={false}
               onOpenChange={setIsMenuOpen}
               items={[
                 {label: 'Pin', onClick: () => {}},

package/templates/blocks/components/TreeListBranches/TreeListBranchesShowcase.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: 'TreeListBranches',
-  name: 'TreeListBranches',
-  displayName: 'Tree List Branches',
-  description: 'Tree with expandable branches at multiple nesting levels.',
-  isReady: true,
-  isShowcase: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['TreeList'],
-};

package/templates/blocks/components/TreeListBranches/TreeListBranchesShowcase.tsx

@@ -1,64 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-import {TreeList} from '@astryxdesign/core/TreeList';
-
-const noop = () => {};
-
-export default function TreeListBranchesShowcase() {
-  return (
-    <TreeList
-      items={[
-        {
-          id: 'design-system',
-          label: 'Design System',
-          isExpanded: true,
-          children: [
-            {
-              id: 'components',
-              label: 'Components',
-              isExpanded: true,
-              children: [
-                {
-                  id: 'inputs',
-                  label: 'Inputs',
-                  children: [
-                    {id: 'text-input', label: 'TextInput', onClick: noop},
-                    {id: 'checkbox', label: 'Checkbox', onClick: noop},
-                    {id: 'selector', label: 'Selector', onClick: noop},
-                  ],
-                },
-                {
-                  id: 'layout',
-                  label: 'Layout',
-                  children: [
-                    {id: 'stack', label: 'Stack', onClick: noop},
-                    {id: 'grid', label: 'Grid', onClick: noop},
-                  ],
-                },
-              ],
-            },
-            {
-              id: 'tokens',
-              label: 'Tokens',
-              children: [
-                {id: 'colors', label: 'Colors', onClick: noop},
-                {id: 'spacing', label: 'Spacing', onClick: noop},
-                {id: 'typography', label: 'Typography', onClick: noop},
-              ],
-            },
-          ],
-        },
-        {
-          id: 'utilities',
-          label: 'Utilities',
-          children: [
-            {id: 'hooks', label: 'Hooks', onClick: noop},
-            {id: 'helpers', label: 'Helpers', onClick: noop},
-          ],
-        },
-      ]}
-    />
-  );
-}

package/templates/blocks/components/TreeListItem/TreeListItemShowcase.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: 'TreeListItem',
-  name: 'TreeListItem',
-  displayName: 'Tree List Item',
-  description: 'Tree items with descriptions, icons, badges, selection, disabled state, and nested expand/collapse. TreeList is data-driven: no composed children API.',
-  isReady: true,
-  isShowcase: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['TreeList', 'Badge', 'Icon', 'Layout', 'Text'],
-};

package/templates/blocks/components/TreeListItem/TreeListItemShowcase.tsx

@@ -1,60 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-import {TreeList} from '@astryxdesign/core/TreeList';
-import {Badge} from '@astryxdesign/core/Badge';
-import {Icon} from '@astryxdesign/core/Icon';
-
-const noop = () => {};
-
-export default function TreeListItemShowcase() {
-  return (
-    <TreeList
-      style={{width: 400}}
-      items={[
-        {
-          id: 'inbox',
-          label: 'Inbox',
-          description: '12 unread messages',
-          isExpanded: true,
-          startContent: <Icon icon="info" size="sm" />,
-          endContent: <Badge label="12" variant="info" />,
-          children: [
-            {
-              id: 'primary',
-              label: 'Primary',
-              isSelected: true,
-              startContent: <Icon icon="check" size="sm" />,
-              onClick: noop,
-            },
-            {
-              id: 'updates',
-              label: 'Updates',
-              endContent: <Badge label="4" variant="info" />,
-              onClick: noop,
-            },
-          ],
-        },
-        {
-          id: 'drafts',
-          label: 'Drafts',
-          description: '3 draft messages',
-          startContent: <Icon icon="clock" size="sm" />,
-          onClick: noop,
-        },
-        {
-          id: 'archive',
-          label: 'Archive',
-          onClick: noop,
-        },
-        {
-          id: 'spam',
-          label: 'Spam',
-          isDisabled: true,
-          startContent: <Icon icon="warning" size="sm" />,
-        },
-      ]}
-    />
-  );
-}