@astryxdesign/cli 0.1.2-canary.e3831d6 → 0.1.2-canary.eb7243a

package/package.json

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

package/templates/blocks/components/Blockquote/BlockquoteTestimonials.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: 'Blockquote',
-  name: 'Blockquote — Testimonials',
-  displayName: 'Blockquote — Testimonials',
-  description:
-    'Multiple quotes arranged in a card grid for a testimonials section. Combine with Card and Grid to create social-proof layouts.',
-  isReady: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['Blockquote', 'Card', 'Grid', 'GridSpan'],
-};

package/templates/blocks/components/Blockquote/BlockquoteTestimonials.tsx

@@ -1,34 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-import {Blockquote} from '@astryxdesign/core/Blockquote';
-import {Grid, GridSpan} from '@astryxdesign/core/Grid';
-import {Card} from '@astryxdesign/core/Card';
-
-export default function BlockquoteTestimonials() {
-  return (
-    <Grid columns={2} gap={3} style={{maxWidth: 600}}>
-      <Card padding={4}>
-        <Blockquote cite="Sarah K., Lead Engineer">
-          Shipping UI has never been this fast. Our team went from design to
-          production in a single afternoon.
-        </Blockquote>
-      </Card>
-      <Card padding={4}>
-        <Blockquote cite="Marcus T., Product Designer">
-          The token system means every new screen just looks right — no manual
-          color or spacing decisions.
-        </Blockquote>
-      </Card>
-      <GridSpan columns={2}>
-        <Card padding={4}>
-          <Blockquote cite="Priya L., Engineering Manager">
-            Onboarding a new engineer used to take a week of design review. Now
-            they're shipping accessible, polished components on day one.
-          </Blockquote>
-        </Card>
-      </GridSpan>
-    </Grid>
-  );
-}

package/templates/blocks/components/Blockquote/BlockquoteWithCite.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: 'Blockquote',
-  name: 'Blockquote — With Attribution',
-  displayName: 'Blockquote — With Attribution',
-  description:
-    'A plain quote and a quote with a cite attribution. Use cite to credit the original author or source.',
-  isReady: true,
-  aspectRatio: 4 / 3,
-  componentsUsed: ['Blockquote', 'Layout'],
-};

package/templates/blocks/components/Blockquote/BlockquoteWithCite.tsx

@@ -1,21 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-import {Blockquote} from '@astryxdesign/core/Blockquote';
-import {VStack} from '@astryxdesign/core/Layout';
-
-export default function BlockquoteWithCite() {
-  return (
-    <VStack gap={4} style={{maxWidth: 500}}>
-      <Blockquote>
-        Design is not just what it looks like and feels like. Design is how it
-        works.
-      </Blockquote>
-      <Blockquote cite="Steve Jobs">
-        The people who are crazy enough to think they can change the world are
-        the ones who do.
-      </Blockquote>
-    </VStack>
-  );
-}

package/templates/blocks/components/Hooks/useKeyboardHintHookUsage.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: 'useKeyboardHint',
-  name: 'useKeyboardHint — Arrow-key Hint',
-  displayName: 'useKeyboardHint — Arrow-key Hint',
-  description:
-    'Toolbar shows an ephemeral "← → to navigate" hint on first keyboard focus via useKeyboardHint, teaching sighted keyboard users that arrows move within the group.',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['Toolbar', 'Button', 'Icon', 'Card', 'Section', 'Text', 'Layout'],
-};

package/templates/blocks/components/Hooks/useKeyboardHintHookUsage.tsx

@@ -1,57 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-import {Toolbar} from '@astryxdesign/core/Toolbar';
-import {Button} from '@astryxdesign/core/Button';
-import {Icon} from '@astryxdesign/core/Icon';
-import {Card} from '@astryxdesign/core/Card';
-import {Section} from '@astryxdesign/core/Section';
-import {Text} from '@astryxdesign/core/Text';
-import {VStack} from '@astryxdesign/core/Layout';
-import {BoldIcon, ItalicIcon, UnderlineIcon} from '@heroicons/react/24/outline';
-
-export default function UseKeyboardHintHookUsage() {
-  return (
-    <Card style={{width: 420}}>
-      <Toolbar
-        label="Text formatting"
-        dividers={['bottom']}
-        startContent={
-          <>
-            <Button
-              label="Bold"
-              variant="ghost"
-              icon={<Icon icon={BoldIcon} />}
-              isIconOnly
-            />
-            <Button
-              label="Italic"
-              variant="ghost"
-              icon={<Icon icon={ItalicIcon} />}
-              isIconOnly
-            />
-            <Button
-              label="Underline"
-              variant="ghost"
-              icon={<Icon icon={UnderlineIcon} />}
-              isIconOnly
-            />
-          </>
-        }
-      />
-      <Section>
-        <VStack gap={1}>
-          <Text type="body" weight="bold">
-            Keyboard-friendly by default
-          </Text>
-          <Text type="supporting" color="secondary">
-            Tab into the toolbar with your keyboard and Toolbar shows an
-            ephemeral "← → to navigate" hint — powered by useKeyboardHint — so
-            sighted keyboard users learn that arrows move within the group.
-          </Text>
-        </VStack>
-      </Section>
-    </Card>
-  );
-}