@ankhorage/zora 15.0.0 → 17.0.0

package/src/showcaseCoverage.test.ts

@@ -30,6 +30,7 @@ const REQUIRED_SHOWCASE_COVERAGE = {
     'CheckboxGroup',
     'Chip',
     'ChipGroup',
+    'Dialog',
     'Form',
     'FormActions',
     'FormError',
@@ -42,40 +43,24 @@ const REQUIRED_SHOWCASE_COVERAGE = {
     'TextInput',
     'MediaCard',
     'MetricCard',
-    'Modal',
+    'Pagination',
     'Progress',
     'ProgressRing',
     'Radio',
     'RadioGroup',
     'Rating',
-    'SearchBar',
+    'SearchInput',
     'Select',
+    'Tab',
+    'TabList',
+    'TabPanel',
     'Tabs',
     'Text',
     'Toolbar',
-    'ToolbarAction',
-  ],
-  foundation: [
-    'Box',
-    'Center',
-    'Container',
-    'Divider',
-    'Grid',
-    'Inline',
-    'Show',
-    'Spacer',
-    'Stack',
-    'Surface',
   ],
+  foundation: ['Divider', 'Grid', 'Surface', 'View'],
   features: ['Uploader', 'BottomSheet', 'FlatList', 'SectionList'],
-  layouts: [
-    'AppShell',
-    'Screen',
-    'ScreenSection',
-    'SettingsLayout',
-    'SidebarLayout',
-    'TopbarLayout',
-  ],
+  layouts: ['AppShell', 'Screen', 'ScreenSection', 'ScrollView'],
   patterns: [
     'ForgotPasswordForm',
     'OtpForm',
@@ -96,12 +81,10 @@ const REQUIRED_SHOWCASE_COVERAGE = {
     'Panel',
     'ReaderSurface',
     'SectionHeader',
-    'SettingsRow',
     'SwitchField',
     'Timeline',
     'ThemeComposer',
     'PaletteItem',
-    'TileGrid',
     'TreeItem',
     'TreeView',
   ],

package/src/theme/themeScopeStructure.test.ts

@@ -43,16 +43,18 @@ const zoraProviderSource = readSource('ZoraProvider.tsx');
 const themeScopeSource = readSource('ZoraThemeScope.tsx');
 const hocSource = readSource('withZoraThemeScope.tsx');
 
-const scopeGuardDirs = [
-  join(srcDir, 'components'),
-  join(srcDir, 'patterns'),
-  join(srcDir, 'layout'),
-  join(srcDir, 'foundation'),
-] as const;
+const scopeGuardDirs = [join(srcDir, 'patterns')] as const;
 
 const scopeGuardFiles = scopeGuardDirs.flatMap(collectSourceFiles);
 
 const scopedComponentFiles = [
+  join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'AppShell.tsx'),
+  join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'Screen.tsx'),
+  join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'ScreenSection.tsx'),
+  join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'ScrollView.tsx'),
+  join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'View.tsx'),
+  join(srcDir, 'features', 'content-rail', 'adapters', 'inbound', 'ContentRail.tsx'),
+  join(srcDir, 'features', 'palette-item', 'adapters', 'inbound', 'PaletteItem.tsx'),
   join(srcDir, 'features', 'list', 'adapters', 'inbound', 'FlatList.tsx'),
   join(srcDir, 'features', 'list', 'adapters', 'inbound', 'SectionList.tsx'),
   join(srcDir, 'features', 'bottom-sheet', 'adapters', 'inbound', 'BottomSheet.tsx'),
