@ankhorage/zora 14.0.0 → 14.0.1

package/src/registry.ts

@@ -1,7 +1,6 @@
 import type { InteractionPolicyProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import { AppBar } from './components/app-bar';
 import { Breadcrumbs } from './components/breadcrumbs';
 import { DropdownMenu, Menu } from './components/menu';
 import { Modal } from './components/modal';
@@ -13,6 +12,7 @@ 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';
 import {
   ForgotPasswordForm,
   OAuthProviderButton,

package/src/theme/themeScopeStructure.test.ts

@@ -56,7 +56,7 @@ const scopedComponentFiles = [
   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'),
-  join(srcDir, 'components', 'app-bar', 'AppBar.tsx'),
+  join(srcDir, 'features', 'app-bar', 'adapters', 'inbound', 'AppBar.tsx'),
   join(srcDir, 'features', 'accordion', 'adapters', 'inbound', 'Accordion.tsx'),
   join(srcDir, 'features', 'accordion', 'adapters', 'inbound', 'AccordionItem.tsx'),
   join(srcDir, 'features', 'badge', 'adapters', 'inbound', 'Badge.tsx'),
@@ -134,7 +134,7 @@ const scopedComponentFiles = [
 ] as const;
 
 const scopedPropTypeFiles = [
-  join(srcDir, 'components', 'app-bar', 'types.ts'),
+  join(srcDir, 'types', 'app-bar.ts'),
   join(srcDir, 'types', 'accordion.ts'),
   join(srcDir, 'types', 'badge.ts'),
   join(srcDir, 'types', 'button.ts'),

package/src/{components/app-bar/types.ts → types/app-bar.ts}

@@ -1,7 +1,7 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
 export type AppBarMode =
   | {

package/dist/components/app-bar/AppBar.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { AppBarProps } from './types';
-/***
- * Renders a top app bar with title/subtitle and optional leading/trailing actions.
- */
-export declare const AppBar: (props: AppBarProps) => React.ReactElement | null;
-//# sourceMappingURL=AppBar.d.ts.map

package/dist/components/app-bar/AppBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../src/components/app-bar/AppBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAoC,WAAW,EAAE,MAAM,SAAS,CAAC;AA8H7E;;GAEG;AACH,eAAO,MAAM,MAAM,mDAAkC,CAAC"}

package/dist/components/app-bar/AppBar.js

@@ -1,67 +0,0 @@
-import { AppBar as SurfaceAppBar } from '@ankhorage/surface';
-import React from 'react';
-import { IconButton } from '../../features/button/public';
-import { Box, Stack } from '../../features/layout/public';
-import { Heading } from '../../features/typography/public';
-import { Text } from '../../features/typography/public';
-import { Inline } from '../../foundation';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-const DEFAULT_CANCEL_ICON = { name: 'close-outline' };
-const DEFAULT_OVERFLOW_ICON = { name: 'ellipsis-vertical' };
-function resolveMode(mode) {
-    return mode ?? { type: 'default' };
-}
-function resolveSelectionLabel({ count, label }) {
-    if (count === undefined) {
-        return label;
-    }
-    return `${label} (${count})`;
-}
-function resolveOverflowLabel(overflow) {
-    return overflow.label ?? 'More options';
-}
-function resolveCancelLabel(mode) {
-    return mode.cancelLabel ?? 'Cancel selection';
-}
-function AppBarInner({ themeId: _themeId, mode: _mode, title, subtitle, leading, actions, overflow, appMode, children, safeAreaTop = true, divider = true, testID, interactionPolicy, }) {
-    const { theme } = useZoraTheme();
-    const resolvedMode = resolveMode(appMode);
-    const isSelectionMode = resolvedMode.type === 'selection';
-    const resolvedLeading = leading ??
-        (isSelectionMode ? (<IconButton icon={resolvedMode.cancelIcon ?? DEFAULT_CANCEL_ICON} interactionPolicy={interactionPolicy} label={resolveCancelLabel(resolvedMode)} variant="ghost" size="m" color="neutral" onPress={resolvedMode.onCancel}/>) : undefined);
-    const overflowButton = overflow?.onPress ? (<IconButton disabled={overflow.disabled} icon={overflow.icon ?? DEFAULT_OVERFLOW_ICON} interactionPolicy={interactionPolicy} label={resolveOverflowLabel(overflow)} variant="ghost" size="m" color="neutral" onPress={overflow.onPress}/>) : null;
-    const resolvedTrailing = actions || overflowButton ? (<Inline align="center" gap="s" wrap="nowrap">
-        {actions}
-        {overflowButton}
-      </Inline>) : undefined;
-    const resolvedCenter = (() => {
-        if (children !== undefined) {
-            return children;
-        }
-        if (isSelectionMode) {
-            return (<Text numberOfLines={1} emphasis="default" variant="label" weight="semiBold">
-          {resolveSelectionLabel(resolvedMode)}
-        </Text>);
-        }
-        if (title == null && subtitle == null) {
-            return null;
-        }
-        return (<Stack gap="xs">
-        {title != null ? (<Heading ellipsizeMode="tail" level={3} numberOfLines={1} size="h5">
-            {title}
-          </Heading>) : null}
-        {subtitle != null ? (<Text ellipsizeMode="tail" numberOfLines={1} emphasis="muted" variant="bodySmall">
-            {subtitle}
-          </Text>) : null}
-      </Stack>);
-    })();
-    return (<SurfaceAppBar bg={isSelectionMode ? theme.semantics.action.primary.softBg : undefined} divider={divider} leading={resolvedLeading} safeAreaTop={safeAreaTop} testID={testID} trailing={resolvedTrailing}>
-      {resolvedCenter ? <Box style={{ minWidth: 0 }}>{resolvedCenter}</Box> : null}
-    </SurfaceAppBar>);
-}
-/***
- * Renders a top app bar with title/subtitle and optional leading/trailing actions.
- */
-export const AppBar = withZoraThemeScope(AppBarInner);
-//# sourceMappingURL=AppBar.js.map

package/dist/components/app-bar/AppBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../../src/components/app-bar/AppBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AppBar as SurfaceAppBar, type ButtonIconSpec } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { IconButton } from '../../features/button/public';\nimport { Box, Stack } from '../../features/layout/public';\nimport { Heading } from '../../features/typography/public';\nimport { Text } from '../../features/typography/public';\nimport { Inline } from '../../foundation';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { AppBarMode, AppBarOverflowAction, AppBarProps } from './types';\n\nconst DEFAULT_CANCEL_ICON = { name: 'close-outline' } satisfies ButtonIconSpec;\nconst DEFAULT_OVERFLOW_ICON = { name: 'ellipsis-vertical' } satisfies ButtonIconSpec;\n\nfunction resolveMode(mode: AppBarMode | undefined): AppBarMode {\n  return mode ?? { type: 'default' };\n}\n\nfunction resolveSelectionLabel({ count, label }: { count?: number; label: string }): string {\n  if (count === undefined) {\n    return label;\n  }\n\n  return `${label} (${count})`;\n}\n\nfunction resolveOverflowLabel(overflow: AppBarOverflowAction): string {\n  return overflow.label ?? 'More options';\n}\n\nfunction resolveCancelLabel(mode: Extract<AppBarMode, { type: 'selection' }>): string {\n  return mode.cancelLabel ?? 'Cancel selection';\n}\n\nfunction AppBarInner({\n  themeId: _themeId,\n  mode: _mode,\n  title,\n  subtitle,\n  leading,\n  actions,\n  overflow,\n  appMode,\n  children,\n  safeAreaTop = true,\n  divider = true,\n  testID,\n  interactionPolicy,\n}: AppBarProps) {\n  const { theme } = useZoraTheme();\n  const resolvedMode = resolveMode(appMode);\n  const isSelectionMode = resolvedMode.type === 'selection';\n\n  const resolvedLeading =\n    leading ??\n    (isSelectionMode ? (\n      <IconButton\n        icon={resolvedMode.cancelIcon ?? DEFAULT_CANCEL_ICON}\n        interactionPolicy={interactionPolicy}\n        label={resolveCancelLabel(resolvedMode)}\n        variant=\"ghost\"\n        size=\"m\"\n        color=\"neutral\"\n        onPress={resolvedMode.onCancel}\n      />\n    ) : undefined);\n\n  const overflowButton = overflow?.onPress ? (\n    <IconButton\n      disabled={overflow.disabled}\n      icon={overflow.icon ?? DEFAULT_OVERFLOW_ICON}\n      interactionPolicy={interactionPolicy}\n      label={resolveOverflowLabel(overflow)}\n      variant=\"ghost\"\n      size=\"m\"\n      color=\"neutral\"\n      onPress={overflow.onPress}\n    />\n  ) : null;\n\n  const resolvedTrailing =\n    actions || overflowButton ? (\n      <Inline align=\"center\" gap=\"s\" wrap=\"nowrap\">\n        {actions}\n        {overflowButton}\n      </Inline>\n    ) : undefined;\n\n  const resolvedCenter = (() => {\n    if (children !== undefined) {\n      return children;\n    }\n\n    if (isSelectionMode) {\n      return (\n        <Text numberOfLines={1} emphasis=\"default\" variant=\"label\" weight=\"semiBold\">\n          {resolveSelectionLabel(resolvedMode)}\n        </Text>\n      );\n    }\n\n    if (title == null && subtitle == null) {\n      return null;\n    }\n\n    return (\n      <Stack gap=\"xs\">\n        {title != null ? (\n          <Heading ellipsizeMode=\"tail\" level={3} numberOfLines={1} size=\"h5\">\n            {title}\n          </Heading>\n        ) : null}\n        {subtitle != null ? (\n          <Text ellipsizeMode=\"tail\" numberOfLines={1} emphasis=\"muted\" variant=\"bodySmall\">\n            {subtitle}\n          </Text>\n        ) : null}\n      </Stack>\n    );\n  })();\n\n  return (\n    <SurfaceAppBar\n      bg={isSelectionMode ? theme.semantics.action.primary.softBg : undefined}\n      divider={divider}\n      leading={resolvedLeading}\n      safeAreaTop={safeAreaTop}\n      testID={testID}\n      trailing={resolvedTrailing}\n    >\n      {resolvedCenter ? <Box style={{ minWidth: 0 }}>{resolvedCenter}</Box> : null}\n    </SurfaceAppBar>\n  );\n}\n\n/***\n * Renders a top app bar with title/subtitle and optional leading/trailing actions.\n */\nexport const AppBar = withZoraThemeScope(AppBarInner);\n"]}

package/dist/components/app-bar/index.d.ts

@@ -1,3 +0,0 @@
-export * from './AppBar';
-export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/app-bar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/components/app-bar/index.js

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

package/dist/components/app-bar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/app-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC","sourcesContent":["export * from './AppBar';\nexport * from './types';\n"]}

package/dist/components/app-bar/meta.d.ts.map

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

package/dist/components/app-bar/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/app-bar/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,yEAAyE;IAC/E,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const appBarMeta = {\n  name: 'AppBar',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Application chrome component; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/app-bar/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/app-bar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,MAAM,UAAU,GAClB;IACE,IAAI,EAAE,SAAS,CAAC;CACjB,GACD;IACE,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B,CAAC;AAEN,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,aAAa;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/app-bar/types.js

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

package/dist/components/app-bar/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/app-bar/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonIconSpec } from '@ankhorage/surface';\nimport type React from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport type AppBarMode =\n  | {\n      type: 'default';\n    }\n  | {\n      type: 'selection';\n      label: string;\n      count?: number;\n      onCancel: () => void;\n      cancelLabel?: string;\n      cancelIcon?: ButtonIconSpec;\n    };\n\nexport interface AppBarOverflowAction {\n  onPress: () => void;\n  label?: string;\n  icon?: ButtonIconSpec;\n  disabled?: boolean;\n}\n\nexport interface AppBarProps extends ZoraBaseProps {\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  leading?: React.ReactNode;\n  actions?: React.ReactNode;\n  overflow?: AppBarOverflowAction;\n  appMode?: AppBarMode;\n  children?: React.ReactNode;\n  safeAreaTop?: boolean;\n  divider?: boolean;\n}\n"]}

package/src/components/app-bar/AppBar.tsx

@@ -1,140 +0,0 @@
-import { AppBar as SurfaceAppBar, type ButtonIconSpec } from '@ankhorage/surface';
-import React from 'react';
-
-import { IconButton } from '../../features/button/public';
-import { Box, Stack } from '../../features/layout/public';
-import { Heading } from '../../features/typography/public';
-import { Text } from '../../features/typography/public';
-import { Inline } from '../../foundation';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { AppBarMode, AppBarOverflowAction, AppBarProps } from './types';
-
-const DEFAULT_CANCEL_ICON = { name: 'close-outline' } satisfies ButtonIconSpec;
-const DEFAULT_OVERFLOW_ICON = { name: 'ellipsis-vertical' } satisfies ButtonIconSpec;
-
-function resolveMode(mode: AppBarMode | undefined): AppBarMode {
-  return mode ?? { type: 'default' };
-}
-
-function resolveSelectionLabel({ count, label }: { count?: number; label: string }): string {
-  if (count === undefined) {
-    return label;
-  }
-
-  return `${label} (${count})`;
-}
-
-function resolveOverflowLabel(overflow: AppBarOverflowAction): string {
-  return overflow.label ?? 'More options';
-}
-
-function resolveCancelLabel(mode: Extract<AppBarMode, { type: 'selection' }>): string {
-  return mode.cancelLabel ?? 'Cancel selection';
-}
-
-function AppBarInner({
-  themeId: _themeId,
-  mode: _mode,
-  title,
-  subtitle,
-  leading,
-  actions,
-  overflow,
-  appMode,
-  children,
-  safeAreaTop = true,
-  divider = true,
-  testID,
-  interactionPolicy,
-}: AppBarProps) {
-  const { theme } = useZoraTheme();
-  const resolvedMode = resolveMode(appMode);
-  const isSelectionMode = resolvedMode.type === 'selection';
-
-  const resolvedLeading =
-    leading ??
-    (isSelectionMode ? (
-      <IconButton
-        icon={resolvedMode.cancelIcon ?? DEFAULT_CANCEL_ICON}
-        interactionPolicy={interactionPolicy}
-        label={resolveCancelLabel(resolvedMode)}
-        variant="ghost"
-        size="m"
-        color="neutral"
-        onPress={resolvedMode.onCancel}
-      />
-    ) : undefined);
-
-  const overflowButton = overflow?.onPress ? (
-    <IconButton
-      disabled={overflow.disabled}
-      icon={overflow.icon ?? DEFAULT_OVERFLOW_ICON}
-      interactionPolicy={interactionPolicy}
-      label={resolveOverflowLabel(overflow)}
-      variant="ghost"
-      size="m"
-      color="neutral"
-      onPress={overflow.onPress}
-    />
-  ) : null;
-
-  const resolvedTrailing =
-    actions || overflowButton ? (
-      <Inline align="center" gap="s" wrap="nowrap">
-        {actions}
-        {overflowButton}
-      </Inline>
-    ) : undefined;
-
-  const resolvedCenter = (() => {
-    if (children !== undefined) {
-      return children;
-    }
-
-    if (isSelectionMode) {
-      return (
-        <Text numberOfLines={1} emphasis="default" variant="label" weight="semiBold">
-          {resolveSelectionLabel(resolvedMode)}
-        </Text>
-      );
-    }
-
-    if (title == null && subtitle == null) {
-      return null;
-    }
-
-    return (
-      <Stack gap="xs">
-        {title != null ? (
-          <Heading ellipsizeMode="tail" level={3} numberOfLines={1} size="h5">
-            {title}
-          </Heading>
-        ) : null}
-        {subtitle != null ? (
-          <Text ellipsizeMode="tail" numberOfLines={1} emphasis="muted" variant="bodySmall">
-            {subtitle}
-          </Text>
-        ) : null}
-      </Stack>
-    );
-  })();
-
-  return (
-    <SurfaceAppBar
-      bg={isSelectionMode ? theme.semantics.action.primary.softBg : undefined}
-      divider={divider}
-      leading={resolvedLeading}
-      safeAreaTop={safeAreaTop}
-      testID={testID}
-      trailing={resolvedTrailing}
-    >
-      {resolvedCenter ? <Box style={{ minWidth: 0 }}>{resolvedCenter}</Box> : null}
-    </SurfaceAppBar>
-  );
-}
-
-/***
- * Renders a top app bar with title/subtitle and optional leading/trailing actions.
- */
-export const AppBar = withZoraThemeScope(AppBarInner);

package/src/components/app-bar/index.ts

@@ -1,2 +0,0 @@
-export * from './AppBar';
-export * from './types';