@ankhorage/zora 16.0.0 → 17.0.0

package/dist/patterns/tile-grid/index.js

@@ -1,4 +0,0 @@
-export * from './PaletteItem';
-export * from './TileGrid';
-export * from './types';
-//# sourceMappingURL=index.js.map

package/dist/patterns/tile-grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/patterns/tile-grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC","sourcesContent":["export * from './PaletteItem';\nexport * from './TileGrid';\nexport * from './types';\n"]}

package/dist/patterns/tile-grid/meta.d.ts

@@ -1,17 +0,0 @@
-export declare const paletteItemMeta: {
-    readonly name: "PaletteItem";
-    readonly category: "pattern";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Tile grid pattern component; not represented as a manifest node in v1.";
-    readonly props: {};
-};
-export declare const tileGridMeta: {
-    readonly name: "TileGrid";
-    readonly category: "pattern";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Tile grid pattern component; not represented as a manifest node in v1.";
-    readonly props: {};
-};
-//# sourceMappingURL=meta.d.ts.map

package/dist/patterns/tile-grid/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/patterns/tile-grid/meta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe;;;;;;;CAOU,CAAC;AAEvC,eAAO,MAAM,YAAY;;;;;;;CAOa,CAAC"}

package/dist/patterns/tile-grid/meta.js

@@ -1,18 +0,0 @@
-const TILE_GRID_NOTE = 'Tile grid pattern component; not represented as a manifest node in v1.';
-export const paletteItemMeta = {
-    name: 'PaletteItem',
-    category: 'pattern',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: TILE_GRID_NOTE,
-    props: {},
-};
-export const tileGridMeta = {
-    name: 'TileGrid',
-    category: 'pattern',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: TILE_GRID_NOTE,
-    props: {},
-};
-//# sourceMappingURL=meta.js.map

package/dist/patterns/tile-grid/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/patterns/tile-grid/meta.ts"],"names":[],"mappings":"AAEA,MAAM,cAAc,GAAG,wEAAwE,CAAC;AAEhG,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nconst TILE_GRID_NOTE = 'Tile grid pattern component; not represented as a manifest node in v1.';\n\nexport const paletteItemMeta = {\n  name: 'PaletteItem',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: TILE_GRID_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const tileGridMeta = {\n  name: 'TileGrid',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: TILE_GRID_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/patterns/tile-grid/types.d.ts

@@ -1,18 +0,0 @@
-import type { ButtonIconSpec } from '@ankhorage/surface';
-import type { ReactNode } from 'react';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-export interface TileGridProps extends ZoraBaseProps {
-    children?: ReactNode;
-    columns?: number | 'responsive';
-    compact?: boolean;
-}
-export interface PaletteItemProps extends ZoraBaseProps {
-    title: ReactNode;
-    description?: ReactNode;
-    icon?: ButtonIconSpec;
-    badge?: ReactNode;
-    selected?: boolean;
-    disabled?: boolean;
-    onPress?: () => void;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/patterns/tile-grid/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/tile-grid/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/dist/patterns/tile-grid/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/patterns/tile-grid/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/tile-grid/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonIconSpec } from '@ankhorage/surface';\nimport type { ReactNode } from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface TileGridProps extends ZoraBaseProps {\n  children?: ReactNode;\n  columns?: number | 'responsive';\n  compact?: boolean;\n}\n\nexport interface PaletteItemProps extends ZoraBaseProps {\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ButtonIconSpec;\n  badge?: ReactNode;\n  selected?: boolean;\n  disabled?: boolean;\n  onPress?: () => void;\n}\n"]}

package/src/features/layout/adapters/inbound/Box.tsx

@@ -1,18 +0,0 @@
-import { Box as SurfaceBox } from '@ankhorage/surface';
-import React from 'react';
-
-import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
-import type { BoxProps } from '../../../../types/layout';
-
-/*** Adapts the themed Surface Box primitive to ZORA scope and interaction props. */
-export const Box = withZoraThemeScope(BoxInner);
-
-/*** Forwards presentation props to the published Surface boundary. */
-function BoxInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  ...props
-}: BoxProps) {
-  return <SurfaceBox {...props} />;
-}

