@astryxdesign/cli 0.1.4-canary.e009fdd → 0.1.4-canary.e18ed0f

package/templates/blocks/components/CommandPaletteInput/CommandPaletteInputShowcase.tsx

@@ -1,39 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-import {useMemo} from 'react';
-import {
-  CommandPalette,
-  CommandPaletteInput,
-} from '@astryxdesign/core/CommandPalette';
-import {Kbd} from '@astryxdesign/core/Kbd';
-import {createStaticSource} from '@astryxdesign/core/Typeahead';
-
-export default function CommandPaletteInputShowcase() {
-  const source = useMemo(
-    () =>
-      createStaticSource([
-        {id: 'home', label: 'Home'},
-        {id: 'settings', label: 'Settings'},
-        {id: 'profile', label: 'Profile'},
-        {id: 'help', label: 'Help'},
-      ]),
-    [],
-  );
-
-  return (
-    <CommandPalette
-      isOpen
-      isInline
-      onOpenChange={() => {}}
-      searchSource={source}
-      input={
-        <CommandPaletteInput
-          placeholder="Search commands, files, or actions..."
-          endContent={<Kbd keys="mod+k" />}
-        />
-      }
-    />
-  );
-}

package/templates/blocks/components/CommandPaletteList/CommandPaletteListBasic.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: 'CommandPaletteList',
-  name: 'CommandPaletteList — Item States',
-  displayName: 'CommandPaletteList — Item States',
-  description:
-    'Flat list showing the highlighted, selected, and disabled item states. Use CommandPaletteGroup to add section headings.',
-  isReady: true,
-  isShowcase: false,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['CommandPaletteList', 'CommandPaletteItem'],
-};

package/templates/blocks/components/CommandPaletteList/CommandPaletteListBasic.tsx

@@ -1,27 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-import {
-  CommandPaletteList,
-  CommandPaletteItem,
-} from '@astryxdesign/core/CommandPalette';
-
-export default function CommandPaletteListBasic() {
-  return (
-    <CommandPaletteList>
-      <CommandPaletteItem value="home" onSelect={() => {}}>
-        Go Home
-      </CommandPaletteItem>
-      <CommandPaletteItem value="settings" isHighlighted onSelect={() => {}}>
-        Open Settings
-      </CommandPaletteItem>
-      <CommandPaletteItem value="profile" isSelected onSelect={() => {}}>
-        View Profile
-      </CommandPaletteItem>
-      <CommandPaletteItem value="help" isDisabled onSelect={() => {}}>
-        Help (unavailable)
-      </CommandPaletteItem>
-    </CommandPaletteList>
-  );
-}

package/templates/blocks/components/CommandPaletteList/CommandPaletteListShowcase.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: 'CommandPaletteList',
-  name: 'CommandPaletteList',
-  displayName: 'Command Palette List',
-  description:
-    'Scrollable command palette list with grouped items, including a highlighted item, composed without a full CommandPalette.',
-  isReady: true,
-  isShowcase: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['CommandPaletteList', 'CommandPaletteGroup', 'CommandPaletteItem'],
-};

package/templates/blocks/components/CommandPaletteList/CommandPaletteListShowcase.tsx

@@ -1,38 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-import {
-  CommandPaletteList,
-  CommandPaletteGroup,
-  CommandPaletteItem,
-} from '@astryxdesign/core/CommandPalette';
-
-export default function CommandPaletteListShowcase() {
-  return (
-    <CommandPaletteList>
-      <CommandPaletteGroup heading="Navigation">
-        <CommandPaletteItem value="home" onSelect={() => {}}>
-          Go Home
-        </CommandPaletteItem>
-        <CommandPaletteItem value="settings" onSelect={() => {}}>
-          Open Settings
-        </CommandPaletteItem>
-        <CommandPaletteItem value="profile" onSelect={() => {}}>
-          View Profile
-        </CommandPaletteItem>
-      </CommandPaletteGroup>
-      <CommandPaletteGroup heading="Actions">
-        <CommandPaletteItem value="new-file" onSelect={() => {}}>
-          New File
-        </CommandPaletteItem>
-        <CommandPaletteItem value="search" isHighlighted onSelect={() => {}}>
-          Search Files
-        </CommandPaletteItem>
-        <CommandPaletteItem value="save" onSelect={() => {}}>
-          Save All
-        </CommandPaletteItem>
-      </CommandPaletteGroup>
-    </CommandPaletteList>
-  );
-}