@@ -68,38 +70,35 @@ const scopedComponentFiles = [
   join(srcDir, 'features', 'card', 'adapters', 'inbound', 'MetricCard.tsx'),
   join(srcDir, 'features', 'date-picker', 'adapters', 'inbound', 'DatePicker.native.tsx'),
   join(srcDir, 'features', 'date-picker', 'adapters', 'inbound', 'DatePicker.web.tsx'),
+  join(srcDir, 'features', 'dialog', 'adapters', 'inbound', 'Dialog.tsx'),
   join(srcDir, 'features', 'form', 'checkbox', 'adapters', 'inbound', 'Checkbox.tsx'),
   join(srcDir, 'features', 'form', 'checkbox', 'adapters', 'inbound', 'CheckboxGroup.tsx'),
   join(srcDir, 'features', 'form', 'adapters', 'inbound', 'Form.tsx'),
   join(srcDir, 'features', 'form', 'adapters', 'inbound', 'FormActions.tsx'),
   join(srcDir, 'features', 'form', 'adapters', 'inbound', 'FormError.tsx'),
   join(srcDir, 'features', 'form', 'adapters', 'inbound', 'FormField.tsx'),
+  join(srcDir, 'features', 'form', 'search-input', 'adapters', 'inbound', 'SearchInput.tsx'),
   join(srcDir, 'features', 'form', 'select', 'adapters', 'inbound', 'Select.native.tsx'),
   join(srcDir, 'features', 'form', 'select', 'adapters', 'inbound', 'Select.web.tsx'),
   join(srcDir, 'features', 'typography', 'adapters', 'inbound', 'Heading.tsx'),
   join(srcDir, 'features', 'icon', 'adapters', 'inbound', 'Icon.tsx'),
   join(srcDir, 'features', 'button', 'adapters', 'inbound', 'IconButton.tsx'),
   join(srcDir, 'features', 'form', 'text-input', 'adapters', 'inbound', 'TextInput.tsx'),
-  join(srcDir, 'components', 'modal', 'Modal.tsx'),
+  join(srcDir, 'features', 'pagination', 'adapters', 'inbound', 'Pagination.tsx'),
   join(srcDir, 'features', 'popover-menu', 'adapters', 'inbound', 'PopoverMenu.tsx'),
   join(srcDir, 'features', 'progress', 'adapters', 'inbound', 'Progress.tsx'),
   join(srcDir, 'features', 'form', 'radio', 'adapters', 'inbound', 'Radio.tsx'),
   join(srcDir, 'features', 'form', 'radio', 'adapters', 'inbound', 'RadioGroup.tsx'),
-  join(srcDir, 'components', 'rating', 'Rating.tsx'),
-  join(srcDir, 'components', 'tabs', 'Tabs.tsx'),
+  join(srcDir, 'features', 'rating', 'adapters', 'inbound', 'Rating.tsx'),
+  join(srcDir, 'features', 'tabs', 'adapters', 'inbound', 'Tab.tsx'),
+  join(srcDir, 'features', 'tabs', 'adapters', 'inbound', 'TabList.tsx'),
+  join(srcDir, 'features', 'tabs', 'adapters', 'inbound', 'TabPanel.tsx'),
+  join(srcDir, 'features', 'tabs', 'adapters', 'inbound', 'Tabs.tsx'),
   join(srcDir, 'features', 'time-picker', 'adapters', 'inbound', 'TimePicker.native.tsx'),
   join(srcDir, 'features', 'time-picker', 'adapters', 'inbound', 'TimePicker.web.tsx'),
   join(srcDir, 'features', 'toast', 'adapters', 'inbound', 'Toast.tsx'),
+  join(srcDir, 'features', 'toolbar', 'adapters', 'inbound', 'Toolbar.tsx'),
   join(srcDir, 'features', 'typography', 'adapters', 'inbound', 'Text.tsx'),
-  join(srcDir, 'components', 'toolbar', 'Toolbar.tsx'),
-  join(srcDir, 'components', 'toolbar', 'ToolbarAction.tsx'),
-
-  join(srcDir, 'layout', 'app-shell', 'AppShell.tsx'),
-  join(srcDir, 'layout', 'screen', 'Screen.tsx'),
-  join(srcDir, 'layout', 'screen-section', 'ScreenSection.tsx'),
-  join(srcDir, 'layout', 'settings-layout', 'SettingsLayout.tsx'),
-  join(srcDir, 'layout', 'sidebar-layout', 'SidebarLayout.tsx'),
-  join(srcDir, 'layout', 'topbar-layout', 'TopbarLayout.tsx'),
 
   join(srcDir, 'features', 'auth', 'adapters', 'inbound', 'ForgotPasswordForm.tsx'),
   join(srcDir, 'features', 'auth', 'adapters', 'inbound', 'OtpForm.tsx'),
@@ -116,27 +115,19 @@ const scopedComponentFiles = [
   join(srcDir, 'patterns', 'notice', 'Notice.tsx'),
   join(srcDir, 'patterns', 'panel', 'Panel.tsx'),
   join(srcDir, 'patterns', 'section-header', 'SectionHeader.tsx'),
-  join(srcDir, 'patterns', 'settings-row', 'SettingsRow.tsx'),
   join(srcDir, 'patterns', 'switch-field', 'SwitchField.tsx'),
   join(srcDir, 'patterns', 'timeline', 'Timeline.tsx'),
-  join(srcDir, 'patterns', 'tile-grid', 'PaletteItem.tsx'),
-  join(srcDir, 'patterns', 'tile-grid', 'TileGrid.tsx'),
   join(srcDir, 'patterns', 'tree-view', 'TreeItem.tsx'),
   join(srcDir, 'patterns', 'tree-view', 'TreeView.tsx'),
 
-  join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'Box.tsx'),
-  join(srcDir, 'foundation', 'Center.tsx'),
-  join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'Container.tsx'),
   join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'Divider.tsx'),
   join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'Grid.tsx'),