package/src/features/layout/adapters/inbound/Container.tsx

@@ -1,18 +0,0 @@
-import { Container as SurfaceContainer } from '@ankhorage/surface';
-import React from 'react';
-
-import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
-import type { ContainerProps } from '../../../../types/layout';
-
-/*** Adapts the themed Surface Container primitive to ZORA scope and interaction props. */
-export const Container = withZoraThemeScope(ContainerInner);
-
-/*** Forwards presentation props to the published Surface boundary. */
-function ContainerInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  ...props
-}: ContainerProps) {
-  return <SurfaceContainer {...props} />;
-}

package/src/features/layout/adapters/inbound/Stack.tsx

@@ -1,18 +0,0 @@
-import { Stack as SurfaceStack } from '@ankhorage/surface';
-import React from 'react';
-
-import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
-import type { StackProps } from '../../../../types/layout';
-
-/*** Adapts the themed Surface Stack primitive to ZORA scope and interaction props. */
-export const Stack = withZoraThemeScope(StackInner);
-
-/*** Forwards presentation props to the published Surface boundary. */
-function StackInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  ...props
-}: StackProps) {
-  return <SurfaceStack {...props} />;
-}

package/src/features/layout/boxMeta.ts

@@ -1,16 +0,0 @@
-import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
-import type { ZoraComponentMeta } from '../../metadata/types';
-import { LAYOUT_PROPS } from './constants';
-
-export const boxMeta = {
-  name: 'Box',
-  category: 'foundation',
-  directManifestNode: true,
-  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
-  props: {
-    ...LAYOUT_PROPS,
-    bg: { type: 'color', category: 'Style' },
-    borderColor: { type: 'color', category: 'Style' },
-    borderWidth: { type: 'number', category: 'Style' },
-  },
-} as const satisfies ZoraComponentMeta;

package/src/foundation/Center.tsx

@@ -1,26 +0,0 @@
-import {
-  Center as SurfaceCenter,
-  type CenterProps as SurfaceCenterProps,
-} from '@ankhorage/surface';
-import React from 'react';
-
-import { withZoraThemeScope } from '../theme/withZoraThemeScope';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
-
-export interface CenterProps extends ZoraBaseProps, Omit<SurfaceCenterProps, 'mode' | 'themeId'> {}
-
-function CenterInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  ...props
-}: CenterProps) {
-  return <SurfaceCenter {...props} />;
-}
-
-/***
- * Centers children horizontally and vertically within the available space.
- *
- 
- */
-export const Center = withZoraThemeScope(CenterInner);

package/src/foundation/Inline.tsx

@@ -1,26 +0,0 @@
-import {
-  Inline as SurfaceInline,
-  type InlineProps as SurfaceInlineProps,
-} from '@ankhorage/surface';
-import React from 'react';
-
-import { withZoraThemeScope } from '../theme/withZoraThemeScope';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
-
-export interface InlineProps extends ZoraBaseProps, Omit<SurfaceInlineProps, 'mode' | 'themeId'> {}
-
-function InlineInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  ...props
-}: InlineProps) {
-  return <SurfaceInline {...props} />;
-}
-
-/***
- * Arranges children inline with spacing and wrapping behavior.
- *
- 
- */
-export const Inline = withZoraThemeScope(InlineInner);

package/src/foundation/Show.tsx

@@ -1,23 +0,0 @@
-import { Show as SurfaceShow, type ShowProps as SurfaceShowProps } from '@ankhorage/surface';
-import React from 'react';
-
-import { withZoraThemeScope } from '../theme/withZoraThemeScope';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
-
-export interface ShowProps extends ZoraBaseProps, Omit<SurfaceShowProps, 'mode' | 'themeId'> {}
-
-function ShowInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  ...props
-}: ShowProps) {
-  return <SurfaceShow {...props} />;
-}
-
-/***
- * Conditionally renders children for responsive display and breakpoint-based visibility.
- *
- 
- */
-export const Show = withZoraThemeScope(ShowInner);

