@ankhorage/zora 15.0.0 → 16.0.0

package/src/metadata/componentMeta.ts

@@ -1,9 +1,3 @@
-import { modalMeta } from '../components/modal/meta';
-import { paginationMeta } from '../components/pagination/meta';
-import { ratingMeta } from '../components/rating/meta';
-import { searchBarMeta } from '../components/search-bar/meta';
-import { tabsMeta } from '../components/tabs/meta';
-import { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';
 import { accordionItemMeta } from '../features/accordion/accordionItemMeta';
 import { accordionMeta } from '../features/accordion/accordionMeta';
 import { activityIndicatorMeta } from '../features/activity-indicator/activityIndicatorMeta';
@@ -31,6 +25,7 @@ import { chipGroupMeta } from '../features/chip/chipGroupMeta';
 import { chipMeta } from '../features/chip/chipMeta';
 import { dataTableMeta } from '../features/data-table/dataTableMeta';
 import { datePickerMeta } from '../features/date-picker/datePickerMeta';
+import { dialogMeta } from '../features/dialog/dialogMeta';
 import { emptyStateMeta } from '../features/empty-state/emptyStateMeta';
 import { checkboxGroupMeta, checkboxMeta } from '../features/form/checkbox/checkboxMeta';
 import { formActionsMeta } from '../features/form/formActionsMeta';
@@ -38,6 +33,7 @@ import { formErrorMeta } from '../features/form/formErrorMeta';
 import { formFieldMeta } from '../features/form/formFieldMeta';
 import { formMeta } from '../features/form/formMeta';
 import { radioGroupMeta, radioMeta } from '../features/form/radio/radioMeta';
+import { searchInputMeta } from '../features/form/search-input/searchInputMeta';
 import { selectMeta } from '../features/form/select/selectMeta';
 import { textInputMeta } from '../features/form/text-input/textInputMeta';
 import { gradientMeta } from '../features/gradient/gradientMeta';
@@ -54,8 +50,10 @@ import { stackMeta } from '../features/layout/stackMeta';
 import { flatListMeta } from '../features/list/flatListMeta';
 import { sectionListMeta } from '../features/list/sectionListMeta';
 import { missingElementMeta } from '../features/missing-element/missingElementMeta';
+import { paginationMeta } from '../features/pagination/paginationMeta';
 import { popoverMenuMeta } from '../features/popover-menu/popoverMenuMeta';
 import { progressMeta, progressRingMeta } from '../features/progress/progressMeta';
+import { ratingMeta } from '../features/rating/ratingMeta';
 import {
   skeletonCardMeta,
   skeletonListMeta,
@@ -63,9 +61,14 @@ import {
   skeletonTextMeta,
 } from '../features/skeleton/skeletonMeta';
 import { surfaceMeta } from '../features/surface/surfaceMeta';
+import { tabListMeta } from '../features/tabs/tabListMeta';
+import { tabMeta } from '../features/tabs/tabMeta';
+import { tabPanelMeta } from '../features/tabs/tabPanelMeta';
+import { tabsMeta } from '../features/tabs/tabsMeta';
 import { timePickerMeta } from '../features/time-picker/timePickerMeta';
 import { toastMeta } from '../features/toast/toastMeta';
 import { toastProviderMeta } from '../features/toast/toastProviderMeta';
+import { toolbarMeta } from '../features/toolbar/toolbarMeta';
 import { headingMeta } from '../features/typography/headingMeta';
 import { textMeta } from '../features/typography/textMeta';
 import { uploaderMeta } from '../features/uploader/uploaderMeta';
@@ -128,6 +131,7 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = finalizeFeatureMet
   ChipGroup: chipGroupMeta,
   DataTable: dataTableMeta,
   DatePicker: datePickerMeta,
+  Dialog: dialogMeta,
   Form: formMeta,
   FormActions: formActionsMeta,
   FormError: formErrorMeta,
@@ -141,7 +145,6 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = finalizeFeatureMet
   TextInput: textInputMeta,
   MediaCard: mediaCardMeta,
   MetricCard: metricCardMeta,
-  Modal: modalMeta,
   Pagination: paginationMeta,
   PopoverMenu: popoverMenuMeta,
   Progress: progressMeta,
@@ -149,19 +152,21 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = finalizeFeatureMet
   Radio: radioMeta,
   RadioGroup: radioGroupMeta,
   Rating: ratingMeta,
-  SearchBar: searchBarMeta,
+  SearchInput: searchInputMeta,
   Select: selectMeta,
   Skeleton: skeletonMeta,
   SkeletonCard: skeletonCardMeta,
   SkeletonList: skeletonListMeta,
   SkeletonText: skeletonTextMeta,
+  Tab: tabMeta,
+  TabList: tabListMeta,
+  TabPanel: tabPanelMeta,
   Tabs: tabsMeta,
   Text: textMeta,
   TimePicker: timePickerMeta,
   Toast: toastMeta,
   ToastProvider: toastProviderMeta,
   Toolbar: toolbarMeta,
-  ToolbarAction: toolbarActionMeta,
   Uploader: uploaderMeta,
   BottomSheet: bottomSheetMeta,
   FlatList: flatListMeta,

package/src/patterns/confirm-dialog/ConfirmDialog.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import { Modal } from '../../components/modal';
 import { Button } from '../../features/button/public';
+import { Dialog } from '../../features/dialog/public';
 import { Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { ConfirmDialogProps } from './types';
@@ -25,7 +25,7 @@ function ConfirmDialogInner({
   interactionPolicy,
 }: ConfirmDialogProps) {
   return (
-    <Modal
+    <Dialog
       closeOnBackdrop={closeOnBackdrop}
       description={description}
       interactionPolicy={interactionPolicy}
@@ -57,7 +57,7 @@ function ConfirmDialogInner({
       width="narrow"
     >
       {children}
-    </Modal>
+    </Dialog>
   );
 }
 

package/src/patterns/theme-composer/ThemeComposer.tsx

@@ -3,10 +3,10 @@ import type { AppCategory } from '@ankhorage/contracts';
 import { APP_CATEGORIES } from '@ankhorage/contracts';
 import React from 'react';
 
-import { Tabs } from '../../components/tabs';
 import { Badge } from '../../features/badge/public';
 import { Button } from '../../features/button/public';
 import { Card } from '../../features/card/public';
+import { ChipGroup } from '../../features/chip/public';
 import { Select } from '../../features/form/select/public';
 import { TextInput } from '../../features/form/text-input/public';
 import { Box, Stack } from '../../features/layout/public';
@@ -48,7 +48,7 @@ function formatAppCategoryLabel(category: AppCategory): string {
 
 const HARMONY_OPTIONS = COLOR_HARMONIES.map((h) => ({ value: h, label: h }));
 
-const MODE_TABS = [
+const MODE_OPTIONS = [
   { value: 'light' as ZoraThemeMode, label: 'Light' },
   { value: 'dark' as ZoraThemeMode, label: 'Dark' },
 ];
@@ -230,12 +230,11 @@ function ThemeComposerInner({
 
       {/* Section: Mode */}
       <Card title="Mode" description="Switch between light and dark presentation.">
-        <Tabs
+        <ChipGroup
           value={activeMode}
-          items={MODE_TABS}
-          onValueChange={(m) => onModeChange?.(m)}
-          variant="segmented"
-          testID={testID ? `${testID}-mode-tabs` : undefined}
+          items={MODE_OPTIONS}
+          onValueChange={(nextMode) => onModeChange?.(nextMode)}
+          testID={testID ? `${testID}-mode` : undefined}
         />
       </Card>
 

package/src/registry.ts

@@ -1,12 +1,6 @@
 import type { InteractionPolicyProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import { Modal } from './components/modal';
-import { Pagination } from './components/pagination';
-import { Rating } from './components/rating';
-import { SearchBar } from './components/search-bar';
-import { Tabs } from './components/tabs';
-import { Toolbar, ToolbarAction } from './components/toolbar';
 import { Accordion, AccordionItem } from './features/accordion/public';
 import { ActivityIndicator } from './features/activity-indicator/public';
 import { AppBar } from './features/app-bar/public';
@@ -35,10 +29,12 @@ import { Chip } from './features/chip/public';
 import { ChipGroup } from './features/chip/public';
 import { DataTable } from './features/data-table/public';
 import { DatePicker } from './features/date-picker/public';
+import { Dialog } from './features/dialog/public';
 import { EmptyState } from './features/empty-state/public';
 import { Checkbox, CheckboxGroup } from './features/form/checkbox/public';
 import { Form, FormActions, FormError, FormField } from './features/form/public';
 import { Radio, RadioGroup } from './features/form/radio/public';
+import { SearchInput } from './features/form/search-input/public';
 import { Select } from './features/form/select/public';
 import { TextInput } from './features/form/text-input/public';
 import { Gradient } from './features/gradient/public';
@@ -50,12 +46,16 @@ import { Box, Container, Divider, Grid, Stack } from './features/layout/public';
 import { ContentRail } from './features/layout/public';
 import { FlatList, SectionList } from './features/list/public';
 import { MissingElement } from './features/missing-element/public';
+import { Pagination } from './features/pagination/public';
 import { PopoverMenu } from './features/popover-menu/public';
 import { Progress, ProgressRing } from './features/progress/public';
+import { Rating } from './features/rating/public';
 import { Skeleton, SkeletonCard, SkeletonList, SkeletonText } from './features/skeleton/public';
 import { Surface } from './features/surface/public';
+import { Tab, TabList, TabPanel, Tabs } from './features/tabs/public';
 import { TimePicker } from './features/time-picker/public';
 import { Toast } from './features/toast/public';
+import { Toolbar } from './features/toolbar/public';
 import { Heading } from './features/typography/public';
 import { Text } from './features/typography/public';
 import { Uploader } from './features/uploader/public';
@@ -130,6 +130,7 @@ const _ZORA_COMPONENT_REGISTRY = {
   ChipGroup,
   DataTable,
   DatePicker,
+  Dialog,
   Form,
   FormActions,
   FormError,
@@ -143,7 +144,6 @@ const _ZORA_COMPONENT_REGISTRY = {
   TextInput,
   MediaCard,
   MetricCard,
-  Modal,
   Pagination,
   PopoverMenu,
   Progress,
@@ -151,18 +151,20 @@ const _ZORA_COMPONENT_REGISTRY = {
   Radio,
   RadioGroup,
   Rating,
-  SearchBar,
+  SearchInput,
   Select,
   Skeleton,
   SkeletonCard,
   SkeletonList,
   SkeletonText,
+  Tab,
+  TabList,
+  TabPanel,
   Tabs,
   Text,
   TimePicker,
   Toast,
   Toolbar,
-  ToolbarAction,
   Uploader,
   BottomSheet,
   FlatList,

package/src/showcaseCoverage.test.ts

@@ -30,6 +30,7 @@ const REQUIRED_SHOWCASE_COVERAGE = {
     'CheckboxGroup',
     'Chip',
     'ChipGroup',
+    'Dialog',
     'Form',
     'FormActions',
     'FormError',
@@ -42,18 +43,20 @@ 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',

package/src/theme/themeScopeStructure.test.ts

@@ -44,7 +44,6 @@ const themeScopeSource = readSource('ZoraThemeScope.tsx');
 const hocSource = readSource('withZoraThemeScope.tsx');
 
 const scopeGuardDirs = [
-  join(srcDir, 'components'),
   join(srcDir, 'patterns'),
   join(srcDir, 'layout'),
   join(srcDir, 'foundation'),
@@ -68,31 +67,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'),
@@ -148,22 +151,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, 'types', 'toolbar.ts'),
 
   join(srcDir, 'layout', 'app-shell', 'types.ts'),
   join(srcDir, 'layout', 'screen', 'types.ts'),

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/{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/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/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"}