@ankhorage/zora 4.4.1 → 5.0.0

package/src/components/radio/handleRadioOptionKeyDown.test.ts

@@ -0,0 +1,47 @@
+import { expect, test } from 'bun:test';
+import type { KeyboardEvent } from 'react';
+
+import { DIRECTION_MODIFIERS } from '../../constants/keyboard';
+import {
+  handleRadioOptionKeyDown,
+  type RadioOptionKeyboardTarget,
+} from './handleRadioOptionKeyDown';
+
+test('Space selects the focused radio and prevents page scrolling', () => {
+  let selected = 0;
+  let prevented = 0;
+  handleRadioOptionKeyDown(
+    { key: ' ', preventDefault: () => prevented++ } as KeyboardEvent<RadioOptionKeyboardTarget>,
+    () => selected++,
+  );
+  expect(selected).toBe(1);
+  expect(prevented).toBe(1);
+});
+
+for (const [key, direction] of DIRECTION_MODIFIERS) {
+  test(`${key} wraps and skips disabled radio options`, () => {
+    const activated: number[] = [];
+    const focused: number[] = [];
+    let prevented = 0;
+    const options: RadioOptionKeyboardTarget[] = [0, 1, 2, 3].map((index) => ({
+      closest: () => ({ querySelectorAll: () => options }),
+      getAttribute: () => (index === 1 ? 'true' : 'false'),
+      focus: () => focused.push(index),
+      click: () => activated.push(index),
+    }));
+    for (const currentTarget of [options[0], options[2], options[3]]) {
+      handleRadioOptionKeyDown(
+        {
+          key,
+          currentTarget,
+          preventDefault: () => prevented++,
+        } as KeyboardEvent<RadioOptionKeyboardTarget>,
+        () => undefined,
+      );
+    }
+    const expected = direction === 1 ? [2, 3, 0] : [3, 0, 2];
+    expect(focused).toEqual(expected);
+    expect(activated).toEqual(expected);
+    expect(prevented).toBe(3);
+  });
+}

package/src/components/radio/handleRadioOptionKeyDown.ts

@@ -0,0 +1,37 @@
+import type { KeyboardEvent } from 'react';
+
+import { DIRECTION_MODIFIERS } from '../../constants/keyboard';
+
+/*** Support Space and directional navigation for web radio options without affecting native presses. */
+export function handleRadioOptionKeyDown(
+  event: KeyboardEvent<RadioOptionKeyboardTarget>,
+  select: () => void,
+): void {
+  if (event.key === ' ') {
+    event.preventDefault();
+    select();
+    return;
+  }
+  const direction = DIRECTION_MODIFIERS.get(event.key);
+  if (direction === undefined) return;
+  const group = event.currentTarget.closest('[role="radiogroup"]');
+  const options = Array.from(group?.querySelectorAll('[role="radio"]') ?? []).filter(
+    (option) => option.getAttribute('aria-disabled') !== 'true',
+  );
+  const index = options.indexOf(event.currentTarget);
+  if (index < 0 || options.length === 0) return;
+  event.preventDefault();
+  const next = options.at((index + direction + options.length) % options.length);
+  next?.focus();
+  next?.click();
+}
+
+/** Minimal web target contract keeps the native build independent of DOM ambient libraries. */
+export interface RadioOptionKeyboardTarget {
+  closest(
+    selector: string,
+  ): { querySelectorAll(selector: string): ArrayLike<RadioOptionKeyboardTarget> } | null;
+  getAttribute(name: string): string | null;
+  focus(): void;
+  click(): void;
+}

package/src/components/radio/meta.ts