package/src/foundation/Spacer.tsx

@@ -1,26 +0,0 @@
-import {
-  Spacer as SurfaceSpacer,
-  type SpacerProps as SurfaceSpacerProps,
-} from '@ankhorage/surface';
-import React from 'react';
-
-import { withZoraThemeScope } from '../theme/withZoraThemeScope';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
-
-export interface SpacerProps extends ZoraBaseProps, Omit<SurfaceSpacerProps, 'mode' | 'themeId'> {}
-
-function SpacerInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  ...props
-}: SpacerProps) {
-  return <SurfaceSpacer {...props} />;
-}
-
-/***
- * Adds flexible or fixed empty space in layout compositions.
- *
- 
- */
-export const Spacer = withZoraThemeScope(SpacerInner);

package/src/foundation/index.test.ts

@@ -1,30 +0,0 @@
-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 ZORA foundation export layer', () => {
-    expect(foundationIndex).toMatch(/export type \{/);
-    expect(foundationIndex).toMatch(/CenterProps/);
-    expect(foundationIndex).toMatch(/InlineProps/);
-    expect(foundationIndex).toMatch(/ShowProps/);
-    expect(foundationIndex).toMatch(/SpacerProps/);
-    expect(foundationIndex).not.toMatch(/Box|Container|Grid|Stack|Surface/);
-    expect(foundationIndex).not.toMatch(/@ankhorage\/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

@@ -1,8 +0,0 @@
-export type { CenterProps } from './Center';
-export { Center } from './Center';
-export type { InlineProps } from './Inline';
-export { Inline } from './Inline';
-export type { ShowProps } from './Show';
-export { Show } from './Show';
-export type { SpacerProps } from './Spacer';
-export { Spacer } from './Spacer';

package/src/foundation/meta.ts

@@ -1,36 +0,0 @@
-import type { ZoraComponentMetaRegistry } from '../metadata';
-
-export const foundationMetas = {
-  Center: {
-    name: 'Center',
-    category: 'foundation',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: 'Layout helper component; not represented as a manifest node in v1.',
-    props: {},
-  },
-  Inline: {
-    name: 'Inline',
-    category: 'foundation',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: 'Layout helper component; not represented as a manifest node in v1.',
-    props: {},
-  },
-  Show: {
-    name: 'Show',
-    category: 'foundation',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: 'Responsive utility component; not represented as a manifest node in v1.',
-    props: {},
-  },
-  Spacer: {
-    name: 'Spacer',
-    category: 'foundation',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: 'Spacing utility component; not represented as a manifest node in v1.',
-    props: {},
-  },
-} as const satisfies ZoraComponentMetaRegistry;

package/src/layout/app-shell/AppShell.test.ts

@@ -1,24 +0,0 @@
-import { readFileSync } from 'node:fs';
-import { join } from 'node:path';
-
-import { describe, expect, test } from 'bun:test';
-
-const APP_SHELL_DIR = import.meta.dir;
-
-function readAppShellFile(fileName: string): string {
-  return readFileSync(join(APP_SHELL_DIR, fileName), 'utf8');
-}
-
-describe('AppShell public API', () => {
-  test('does not expose raw style escape hatches', () => {
-    const typesSource = readAppShellFile('types.ts');
-    const implementationSource = readAppShellFile('AppShell.tsx');
-
-    expect(typesSource).not.toContain('StyleProp');
-    expect(typesSource).not.toContain('ViewStyle');
-    expect(typesSource).not.toMatch(/\bstyle\??:/);
-    expect(typesSource).not.toMatch(/\bbodyStyle\??:/);
-    expect(implementationSource).not.toMatch(/\bbodyStyle\b/);
-    expect(implementationSource).not.toMatch(/\bstyle,\s*$/m);
-  });
-});

package/src/layout/app-shell/AppShell.tsx

@@ -1,65 +0,0 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-
-import { Box } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { AppShellProps } from './types';
-
-function AppShellInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  children,
-  header,
-  footer,
-  overlay,
-  testID,
-}: AppShellProps) {
-  return (
-    <Box bg="background" flex={1} testID={testID}>
-      <View style={styles.root}>
-        {header ? <View style={styles.slot}>{header}</View> : null}
-
-        <View style={styles.body}>{children}</View>
-
-        {footer ? <View style={styles.slot}>{footer}</View> : null}
-
-        {overlay ? <View style={[StyleSheet.absoluteFill, styles.overlay]}>{overlay}</View> : null}
-      </View>
-    </Box>
-  );
-}
-
-/***
- * Root application shell with stable header, content, footer, and overlay slots.
- *
- * `AppShell` provides the top-level layout frame for cross-platform apps while
- * leaving navigation, toolbars, and overlays composable through explicit slots.
- *
- 
- * @example App frame
- * ```tsx
- * <AppShell header={<AppBar title="Dashboard" />}>...</AppShell>
- * ```
- */
-export const AppShell = withZoraThemeScope(AppShellInner);
-
-const styles = StyleSheet.create({
-  root: {
-    flex: 1,
-    minHeight: 0,
-    position: 'relative',
-  },
-  body: {
-    flex: 1,
-    minHeight: 0,
-    minWidth: 0,
-  },
-  slot: {
-    flexShrink: 0,
-  },
-  overlay: {
-    pointerEvents: 'box-none',
-    zIndex: 10,
-  },
-});

