@ankhorage/zora 0.6.3 → 0.8.0

package/src/foundation/index.test.ts

@@ -0,0 +1,35 @@
+import { readFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { describe, expect, it } from 'bun:test';
+
+const foundationIndex = readFileSync(join(import.meta.dir, 'index.ts'), 'utf8');
+const rootIndex = readFileSync(join(import.meta.dir, '..', 'index.ts'), 'utf8');
+
+describe('foundation exports', () => {
+  it('defines a narrow Surface foundation export layer', () => {
+    expect(foundationIndex).toMatch(/export type \{/);
+    expect(foundationIndex).toMatch(/BoxProps/);
+    expect(foundationIndex).toMatch(/ContainerProps/);
+    expect(foundationIndex).toMatch(/GridProps/);
+    expect(foundationIndex).toMatch(/StackProps/);
+    expect(foundationIndex).toMatch(/SurfaceProps/);
+    expect(foundationIndex).toMatch(/export \{/);
+    expect(foundationIndex).toMatch(/Box/);
+    expect(foundationIndex).toMatch(/Container/);
+    expect(foundationIndex).toMatch(/Grid/);
+    expect(foundationIndex).toMatch(/Stack/);
+    expect(foundationIndex).toMatch(/Surface/);
+    expect(foundationIndex).not.toMatch(/Heading/);
+    expect(foundationIndex).not.toMatch(/Text/);
+    expect(foundationIndex).not.toMatch(/ThemeProvider/);
+    expect(foundationIndex).not.toMatch(/ResponsiveProvider/);
+    expect(foundationIndex).not.toMatch(/useTheme/);
+    expect(foundationIndex).not.toMatch(/useResponsiveRuntime/);
+    expect(foundationIndex).not.toMatch(/resolveResponsive/);
+  });
+
+  it('re-exports the foundation layer from the ZORA root entrypoint', () => {
+    expect(rootIndex).toMatch(/from '\.\/foundation';/);
+  });
+});

package/src/foundation/index.ts

@@ -0,0 +1,25 @@
+export type {
+  BoxProps,
+  CenterProps,
+  ContainerProps,
+  DividerProps,
+  GridProps,
+  InlineProps,
+  ShowProps,
+  SpacerProps,
+  StackProps,
+  SurfaceProps,
+  SurfaceVariant,
+} from '@ankhorage/surface';
+export {
+  Box,
+  Center,
+  Container,
+  Divider,
+  Grid,
+  Inline,
+  Show,
+  Spacer,
+  Stack,
+  Surface,
+} from '@ankhorage/surface';

package/src/index.ts

@@ -37,6 +37,15 @@ export {
   validateFields,
   validateValue,
 } from './components/form';
+export type {
+  HeadingAlign,
+  HeadingLevel,
+  HeadingProps,
+  HeadingSize,
+  HeadingTone,
+  HeadingWeight,
+} from './components/heading';
+export { Heading } from './components/heading';
 export type { IconProps } from './components/icon';
 export { Icon } from './components/icon';
 export type { IconButtonProps } from './components/icon-button';
@@ -57,6 +66,31 @@ export type { TextareaProps } from './components/textarea';
 export { Textarea } from './components/textarea';
 export type { ToolbarActionProps, ToolbarProps } from './components/toolbar';
 export { Toolbar, ToolbarAction } from './components/toolbar';
+export type {
+  BoxProps,
+  CenterProps,
+  ContainerProps,
+  DividerProps,
+  GridProps,
+  InlineProps,
+  ShowProps,
+  SpacerProps,
+  StackProps,
+  SurfaceProps,
+  SurfaceVariant,
+} from './foundation';
+export {
+  Box,
+  Center,
+  Container,
+  Divider,
+  Grid,
+  Inline,
+  Show,
+  Spacer,
+  Stack,
+  Surface,
+} from './foundation';
 export type { AppShellProps } from './layout/app-shell';
 export { AppShell } from './layout/app-shell';
 export type { AuthLayoutProps } from './layout/auth-layout';

package/src/layout/page-header/PageHeader.tsx

@@ -1,6 +1,7 @@
-import { Box, Heading, Stack } from '@ankhorage/surface';
+import { Box, Stack } from '@ankhorage/surface';
 import React from 'react';
 
+import { Heading } from '../../components/heading';
 import { Text } from '../../components/text';
 import type { PageHeaderProps } from './types';
 

package/src/patterns/section-header/SectionHeader.tsx

@@ -1,6 +1,7 @@
-import { Box, Heading, Stack } from '@ankhorage/surface';
+import { Box, Stack } from '@ankhorage/surface';
 import React from 'react';
 
+import { Heading } from '../../components/heading';
 import { Text } from '../../components/text';
 import type { SectionHeaderProps } from './types';
 

package/src/patterns/tile-grid/PaletteItem.tsx

@@ -1,7 +1,8 @@
-import { Box, Heading, useTheme } from '@ankhorage/surface';
+import { Box, useTheme } from '@ankhorage/surface';
 import React from 'react';
 
 import { Card } from '../../components/card';
+import { Heading } from '../../components/heading';
 import { Text } from '../../components/text';
 import type { PaletteItemProps } from './types';