@@ -24,16 +24,16 @@ export const radioGroupMeta = {
   directManifestNode: true,
   allowedChildren: [],
   blueprint: {
-    label: 'Radio group',
+    label: 'Radio button group',
     defaultProps: {
-      value: 'option-b',
+      defaultValue: 'option-b',
       options: [
         { value: 'option-a', label: 'First option', description: 'Supporting detail' },
         { value: 'option-b', label: 'Second option', description: 'Supporting detail' },
         { value: 'option-c', label: 'Third option', description: 'Supporting detail' },
       ],
       orientation: 'vertical',
-      presentation: 'inline',
+      presentation: 'card',
       invalid: false,
       readOnly: false,
       disabled: false,
@@ -76,6 +76,12 @@ export const radioGroupMeta = {
     },
   },
   props: {
+    defaultValue: {
+      type: 'string',
+      category: 'State',
+      label: 'Initial value',
+      authoring: { authority: 'instance' },
+    },
     value: {
       type: 'string',
       category: 'State',
@@ -111,6 +117,10 @@ export const radioGroupMeta = {
             label: 'Description',
           },
         },
+        {
+          key: 'iconSource',
+          schema: { type: 'media', category: 'Content', label: 'Icon', mediaKinds: ['image'] },
+        },
         {
           key: 'disabled',
           schema: {
@@ -146,6 +156,21 @@ export const radioGroupMeta = {
       default: 'inline',
       authoring: { authority: 'instance' },
     },
+    contentOrientation: {
+      type: 'enum',
+      category: 'Layout',
+      label: 'Option content orientation',
+      enum: ['horizontal', 'vertical'],
+      default: 'horizontal',
+      authoring: { authority: 'instance' },
+    },
+    columns: {
+      type: 'enum',
+      category: 'Layout',
+      label: 'Option columns',
+      enum: [1, 2, 3, 4],
+      authoring: { authority: 'instance' },
+    },
     color: {
       type: 'enum',
       category: 'Style',

package/src/components/radio/resolveRadioOptionColors.test.ts

@@ -0,0 +1,29 @@
+import { createTheme } from '@ankhorage/surface/theme';
+import { expect, test } from 'bun:test';
+
+import { resolveRadioOptionColors } from './resolveRadioOptionColors';
+
+const source = {
+  id: 'radio',
+  name: 'Radio',
+  light: { primaryColor: '#0060FF', harmony: 'monochromatic' as const },
+  dark: { primaryColor: '#0060FF', harmony: 'monochromatic' as const },
+};
+
+for (const mode of ['light', 'dark'] as const) {
+  test(`radio selection preserves role contrast and field states in ${mode} mode`, () => {
+    const theme = createTheme(source, mode);
+    const selected = resolveRadioOptionColors(theme, { color: 'secondary' });
+    expect(selected.accent).toBe(theme.semantics.secondary.base);
+    expect(selected.onAccent).toBe(theme.semantics.secondary.onSolidText);
+    const invalid = resolveRadioOptionColors(theme, { color: 'secondary', invalid: true });
+    expect(invalid.accent).toBe(theme.semantics.error.base);
+    const disabled = resolveRadioOptionColors(theme, {
+      color: 'secondary',
+      invalid: true,
+      disabled: true,
+    });
+    expect(disabled.accent).toBe(theme.semantics.content.disabled);
+    expect(disabled.surface).toBe(theme.semantics.surface.disabled);
+  });
+}

package/src/components/radio/resolveRadioOptionColors.ts

@@ -0,0 +1,37 @@
+import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';
+
+import type { RadioGroupProps } from './types';
+
+/*** Resolve selection-card decoration from the requested semantic role and field state. */
+export function resolveRadioOptionColors(
+  theme: SurfaceTheme,
+  {
+    color = 'primary',
+    invalid,
+    disabled,
+  }: Pick<RadioGroupProps<string>, 'color' | 'invalid' | 'disabled'>,
+) {
+  const roles = new Map<string, RoleSemantics>([
+    ['primary', theme.semantics.action.primary],
+    ['secondary', theme.semantics.secondary],
+    ['tertiary', theme.semantics.accent],
+    ['quaternary', theme.semantics.highlight],
+    ['neutral', theme.semantics.action.neutral],
+    ['danger', theme.semantics.action.danger],
+    ['error', theme.semantics.error],
+    ['success', theme.semantics.success],
+    ['warning', theme.semantics.warning],
+    ['info', theme.semantics.info],
+  ]);
+  const role = roles.get(invalid ? 'error' : color) ?? theme.semantics.action.primary;
+  return {
+    accent: disabled ? theme.semantics.content.disabled : role.base,
+    onAccent: disabled ? theme.semantics.surface.disabled : role.onSolidText,
+    border: disabled
+      ? theme.semantics.border.subtle
+      : invalid
+        ? role.outline
+        : theme.semantics.border.default,
+    surface: disabled ? theme.semantics.surface.disabled : theme.semantics.surface.default,
+  };
+}

package/src/components/radio/types.ts

@@ -2,6 +2,7 @@ import type { RadioProps as SurfaceRadioProps } from '@ankhorage/surface';
 import type React from 'react';
 
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { IconProps } from '../icon';
 
 export interface RadioProps extends ZoraBaseProps, Omit<SurfaceRadioProps, 'mode' | 'themeId'> {}
 
@@ -9,6 +10,8 @@ export interface RadioGroupOption<TValue extends string> {
   value: TValue;
   label: React.ReactNode;
   description?: React.ReactNode;
+  /** SVG media is resolved by the consuming runtime before rendering. */
+  iconSource?: Extract<IconProps, { source: unknown }>['source'];
   disabled?: boolean;
   testID?: string;
 }
@@ -20,10 +23,15 @@ export interface RadioGroupProps<TValue extends string>
       Omit<SurfaceRadioProps, 'mode' | 'themeId'>,
       'color' | 'size' | 'invalid' | 'readOnly' | 'disabled'
     > {
-  value: TValue;
-  onValueChange: (value: TValue) => void;
+  value?: TValue;
+  defaultValue?: TValue;
+  onValueChange?: (value: TValue) => void;
   options: readonly RadioGroupOption<TValue>[];
   orientation?: 'horizontal' | 'vertical';
   gap?: 'xs' | 's' | 'm' | 'l';
   presentation?: 'inline' | 'card';
+  /** Arrangement inside a selection card, independent of the group direction. */
+  contentOrientation?: 'horizontal' | 'vertical';
+  /** Equal-width card columns; omitted columns follow orientation. */
+  columns?: 1 | 2 | 3 | 4;
 }

package/src/constants/keyboard.ts

@@ -0,0 +1,7 @@
+/** Shared arrow-key offsets; string keys also permit lookup of unrelated keyboard events. */
+export const DIRECTION_MODIFIERS: ReadonlyMap<string, number> = new Map([
+  ['ArrowRight', 1],
+  ['ArrowDown', 1],
+  ['ArrowLeft', -1],
+  ['ArrowUp', -1],
+]);

package/src/index.ts

@@ -39,8 +39,6 @@ export type {
 export { DataTable } from './components/data-table';
 export type { DatePickerProps, DatePickerValue } from './components/date-picker';
 export { DatePicker } from './components/date-picker';
-export type { DrawerProps } from './components/drawer';
-export { Drawer } from './components/drawer';
 export type {
   FormActionsProps,
   FormErrorProps,
@@ -105,14 +103,6 @@ export type { MetricCardProps } from './components/metric-card';
 export { MetricCard } from './components/metric-card';
 export type { ModalProps } from './components/modal';
 export { Modal } from './components/modal';
-export type {
-  NavigationItemProps,
-  ZoraNavigationRouteMetadata,
-  ZoraNavigationRouteState,
-} from './components/navigation-item';
-export { NavigationItem } from './components/navigation-item';
-export type { NavigationListProps, ZoraNavigationRouteMap } from './components/navigation-list';
-export { NavigationList } from './components/navigation-list';
 export type { PaginationProps } from './components/pagination';
 export { Pagination } from './components/pagination';
 export type { ProgressProps, ProgressRingProps } from './components/progress';
@@ -356,15 +346,6 @@ export type {
   ReaderSurfaceProps,
 } from './patterns/reader';
 export { ReaderSurface, resolveReaderProgress } from './patterns/reader';
-export type {
-  ResponsivePanelDesktopMode,
-  ResponsivePanelMobileMode,
-  ResponsivePanelProps,
-  ResponsivePanelScroll,
-  ResponsivePanelSide,
-  ResponsivePanelSize,
-} from './patterns/responsive-panel';
-export { ResponsivePanel } from './patterns/responsive-panel';
 export type {
   BarcodeScannerViewProps,
   BarcodeScanResult,
@@ -396,10 +377,6 @@ export type { TimelineItem, TimelineProps } from './patterns/timeline';
 export { Timeline } from './patterns/timeline';
 export type { TreeItemNode, TreeItemRenderProps, TreeViewProps } from './patterns/tree-view';
 export { TreeItem, TreeView } from './patterns/tree-view';
-export type { ZoraDrawerContentProps } from './patterns/zora-drawer-content';
-export { ZoraDrawerContent } from './patterns/zora-drawer-content';
-export type { ZoraTabBarProps } from './patterns/zora-tab-bar';
-export { ZoraTabBar } from './patterns/zora-tab-bar';
 export type {
   ComposedZoraPluginCatalog,
   ComposedZoraPluginMetadataCatalog,

package/src/interactionPolicy.test.ts

@@ -44,7 +44,6 @@ describe('InteractionPolicy declaration', () => {
       readPattern('product-card', 'types.ts'),
       readPattern('reader', 'types.ts'),
       readPattern('scanner', 'types.ts'),
-      readPattern('zora-tab-bar', 'types.ts'),
       readComponent('select', 'types.ts'),
       readPattern('tree-view', 'types.ts'),
     ];
@@ -229,22 +228,6 @@ describe('BarcodeScannerView', () => {
   });
 });
 
-describe('ZoraTabBar', () => {
-  test('does not discard interactionPolicy', () => {
-    const source = readPattern('zora-tab-bar', 'ZoraTabBar.tsx');
-
-    expect(source).not.toMatch(/interactionPolicy:\s*_interactionPolicy/);
-  });
-
-  test('prevents navigation under passive without disabled semantics', () => {
-    const source = readPattern('zora-tab-bar', 'ZoraTabBar.tsx');
-
-    expect(source).toMatch(/onPress=\{[\s\S]*?interactionPolicy === 'passive'\s*\?\s*undefined/);
-    expect(source).not.toMatch(/disabled:\s*interactionPolicy === 'passive'/);
-    expect(source).not.toMatch(/accessibilityState.*disabled.*interactionPolicy === 'passive'/);
-  });
-});
-
 describe('Select', () => {
   test('keeps Picker enabled controlled only by real disabled prop', () => {
     const source = readComponent('select', 'Select.tsx');

package/src/metadata/componentMeta.test.ts

@@ -210,6 +210,7 @@ describe('ZORA_COMPONENT_META invariants', () => {
       'value',
       'label',
       'description',
+      'iconSource',
       'disabled',
     ]);
     expect(radioGroup.bindings?.props?.value?.value).toEqual({ type: 'string' });

package/src/metadata/componentMeta.ts

@@ -12,7 +12,6 @@ import { chipMeta } from '../components/chip/meta';
 import { chipGroupMeta } from '../components/chip-group/meta';
 import { dataTableMeta } from '../components/data-table/meta';
 import { datePickerMeta } from '../components/date-picker/meta';
-import { drawerMeta } from '../components/drawer/meta';
 import { formActionsMeta, formErrorMeta, formFieldMeta, formMeta } from '../components/form/meta';
 import { gradientMeta } from '../components/gradient/meta';
 import { headingMeta } from '../components/heading/meta';
@@ -24,8 +23,6 @@ import { mediaCardMeta } from '../components/media-card/meta';
 import { dropdownMenuMeta, menuMeta } from '../components/menu/meta';
 import { metricCardMeta } from '../components/metric-card/meta';
 import { modalMeta } from '../components/modal/meta';
-import { navigationItemMeta } from '../components/navigation-item/meta';
-import { navigationListMeta } from '../components/navigation-list/meta';
 import { paginationMeta } from '../components/pagination/meta';
 import { progressMeta, progressRingMeta } from '../components/progress/meta';
 import { radioGroupMeta, radioMeta } from '../components/radio/meta';
@@ -79,7 +76,6 @@ import { panelMeta } from '../patterns/panel/meta';
 import { postCardMeta } from '../patterns/post-card/meta';
 import { productCardMeta } from '../patterns/product-card/meta';
 import { readerSurfaceMeta } from '../patterns/reader/meta';
-import { responsivePanelMeta } from '../patterns/responsive-panel/meta';
 import {
   barcodeScannerViewMeta,
   cameraPermissionViewMeta,
@@ -93,8 +89,6 @@ import { themeComposerMeta } from '../patterns/theme-composer/meta';
 import { paletteItemMeta, tileGridMeta } from '../patterns/tile-grid/meta';
 import { timelineMeta } from '../patterns/timeline/meta';
 import { treeItemMeta, treeViewMeta } from '../patterns/tree-view/meta';
-import { zoraDrawerContentMeta } from '../patterns/zora-drawer-content/meta';
-import { zoraTabBarMeta } from '../patterns/zora-tab-bar/meta';
 import { themeModeToggleMeta } from '../theme/ThemeModeToggle.meta';
 import type { ZoraComponentMetaRegistry } from './types';
 
@@ -116,7 +110,6 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   ChipGroup: chipGroupMeta,
   DataTable: dataTableMeta,
   DatePicker: datePickerMeta,
-  Drawer: drawerMeta,
   DropdownMenu: dropdownMenuMeta,
   Form: formMeta,
   FormActions: formActionsMeta,
@@ -132,8 +125,6 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   Menu: menuMeta,
   MetricCard: metricCardMeta,
   Modal: modalMeta,
-  NavigationItem: navigationItemMeta,
-  NavigationList: navigationListMeta,
   Pagination: paginationMeta,
   Progress: progressMeta,
   ProgressRing: progressRingMeta,
@@ -188,7 +179,6 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   Panel: panelMeta,
   PostCard: postCardMeta,
   ProductCard: productCardMeta,
-  ResponsivePanel: responsivePanelMeta,
   ReaderSurface: readerSurfaceMeta,
   BarcodeScannerView: barcodeScannerViewMeta,
   CameraPermissionView: cameraPermissionViewMeta,
@@ -204,6 +194,4 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   Timeline: timelineMeta,
   TreeItem: treeItemMeta,
   TreeView: treeViewMeta,
-  ZoraDrawerContent: zoraDrawerContentMeta,
-  ZoraTabBar: zoraTabBarMeta,
 };

package/src/registry.ts

@@ -15,7 +15,6 @@ import { Chip } from './components/chip';
 import { ChipGroup } from './components/chip-group';
 import { DataTable } from './components/data-table';
 import { DatePicker } from './components/date-picker';
-import { Drawer } from './components/drawer';
 import { Form, FormActions, FormError, FormField } from './components/form';
 import { Gradient } from './components/gradient';
 import { Heading } from './components/heading';
@@ -27,8 +26,6 @@ import { MediaCard } from './components/media-card';
 import { DropdownMenu, Menu } from './components/menu';
 import { MetricCard } from './components/metric-card';
 import { Modal } from './components/modal';
-import { NavigationItem } from './components/navigation-item';
-import { NavigationList } from './components/navigation-list';
 import { Pagination } from './components/pagination';
 import { Progress, ProgressRing } from './components/progress';
 import { Radio, RadioGroup } from './components/radio';
@@ -88,7 +85,6 @@ import { Panel } from './patterns/panel';
 import { PostCard } from './patterns/post-card';
 import { ProductCard } from './patterns/product-card';
 import { ReaderSurface } from './patterns/reader';
-import { ResponsivePanel } from './patterns/responsive-panel';
 import { BarcodeScannerView, CameraPermissionView, ScanOverlay } from './patterns/scanner';
 import { SectionHeader } from './patterns/section-header';
 import { SelectableItem } from './patterns/selection';
@@ -98,8 +94,6 @@ import { ThemeComposer } from './patterns/theme-composer';
 import { PaletteItem, TileGrid } from './patterns/tile-grid';
 import { Timeline } from './patterns/timeline';
 import { TreeItem, TreeView } from './patterns/tree-view';
-import { ZoraDrawerContent } from './patterns/zora-drawer-content';
-import { ZoraTabBar } from './patterns/zora-tab-bar';
 import { ThemeModeToggle } from './theme/ThemeModeToggle';
 
 export type ZoraComponentRegistry = Readonly<Record<string, React.ElementType>>;
@@ -144,7 +138,6 @@ const _ZORA_COMPONENT_REGISTRY = {
   ChipGroup,
   DataTable,
   DatePicker,
-  Drawer,
   DropdownMenu,
   Form,
   FormActions,
@@ -160,8 +153,6 @@ const _ZORA_COMPONENT_REGISTRY = {
   Menu,
   MetricCard,
   Modal,
-  NavigationItem,
-  NavigationList,
   Pagination,
   Progress,
   ProgressRing,
@@ -225,7 +216,6 @@ const _ZORA_COMPONENT_REGISTRY = {
   Panel,
   PostCard,
   ProductCard,
-  ResponsivePanel,
   ReaderSurface,
   BarcodeScannerView,
   CameraPermissionView,
@@ -240,8 +230,6 @@ const _ZORA_COMPONENT_REGISTRY = {
   Timeline,
   TreeItem,
   TreeView,
-  ZoraDrawerContent,
-  ZoraTabBar,
 } as const satisfies ZoraComponentRegistry;
 
 export const ZORA_COMPONENT_REGISTRY: ZoraComponentRegistry = _ZORA_COMPONENT_REGISTRY;

package/src/showcaseCoverage.test.ts

@@ -28,7 +28,6 @@ const REQUIRED_SHOWCASE_COVERAGE = {
     'CheckboxGroup',
     'Chip',
     'ChipGroup',
-    'Drawer',
     'Form',
     'FormActions',
     'FormError',
@@ -41,8 +40,6 @@ const REQUIRED_SHOWCASE_COVERAGE = {
     'MediaCard',
     'MetricCard',
     'Modal',
-    'NavigationItem',
-    'NavigationList',
     'Progress',
     'ProgressRing',
     'Radio',
@@ -97,7 +94,6 @@ const REQUIRED_SHOWCASE_COVERAGE = {
     'ImageUploadField',
     'Notice',
     'Panel',
-    'ResponsivePanel',
     'ReaderSurface',
     'SectionHeader',
     'SettingsRow',
@@ -108,8 +104,6 @@ const REQUIRED_SHOWCASE_COVERAGE = {
     'TileGrid',
     'TreeItem',
     'TreeView',
-    'ZoraDrawerContent',
-    'ZoraTabBar',
   ],
 } as const;
 

package/src/theme/themeScopeStructure.test.ts

@@ -62,7 +62,6 @@ const scopedComponentFiles = [
   join(srcDir, 'components', 'metric-card', 'MetricCard.tsx'),
   join(srcDir, 'components', 'checkbox', 'Checkbox.tsx'),
   join(srcDir, 'components', 'checkbox', 'CheckboxGroup.tsx'),
-  join(srcDir, 'components', 'drawer', 'Drawer.tsx'),
   join(srcDir, 'components', 'form', 'Form.tsx'),
   join(srcDir, 'components', 'form', 'FormActions.tsx'),
   join(srcDir, 'components', 'form', 'FormError.tsx'),
@@ -105,7 +104,6 @@ const scopedComponentFiles = [
   join(srcDir, 'patterns', 'list', 'ListSection.tsx'),
   join(srcDir, 'patterns', 'notice', 'Notice.tsx'),
   join(srcDir, 'patterns', 'panel', 'Panel.tsx'),
-  join(srcDir, 'patterns', 'responsive-panel', 'ResponsivePanel.tsx'),
   join(srcDir, 'patterns', 'section-header', 'SectionHeader.tsx'),
   join(srcDir, 'patterns', 'settings-row', 'SettingsRow.tsx'),
   join(srcDir, 'patterns', 'switch-field', 'SwitchField.tsx'),
@@ -136,7 +134,6 @@ const scopedPropTypeFiles = [
   join(srcDir, 'components', 'media-card', 'types.ts'),
   join(srcDir, 'components', 'metric-card', 'types.ts'),
   join(srcDir, 'components', 'checkbox', 'types.ts'),
-  join(srcDir, 'components', 'drawer', 'types.ts'),
   join(srcDir, 'components', 'form', 'types.ts'),
   join(srcDir, 'components', 'heading', 'types.ts'),
   join(srcDir, 'components', 'icon', 'Icon.tsx'),
@@ -169,7 +166,6 @@ const scopedPropTypeFiles = [
   join(srcDir, 'patterns', 'list', 'types.ts'),
   join(srcDir, 'patterns', 'notice', 'types.ts'),
   join(srcDir, 'patterns', 'panel', 'types.ts'),
-  join(srcDir, 'patterns', 'responsive-panel', 'types.ts'),
   join(srcDir, 'patterns', 'section-header', 'types.ts'),
   join(srcDir, 'patterns', 'settings-row', 'types.ts'),
   join(srcDir, 'patterns', 'switch-field', 'types.ts'),

package/dist/components/drawer/Drawer.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { DrawerProps } from './types';
-/***
- * Side panel overlay for navigation, settings, and secondary content.
- */
-export declare const Drawer: (props: DrawerProps) => React.ReactElement | null;
-//# sourceMappingURL=Drawer.d.ts.map

package/dist/components/drawer/Drawer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAM9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAgD3C;;GAEG;AACH,eAAO,MAAM,MAAM,mDAAkC,CAAC"}

package/dist/components/drawer/Drawer.js

@@ -1,36 +0,0 @@
-import { Drawer as SurfaceDrawer } from '@ankhorage/surface';
-import React, { useCallback, useEffect, useRef } from 'react';
-import { Box, Stack } from '../../foundation';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Heading } from '../heading';
-import { Text } from '../text';
-function useStableCallback(callback) {
-    const callbackRef = useRef(callback);
-    useEffect(() => {
-        callbackRef.current = callback;
-    }, [callback]);
-    return useCallback(() => {
-        callbackRef.current?.();
-    }, []);
-}
-function DrawerInner({ themeId: _themeId, mode: _mode, children, title, description, footer, onDismiss, interactionPolicy, ...props }) {
-    const hasHeader = title != null || description != null;
-    const stableOnDismiss = useStableCallback(onDismiss);
-    return (<SurfaceDrawer {...props} onDismiss={stableOnDismiss} interactionPolicy={interactionPolicy}>
-      <Stack gap="m">
-        {hasHeader ? (<Stack gap="xs">
-            {title ? <Heading level={3}>{title}</Heading> : null}
-            {description ? (<Text emphasis="muted" variant="bodySmall">
-                {description}
-              </Text>) : null}
-          </Stack>) : null}
-        {children ? <Box flex={1}>{children}</Box> : null}
-        {footer ? <Box pt="xs">{footer}</Box> : null}
-      </Stack>
-    </SurfaceDrawer>);
-}
-/***
- * Side panel overlay for navigation, settings, and secondary content.
- */
-export const Drawer = withZoraThemeScope(DrawerInner);
-//# sourceMappingURL=Drawer.js.map

package/dist/components/drawer/Drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,SAAS,iBAAiB,CAAC,QAAkC;IAC3D,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,WAAW,CAAC,GAAG,EAAE;QACtB,WAAW,CAAC,OAAO,EAAE,EAAE,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,QAAQ,EACR,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,GAAG,KAAK,EACI;IACZ,MAAM,SAAS,GAAG,KAAK,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,CAAC;IACvD,MAAM,eAAe,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAErD,OAAO,CACL,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACzF;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;QAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CACX,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CACb;YAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CACpD;YAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;gBAAA,CAAC,WAAW,CACd;cAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;UAAA,EAAE,KAAK,CAAC,CACT,CAAC,CAAC,CAAC,IAAI,CACR;QAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACjD;QAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC9C;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC","sourcesContent":["import { Drawer as SurfaceDrawer } from '@ankhorage/surface';\nimport React, { useCallback, useEffect, useRef } from 'react';\n\nimport { Box, Stack } from '../../foundation';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Heading } from '../heading';\nimport { Text } from '../text';\nimport type { DrawerProps } from './types';\n\nfunction useStableCallback(callback: (() => void) | undefined): (() => void) | undefined {\n  const callbackRef = useRef(callback);\n\n  useEffect(() => {\n    callbackRef.current = callback;\n  }, [callback]);\n\n  return useCallback(() => {\n    callbackRef.current?.();\n  }, []);\n}\n\nfunction DrawerInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  title,\n  description,\n  footer,\n  onDismiss,\n  interactionPolicy,\n  ...props\n}: DrawerProps) {\n  const hasHeader = title != null || description != null;\n  const stableOnDismiss = useStableCallback(onDismiss);\n\n  return (\n    <SurfaceDrawer {...props} onDismiss={stableOnDismiss} interactionPolicy={interactionPolicy}>\n      <Stack gap=\"m\">\n        {hasHeader ? (\n          <Stack gap=\"xs\">\n            {title ? <Heading level={3}>{title}</Heading> : null}\n            {description ? (\n              <Text emphasis=\"muted\" variant=\"bodySmall\">\n                {description}\n              </Text>\n            ) : null}\n          </Stack>\n        ) : null}\n        {children ? <Box flex={1}>{children}</Box> : null}\n        {footer ? <Box pt=\"xs\">{footer}</Box> : null}\n      </Stack>\n    </SurfaceDrawer>\n  );\n}\n\n/***\n * Side panel overlay for navigation, settings, and secondary content.\n */\nexport const Drawer = withZoraThemeScope(DrawerInner);\n"]}

package/dist/components/drawer/index.d.ts

@@ -1,3 +0,0 @@
-export { Drawer } from './Drawer';
-export type { DrawerProps } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/drawer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/drawer/index.js

@@ -1,2 +0,0 @@
-export { Drawer } from './Drawer';
-//# sourceMappingURL=index.js.map

package/dist/components/drawer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { Drawer } from './Drawer';\nexport type { DrawerProps } from './types';\n"]}

package/dist/components/drawer/meta.d.ts

@@ -1,9 +0,0 @@
-export declare const drawerMeta: {
-    readonly name: "Drawer";
-    readonly category: "component";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Shell/navigation component; not represented as a manifest node in v1.";
-    readonly props: {};
-};
-//# sourceMappingURL=meta.d.ts.map

package/dist/components/drawer/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;CAOe,CAAC"}

package/dist/components/drawer/meta.js

@@ -1,9 +0,0 @@
-export const drawerMeta = {
-    name: 'Drawer',
-    category: 'component',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: 'Shell/navigation component; not represented as a manifest node in v1.',
-    props: {},
-};
-//# sourceMappingURL=meta.js.map