package/src/layout/app-shell/index.ts

@@ -1,2 +0,0 @@
-export { AppShell } from './AppShell';
-export type { AppShellProps } from './types';

package/src/layout/app-shell/types.ts

@@ -1,10 +0,0 @@
-import type React from 'react';
-
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface AppShellProps extends ZoraBaseProps {
-  children?: React.ReactNode;
-  header?: React.ReactNode;
-  footer?: React.ReactNode;
-  overlay?: React.ReactNode;
-}

package/src/layout/screen/Screen.test.ts

@@ -1,22 +0,0 @@
-import { readFile } from 'node:fs/promises';
-
-import { describe, expect, it } from 'bun:test';
-
-describe('Screen scroll ownership contract', () => {
-  it('keeps scroll=false as a bounded delegated viewport', async () => {
-    const source = await readFile(new URL('./Screen.tsx', import.meta.url), 'utf8');
-
-    expect(source).toContain('if (!scroll)');
-    expect(source).toContain('flex={1} minHeight={0} minWidth={0}');
-    expect(source).toContain('{children}');
-    expect(source).not.toContain('{content}');
-  });
-
-  it('keeps normal scrolling owned by Screen', async () => {
-    const source = await readFile(new URL('./Screen.tsx', import.meta.url), 'utf8');
-
-    expect(source).toContain('<ScrollArea');
-    expect(source).toContain('style={{ flex: 1, minHeight: 0, minWidth: 0 }}');
-    expect(source).toContain('<Container maxWidth={resolvePageMaxWidth(width)}');
-  });
-});

package/src/layout/screen/Screen.tsx

@@ -1,47 +0,0 @@
-import { ScrollArea } from '@ankhorage/surface';
-import React from 'react';
-
-import { Box, Container, Stack } from '../../features/layout/public';
-import { resolvePageMaxWidth } from '../../internal/recipes';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { ScreenProps } from './types';
-
-function ScreenInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  children,
-  footer,
-  scroll = true,
-  width = 'default',
-  testID,
-}: ScreenProps) {
-  if (!scroll) {
-    return (
-      <Box bg="background" flex={1} minHeight={0} minWidth={0} testID={testID}>
-        {children}
-        {footer}
-      </Box>
-    );
-  }
-
-  return (
-    <ScrollArea bg="background" style={{ flex: 1, minHeight: 0, minWidth: 0 }}>
-      <Container maxWidth={resolvePageMaxWidth(width)} py="xl" testID={testID}>
-        <Stack gap="l">
-          {children}
-          {footer}
-        </Stack>
-      </Container>
-    </ScrollArea>
-  );
-}
-
-/**
- * Outer content boundary for one app screen.
- *
- * By default Screen owns normal vertical scrolling. Set `scroll={false}` to preserve a bounded
- * viewport and delegate scroll or gesture ownership to specialized children such as lists, maps,
- * chats, canvases, or editors.
- */
-export const Screen = withZoraThemeScope(ScreenInner);