-  join(srcDir, 'foundation', 'Inline.tsx'),
-  join(srcDir, 'foundation', 'Show.tsx'),
-  join(srcDir, 'foundation', 'Spacer.tsx'),
-  join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'Stack.tsx'),
   join(srcDir, 'features', 'surface', 'adapters', 'inbound', 'Surface.tsx'),
 ] as const;
 
 const scopedPropTypeFiles = [
+  join(srcDir, 'types', 'layout.ts'),
+  join(srcDir, 'types', 'palette-item.ts'),
   join(srcDir, 'types', 'app-bar.ts'),
   join(srcDir, 'types', 'accordion.ts'),
   join(srcDir, 'types', 'badge.ts'),
@@ -148,29 +139,24 @@ const scopedPropTypeFiles = [
   join(srcDir, 'types', 'metric-card.ts'),
   join(srcDir, 'types', 'checkbox.ts'),
   join(srcDir, 'types', 'date-picker.ts'),
+  join(srcDir, 'types', 'dialog.ts'),
   join(srcDir, 'types', 'form.ts'),
   join(srcDir, 'types', 'heading.ts'),
   join(srcDir, 'types', 'icon.ts'),
   join(srcDir, 'types', 'icon-button.ts'),
-  join(srcDir, 'types', 'text-input.ts'),
-  join(srcDir, 'components', 'modal', 'types.ts'),
+  join(srcDir, 'types', 'pagination.ts'),
   join(srcDir, 'types', 'popover-menu.ts'),
   join(srcDir, 'types', 'progress.ts'),
   join(srcDir, 'types', 'radio.ts'),
-  join(srcDir, 'components', 'rating', 'types.ts'),
+  join(srcDir, 'types', 'rating.ts'),
+  join(srcDir, 'types', 'search-input.ts'),
   join(srcDir, 'types', 'select.ts'),
-  join(srcDir, 'components', 'tabs', 'types.ts'),
+  join(srcDir, 'types', 'tabs.ts'),
+  join(srcDir, 'types', 'text-input.ts'),
   join(srcDir, 'types', 'text.ts'),
   join(srcDir, 'types', 'time-picker.ts'),
   join(srcDir, 'types', 'toast.ts'),
-  join(srcDir, 'components', 'toolbar', 'types.ts'),
-
-  join(srcDir, 'layout', 'app-shell', 'types.ts'),
-  join(srcDir, 'layout', 'screen', 'types.ts'),
-  join(srcDir, 'layout', 'screen-section', 'types.ts'),
-  join(srcDir, 'layout', 'settings-layout', 'types.ts'),
-  join(srcDir, 'layout', 'sidebar-layout', 'types.ts'),
-  join(srcDir, 'layout', 'topbar-layout', 'types.ts'),
+  join(srcDir, 'types', 'toolbar.ts'),
 
   join(srcDir, 'types', 'auth.ts'),
   join(srcDir, 'types', 'gradient.ts'),
@@ -182,10 +168,8 @@ const scopedPropTypeFiles = [
   join(srcDir, 'patterns', 'notice', 'types.ts'),
   join(srcDir, 'patterns', 'panel', 'types.ts'),
   join(srcDir, 'patterns', 'section-header', 'types.ts'),
-  join(srcDir, 'patterns', 'settings-row', 'types.ts'),
   join(srcDir, 'patterns', 'switch-field', 'types.ts'),
   join(srcDir, 'patterns', 'timeline', 'types.ts'),
-  join(srcDir, 'patterns', 'tile-grid', 'types.ts'),
   join(srcDir, 'patterns', 'tree-view', 'types.ts'),
 ] as const;
 

package/src/types/button-group.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { StackProps } from '../features/layout/public';
+import type { ViewProps } from '../features/layout/public';
 import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
 export type ButtonGroupAlign = 'start' | 'center' | 'end' | 'stretch' | 'between';
@@ -10,6 +10,6 @@ export interface ButtonGroupProps extends ZoraBaseProps {
   children?: React.ReactNode;
   align?: ButtonGroupAlign;
   orientation?: ButtonGroupOrientation;
-  gap?: StackProps['gap'];
+  gap?: ViewProps['gap'];
   reverse?: boolean;
 }

package/src/types/dialog.ts

@@ -0,0 +1,15 @@
+import type React from 'react';
+
+import type { ZoraContentWidth } from '../internal/recipes';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export interface DialogProps extends ZoraBaseProps {
+  visible: boolean;
+  onDismiss?: () => void;
+  closeOnBackdrop?: boolean;
+  children?: React.ReactNode;
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  footer?: React.ReactNode;
+  width?: ZoraContentWidth;
+}

package/src/types/gradient.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 
-import type { BoxProps } from '../features/layout/public';
+import type { ViewProps } from '../features/layout/public';
 import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
 export type GradientColor = string;
@@ -35,9 +35,9 @@ export interface GradientProps extends ZoraBaseProps {
   locations?: GradientLocations;
   start?: GradientPoint;
   end?: GradientPoint;
-  width?: BoxProps['width'];
-  height?: BoxProps['height'];
-  minHeight?: BoxProps['minHeight'];
-  radius?: BoxProps['radius'];
-  p?: BoxProps['p'];
+  width?: ViewProps['width'];
+  height?: ViewProps['height'];
+  minHeight?: ViewProps['minHeight'];
+  radius?: ViewProps['radius'];
+  p?: ViewProps['p'];
 }

package/src/types/layout.ts

@@ -1,17 +1,38 @@
 import type {
-  BoxProps as SurfaceBoxProps,
-  ContainerProps as SurfaceContainerProps,
   DividerProps as SurfaceDividerProps,
   GridProps as SurfaceGridProps,
-  StackProps as SurfaceStackProps,
+  ScrollViewProps as SurfaceScrollViewProps,
+  ViewProps as SurfaceViewProps,
 } from '@ankhorage/surface';
+import type React from 'react';
 
+import type { ZoraContentWidth } from '../internal/recipes';
 import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
-export interface BoxProps extends ZoraBaseProps, Omit<SurfaceBoxProps, 'mode' | 'themeId'> {}
-export interface ContainerProps
-  extends ZoraBaseProps, Omit<SurfaceContainerProps, 'mode' | 'themeId'> {}
+export interface ViewProps extends ZoraBaseProps, Omit<SurfaceViewProps, 'mode' | 'themeId'> {}
+export interface ScrollViewProps
+  extends ZoraBaseProps, Omit<SurfaceScrollViewProps, 'mode' | 'themeId'> {}
 export interface DividerProps
   extends ZoraBaseProps, Omit<SurfaceDividerProps, 'mode' | 'themeId'> {}
 export interface GridProps extends ZoraBaseProps, Omit<SurfaceGridProps, 'mode' | 'themeId'> {}
-export interface StackProps extends ZoraBaseProps, Omit<SurfaceStackProps, 'mode' | 'themeId'> {}
+
+export interface AppShellProps extends ZoraBaseProps {
+  children?: React.ReactNode;
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+  overlay?: React.ReactNode;
+}
+
+export interface ScreenProps extends ZoraBaseProps {
+  children?: React.ReactNode;
+  footer?: React.ReactNode;
+  scroll?: boolean;
+  width?: ZoraContentWidth;
+}
+
+export interface ScreenSectionProps extends ZoraBaseProps {
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  actions?: React.ReactNode;
+  children?: React.ReactNode;
+}

package/src/{components/pagination/types.ts → types/pagination.ts}

@@ -1,6 +1,4 @@
-import type React from 'react';
-
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
 export interface PaginationProps extends ZoraBaseProps {
   page: number;
@@ -10,10 +8,9 @@ export interface PaginationProps extends ZoraBaseProps {
   siblingCount?: number;
   boundaryCount?: number;
   showFirstLast?: boolean;
-  previousLabel?: React.ReactNode;
-  nextLabel?: React.ReactNode;
-  firstLabel?: React.ReactNode;
-  lastLabel?: React.ReactNode;
+  previousLabel?: string;
+  nextLabel?: string;
+  firstLabel?: string;
+  lastLabel?: string;
   compact?: boolean;
-  testID?: string;
 }

package/src/types/palette-item.ts

@@ -0,0 +1,14 @@
+import type { ButtonIconSpec } from '@ankhorage/surface';
+import type React from 'react';
+
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export interface PaletteItemProps extends ZoraBaseProps {
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  icon?: ButtonIconSpec;
+  badge?: React.ReactNode;
+  selected?: boolean;
+  disabled?: boolean;
+  onPress?: () => void;
+}

package/src/types/rating.ts

@@ -0,0 +1,9 @@
+import type { ZoraColor, ZoraControlSize } from '../internal/recipes';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export interface RatingProps extends ZoraBaseProps {
+  value: number;
+  max?: number;
+  color?: ZoraColor;
+  size?: ZoraControlSize;
+}

package/src/types/search-input.ts

@@ -0,0 +1,14 @@
+import type { ZoraControlSize } from '../internal/recipes';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export interface SearchInputProps extends ZoraBaseProps {
+  value?: string;
+  onValueChange?: (value: string) => void;
+  placeholder?: string;
+  onSubmit?: (value: string) => void;
+  onClear?: () => void;
+  clearable?: boolean;
+  size?: ZoraControlSize;
+  disabled?: boolean;
+  readOnly?: boolean;
+}

package/src/types/skeleton.ts

@@ -1,20 +1,20 @@
-import type { BoxProps, StackProps } from '../features/layout/public';
+import type { ViewProps } from '../features/layout/public';
 import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
-export type SkeletonRadius = BoxProps['radius'];
-export type SkeletonDimension = BoxProps['width'];
+export type SkeletonRadius = ViewProps['radius'];
+export type SkeletonDimension = ViewProps['width'];
 export type SkeletonListVariant = 'divider' | 'card';
 
 export interface SkeletonProps extends ZoraBaseProps {
   width?: SkeletonDimension;
-  height?: BoxProps['height'];
+  height?: ViewProps['height'];
   radius?: SkeletonRadius;
 }
 
 export interface SkeletonTextProps extends ZoraBaseProps {
   lines?: number;
   lineHeight?: number;
-  gap?: StackProps['gap'];
+  gap?: ViewProps['gap'];
   width?: SkeletonDimension;
   lastLineWidth?: SkeletonDimension;
 }

package/src/types/tabs.ts

@@ -0,0 +1,25 @@
+import type React from 'react';
+
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export interface TabsProps extends ZoraBaseProps {
+  children?: React.ReactNode;
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+}
+
+export interface TabListProps extends ZoraBaseProps {
+  children?: React.ReactNode;
+}
+
+export interface TabProps extends ZoraBaseProps {
+  value: string;
+  label: string;
+  disabled?: boolean;
+}
+
+export interface TabPanelProps extends ZoraBaseProps {
+  value: string;
+  children?: React.ReactNode;
+}

package/src/types/toolbar.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export interface ToolbarProps extends ZoraBaseProps {
+  children?: React.ReactNode;
+  floating?: boolean;
+  compact?: boolean;
+}

package/dist/components/modal/Modal.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ModalProps } from './types';
-/***
- * Modal dialog surface with header/content/footer slots.
- */
-export declare const Modal: (props: ModalProps) => React.ReactElement | null;
-//# sourceMappingURL=Modal.d.ts.map

package/dist/components/modal/Modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAmD1C;;GAEG;AACH,eAAO,MAAM,KAAK,kDAAiC,CAAC"}

package/dist/components/modal/Modal.js

@@ -1,39 +0,0 @@
-import { Modal as SurfaceModal } from '@ankhorage/surface';
-import React, { useCallback, useEffect, useRef } from 'react';
-import { Box, Stack } from '../../features/layout/public';
-import { Heading } from '../../features/typography/public';
-import { Text } from '../../features/typography/public';
-import { resolveDialogWidth } from '../../internal/recipes';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-function useStableCallback(callback) {
-    const callbackRef = useRef(callback);
-    useEffect(() => {
-        callbackRef.current = callback;
-    }, [callback]);
-    return useCallback(() => {
-        callbackRef.current?.();
-    }, []);
-}
-function ModalInner({ themeId: _themeId, mode: _mode, children, title, description, footer, width = 'default', onDismiss, interactionPolicy, ...props }) {
-    const hasHeader = title != null || description != null;
-    const stableOnDismiss = useStableCallback(onDismiss);
-    return (<SurfaceModal {...props} onDismiss={stableOnDismiss} interactionPolicy={interactionPolicy}>
-      <Box maxWidth={resolveDialogWidth(width)} style={{ alignSelf: 'center', width: '100%' }}>
-        <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>{children}</Box> : null}
-          {footer ? <Box pt="xs">{footer}</Box> : null}
-        </Stack>
-      </Box>
-    </SurfaceModal>);
-}
-/***
- * Modal dialog surface with header/content/footer slots.
- */
-export const Modal = withZoraThemeScope(ModalInner);
-//# sourceMappingURL=Modal.js.map

package/dist/components/modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,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,UAAU,CAAC,EAClB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,QAAQ,EACR,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAK,GAAG,SAAS,EACjB,SAAS,EACT,iBAAiB,EACjB,GAAG,KAAK,EACG;IACX,MAAM,SAAS,GAAG,KAAK,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,CAAC;IACvD,MAAM,eAAe,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAErD,OAAO,CACL,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACxF;MAAA,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CACtF;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;UAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CACX,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CACb;cAAA,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;cAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;kBAAA,CAAC,WAAW,CACd;gBAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;YAAA,EAAE,KAAK,CAAC,CACT,CAAC,CAAC,CAAC,IAAI,CACR;UAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACxC;UAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC9C;QAAA,EAAE,KAAK,CACT;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,YAAY,CAAC,CAChB,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC","sourcesContent":["import { Modal as SurfaceModal } from '@ankhorage/surface';\nimport React, { useCallback, useEffect, useRef } from 'react';\n\nimport { Box, Stack } from '../../features/layout/public';\nimport { Heading } from '../../features/typography/public';\nimport { Text } from '../../features/typography/public';\nimport { resolveDialogWidth } from '../../internal/recipes';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ModalProps } 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 ModalInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  title,\n  description,\n  footer,\n  width = 'default',\n  onDismiss,\n  interactionPolicy,\n  ...props\n}: ModalProps) {\n  const hasHeader = title != null || description != null;\n  const stableOnDismiss = useStableCallback(onDismiss);\n\n  return (\n    <SurfaceModal {...props} onDismiss={stableOnDismiss} interactionPolicy={interactionPolicy}>\n      <Box maxWidth={resolveDialogWidth(width)} style={{ alignSelf: 'center', width: '100%' }}>\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>{children}</Box> : null}\n          {footer ? <Box pt=\"xs\">{footer}</Box> : null}\n        </Stack>\n      </Box>\n    </SurfaceModal>\n  );\n}\n\n/***\n * Modal dialog surface with header/content/footer slots.\n */\nexport const Modal = withZoraThemeScope(ModalInner);\n"]}

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

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

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

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