package/templates/blocks/components/ContextMenuItem/ContextMenuItemBasic.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: 'ContextMenuItem',
-  name: 'ContextMenuItem — Basic',
-  displayName: 'ContextMenuItem — Basic',
-  description:
-    'Context menu items with labels and secondary descriptions. Use ContextMenuItem to render custom menu entries with consistent styling.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['ContextMenu', 'ContextMenuItem'],
-};

package/templates/blocks/components/ContextMenuItem/ContextMenuItemBasic.tsx

@@ -1,44 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-import {ContextMenu, ContextMenuItem} from '@astryxdesign/core/ContextMenu';
-
-export default function ContextMenuItemBasic() {
-  return (
-    <ContextMenu
-      menuContent={
-        <>
-          <ContextMenuItem
-            label="Edit"
-            description="Modify this item"
-            onClick={() => {}}
-          />
-          <ContextMenuItem
-            label="Duplicate"
-            description="Create a copy"
-            onClick={() => {}}
-          />
-          <ContextMenuItem
-            label="Delete"
-            description="This action cannot be undone"
-            onClick={() => {}}
-          />
-        </>
-      }>
-      <div
-        style={{
-          padding: '48px',
-          borderWidth: '2px',
-          borderStyle: 'dashed',
-          borderColor: 'var(--color-border)',
-          borderRadius: '8px',
-          textAlign: 'center',
-          color: 'var(--color-text-secondary)',
-          userSelect: 'none',
-        }}>
-        Right-click this area
-      </div>
-    </ContextMenu>
-  );
-}

package/templates/blocks/components/ContextMenuItem/ContextMenuItemShowcase.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: 'ContextMenuItem',
-  name: 'ContextMenuItem',
-  displayName: 'Context Menu Item',
-  description:
-    'Context menu with custom-rendered items using ContextMenuItem for icons and descriptions.',
-  isReady: true,
-  isShowcase: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['ContextMenu', 'ContextMenuItem'],
-};

package/templates/blocks/components/ContextMenuItem/ContextMenuItemShowcase.tsx

@@ -1,107 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-import {ContextMenu, ContextMenuItem} from '@astryxdesign/core/ContextMenu';
-
-const PencilIcon = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth={1.5}
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    {...props}>
-    <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
-    <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
-  </svg>
-);
-
-const CopyIcon = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth={1.5}
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    {...props}>
-    <rect x="9" y="9" width="13" height="13" rx="2" />
-    <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
-  </svg>
-);
-
-const ShareIcon = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth={1.5}
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    {...props}>
-    <circle cx="18" cy="5" r="3" />
-    <circle cx="6" cy="12" r="3" />
-    <circle cx="18" cy="19" r="3" />
-    <line x1="8.59" y1="13.51" x2="15.42" y2="17.49" />
-    <line x1="15.41" y1="6.51" x2="8.59" y2="10.49" />
-  </svg>
-);
-
-const TrashIcon = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth={1.5}
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    {...props}>
-    <polyline points="3 6 5 6 21 6" />
-    <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
-  </svg>
-);
-
-export default function ContextMenuItemShowcase() {
-  return (
-    <ContextMenu
-      menuContent={
-        <>
-          <ContextMenuItem
-            icon={PencilIcon}
-            label="Edit"
-            description="Modify this item"
-            onClick={() => {}}
-          />
-          <ContextMenuItem
-            icon={CopyIcon}
-            label="Duplicate"
-            description="Create a copy"
-            onClick={() => {}}
-          />
-          <ContextMenuItem icon={ShareIcon} label="Share" onClick={() => {}} />
-          <ContextMenuItem
-            icon={TrashIcon}
-            label="Delete"
-            description="This action cannot be undone"
-            onClick={() => {}}
-          />
-        </>
-      }>
-      <div
-        style={{
-          padding: '48px',
-          borderWidth: '2px',
-          borderStyle: 'dashed',
-          borderColor: 'var(--color-border)',
-          borderRadius: '8px',
-          textAlign: 'center',
-          color: 'var(--color-text-secondary)',
-          userSelect: 'none',
-        }}>
-        Right-click this area
-      </div>
-    </ContextMenu>
-  );
-}