package/src/layout/screen/index.ts

@@ -1,2 +0,0 @@
-export { Screen } from './Screen';
-export type { ScreenProps } from './types';

package/src/layout/screen/types.ts

@@ -1,11 +0,0 @@
-import type React from 'react';
-
-import type { ZoraContentWidth } from '../../internal/recipes';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface ScreenProps extends ZoraBaseProps {
-  children?: React.ReactNode;
-  footer?: React.ReactNode;
-  scroll?: boolean;
-  width?: ZoraContentWidth;
-}

package/src/layout/screen-section/index.ts

@@ -1,2 +0,0 @@
-export { ScreenSection } from './ScreenSection';
-export type { ScreenSectionProps } from './types';

package/src/layout/screen-section/types.ts

@@ -1,10 +0,0 @@
-import type React from 'react';
-
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface ScreenSectionProps extends ZoraBaseProps {
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-  actions?: React.ReactNode;
-  children?: React.ReactNode;
-}

package/src/layout/settings-layout/SettingsLayout.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-
-import { AppBar } from '../../features/app-bar/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Screen } from '../screen';
-import { SidebarLayout } from '../sidebar-layout';
-import type { SettingsLayoutProps } from './types';
-
-function SettingsLayoutInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  title,
-  description,
-  sidebar,
-  children,
-  actions,
-  testID,
-}: SettingsLayoutProps) {
-  return (
-    <>
-      {title ? <AppBar actions={actions} subtitle={description} title={title} /> : null}
-      <Screen testID={testID}>
-        <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout>
-      </Screen>
-    </>
-  );
-}
-
-/***
- * Settings page layout with app bar, sidebar, and scrollable content area.
- */
-export const SettingsLayout = withZoraThemeScope(SettingsLayoutInner);

package/src/layout/settings-layout/index.ts

@@ -1,2 +0,0 @@
-export { SettingsLayout } from './SettingsLayout';
-export type { SettingsLayoutProps } from './types';

package/src/layout/settings-layout/meta.ts

@@ -1,10 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-
-export const settingsLayoutMeta = {
-  name: 'SettingsLayout',
-  category: 'layout',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Application layout; not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;

package/src/layout/settings-layout/types.ts

@@ -1,11 +0,0 @@
-import type React from 'react';
-
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface SettingsLayoutProps extends ZoraBaseProps {
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-  sidebar: React.ReactNode;
-  children?: React.ReactNode;
-  actions?: React.ReactNode;
-}

package/src/layout/sidebar-layout/SidebarLayout.test.ts

@@ -1,35 +0,0 @@
-import { describe, expect, it } from 'bun:test';
-
-import { resolveSidebarLayoutSizing } from './resolveSidebarLayoutSizing';
-
-describe('SidebarLayout sizing contract', () => {
-  it('keeps content-flow sizing as the default', () => {
-    expect(resolveSidebarLayoutSizing()).toEqual({
-      root: {
-        align: 'flex-start',
-        flex: undefined,
-        minHeight: undefined,
-        minWidth: undefined,
-      },
-      child: {
-        minHeight: undefined,
-        minWidth: undefined,
-      },
-    });
-  });
-
-  it('fills a bounded parent for child-owned scroll areas', () => {
-    expect(resolveSidebarLayoutSizing('fill')).toEqual({
-      root: {
-        align: 'stretch',
-        flex: 1,
-        minHeight: 0,
-        minWidth: 0,
-      },
-      child: {
-        minHeight: 0,
-        minWidth: 0,
-      },
-    });
-  });
-});