package/dist/components/modal/index.js

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

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

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

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

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

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

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

package/dist/components/modal/meta.js

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

package/dist/components/modal/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/modal/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,8DAA8D;IACpE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const modalMeta = {\n  name: 'Modal',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Overlay component; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/modal/types.d.ts

@@ -1,12 +0,0 @@
-import type { ModalProps as SurfaceModalProps } from '@ankhorage/surface';
-import type React from 'react';
-import type { ZoraContentWidth } from '../../internal/recipes';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-export interface ModalProps extends ZoraBaseProps, Pick<Omit<SurfaceModalProps, 'mode' | 'themeId'>, 'closeOnBackdrop' | 'onDismiss' | 'visible'> {
-    children?: React.ReactNode;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    footer?: React.ReactNode;
-    width?: ZoraContentWidth;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/components/modal/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,UACf,SACE,aAAa,EACb,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAAC;IAChG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B"}

package/dist/components/modal/types.js

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

package/dist/components/modal/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/modal/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ModalProps as SurfaceModalProps } from '@ankhorage/surface';\nimport type React from 'react';\n\nimport type { ZoraContentWidth } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface ModalProps\n  extends\n    ZoraBaseProps,\n    Pick<Omit<SurfaceModalProps, 'mode' | 'themeId'>, 'closeOnBackdrop' | 'onDismiss' | 'visible'> {\n  children?: React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  footer?: React.ReactNode;\n  width?: ZoraContentWidth;\n}\n"]}

package/dist/components/pagination/Pagination.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { PaginationProps } from './types';
-/***
- * Pagination control for navigating between pages of results.
- */
-export declare const Pagination: (props: PaginationProps) => React.ReactElement | null;
-//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/pagination/Pagination.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA6L/C;;GAEG;AACH,eAAO,MAAM,UAAU,uDAAsC,CAAC"}