@ankhorage/zora 18.0.1 → 19.0.0

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

@@ -1,69 +0,0 @@
-import React from 'react';
-
-import { Button } from '../../features/button/public';
-import { Dialog } from '../../features/dialog/public';
-import { View } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { ConfirmDialogProps } from './types';
-
-function ConfirmDialogInner({
-  themeId: _themeId,
-  mode: _mode,
-  visible,
-  title,
-  description,
-  children,
-  confirmLabel = 'Confirm',
-  cancelLabel = 'Cancel',
-  confirmColor = 'danger',
-  confirmVariant = 'solid',
-  busy = false,
-  closeOnBackdrop = true,
-  onConfirm,
-  onCancel,
-  testID,
-  interactionPolicy,
-}: ConfirmDialogProps) {
-  return (
-    <Dialog
-      closeOnBackdrop={closeOnBackdrop}
-      description={description}
-      interactionPolicy={interactionPolicy}
-      footer={
-        <View direction={{ base: 'column', md: 'row' }} gap="s" justify="flex-end">
-          <Button
-            variant="soft"
-            interactionPolicy={interactionPolicy}
-            onPress={onCancel}
-            color="neutral"
-          >
-            {cancelLabel}
-          </Button>
-          <Button
-            variant={confirmVariant}
-            loading={busy}
-            interactionPolicy={interactionPolicy}
-            onPress={onConfirm}
-            color={confirmColor}
-          >
-            {confirmLabel}
-          </Button>
-        </View>
-      }
-      onDismiss={onCancel}
-      testID={testID}
-      title={title}
-      visible={visible}
-      width="narrow"
-    >
-      {children}
-    </Dialog>
-  );
-}
-
-/***
- * Confirmation dialog pattern with cancel/confirm actions.
- *
- 
- */
-export const ConfirmDialog = withZoraThemeScope(ConfirmDialogInner);

package/src/patterns/confirm-dialog/index.ts

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

package/src/patterns/confirm-dialog/meta.ts

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

package/src/patterns/confirm-dialog/types.ts

@@ -1,19 +0,0 @@
-import type React from 'react';
-
-import type { ZoraButtonVariant, ZoraColor } from '../../internal/recipes';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface ConfirmDialogProps extends ZoraBaseProps {
-  visible: boolean;
-  title: React.ReactNode;
-  description?: React.ReactNode;
-  children?: React.ReactNode;
-  confirmLabel?: React.ReactNode;
-  cancelLabel?: React.ReactNode;
-  confirmColor?: ZoraColor;
-  confirmVariant?: ZoraButtonVariant;
-  busy?: boolean;
-  closeOnBackdrop?: boolean;
-  onConfirm?: () => void;
-  onCancel?: () => void;
-}

package/src/patterns/filter-bar/FilterBar.tsx

@@ -1,31 +0,0 @@
-import React from 'react';
-
-import { View } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { FilterBarProps } from './types';
-
-function FilterBarInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  testID,
-  leading,
-  trailing,
-  children,
-  wrap = true,
-}: FilterBarProps) {
-  return (
-    <View direction="row" align="center" gap="s" testID={testID} wrap={wrap ? 'wrap' : 'nowrap'}>
-      {leading ? <View>{leading}</View> : null}
-      <View flex={1}>{children}</View>
-      {trailing ? <View>{trailing}</View> : null}
-    </View>
-  );
-}
-
-/***
- * Horizontal filter/action bar layout with leading/trailing slots.
- *
- 
- */
-export const FilterBar = withZoraThemeScope(FilterBarInner);

package/src/patterns/filter-bar/index.ts

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

package/src/patterns/filter-bar/meta.ts

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

package/src/patterns/filter-bar/types.ts

@@ -1,10 +0,0 @@
-import type React from 'react';
-
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface FilterBarProps extends ZoraBaseProps {
-  leading?: React.ReactNode;
-  trailing?: React.ReactNode;
-  children: React.ReactNode;
-  wrap?: boolean;
-}

package/src/patterns/inspector-field/InspectorField.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-
-import { Field } from '../../features/form/public';
-import { View } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { InspectorFieldProps } from './types';
-
-function InspectorFieldInner({
-  themeId: _themeId,
-  mode: _mode,
-  label,
-  control,
-  children,
-  interactionPolicy: _interactionPolicy,
-  ...props
-}: InspectorFieldProps) {
-  return (
-    <Field {...props} label={label}>
-      <View direction="row" gap="s" align="center">
-        <View flex={1}>{children}</View>
-        {control ? <View>{control}</View> : null}
-      </View>
-    </Field>
-  );
-}
-
-/***
- * Inspector row pattern with label, description, and control slot.
- *
- 
- */
-export const InspectorField = withZoraThemeScope(InspectorFieldInner);

package/src/patterns/inspector-field/index.ts

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

package/src/patterns/inspector-field/meta.ts

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

package/src/patterns/inspector-field/types.ts

@@ -1,16 +0,0 @@
-import type { ReactNode } from 'react';
-
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface InspectorFieldProps extends ZoraBaseProps {
-  label: ReactNode;
-  description?: ReactNode;
-  helperText?: ReactNode;
-  errorText?: ReactNode;
-  required?: boolean;
-  invalid?: boolean;
-  disabled?: boolean;
-  readOnly?: boolean;
-  control?: ReactNode;
-  children?: ReactNode;
-}

package/src/patterns/message-bubble/index.ts

@@ -1,8 +0,0 @@
-export { MessageBubble } from './MessageBubble';
-export type {
-  MessageBubbleAuthor,
-  MessageBubbleAvatar,
-  MessageBubbleDirection,
-  MessageBubbleProps,
-  MessageBubbleStatus,
-} from './types';

package/src/patterns/notice/Notice.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-
-import { Badge } from '../../features/badge/public';
-import { Card } from '../../features/card/public';
-import { View } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { NoticeProps } from './types';
-
-function NoticeInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  title,
-  description,
-  children,
-  actions,
-  color = 'primary',
-  testID,
-}: NoticeProps) {
-  return (
-    <Card
-      description={description}
-      eyebrow={<Badge color={color}>{String(color).toUpperCase()}</Badge>}
-      testID={testID}
-      title={title}
-      tone="subtle"
-    >
-      <View gap="m">
-        {children ? <View>{children}</View> : null}
-        {actions ? <View>{actions}</View> : null}
-      </View>
-    </Card>
-  );
-}
-
-/***
- * Notice pattern for inline feedback with tone, title, and actions.
- *
- 
- */
-export const Notice = withZoraThemeScope(NoticeInner);

package/src/patterns/notice/index.ts

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

package/src/patterns/notice/meta.ts

@@ -1,36 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
-
-export const noticeMeta = {
-  name: 'Notice',
-  category: 'pattern',
-  directManifestNode: true,
-  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
-  blueprint: {
-    label: 'Notice',
-    defaultProps: {
-      title: 'Notice',
-      color: 'primary',
-    },
-  },
-  props: {
-    title: {
-      type: 'string',
-      category: 'Content',
-      label: 'Title',
-      default: 'Notice',
-    },
-    description: {
-      type: 'string',
-      category: 'Content',
-      label: 'Description',
-    },
-    color: {
-      type: 'enum',
-      category: 'Style',
-      label: 'Color',
-      enum: ['primary', 'neutral', 'danger', 'success', 'warning'],
-      default: 'primary',
-    },
-  },
-} as const satisfies ZoraComponentMeta;

package/src/patterns/notice/types.ts

@@ -1,12 +0,0 @@
-import type React from 'react';
-
-import type { ZoraColor } from '../../internal/recipes';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface NoticeProps extends ZoraBaseProps {
-  title: React.ReactNode;
-  description?: React.ReactNode;
-  children?: React.ReactNode;
-  actions?: React.ReactNode;
-  color?: ZoraColor;
-}

package/src/patterns/panel/Panel.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-
-import { Card } from '../../features/card/public';
-import { resolveCardThemeRecipe } from '../../features/card/utils/resolveCardThemeRecipe';
-import { useZoraThemeRecipe } from '../../theme/useZoraThemeRecipe';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { PanelProps } from './types';
-
-function PanelInner({
-  themeId: _themeId,
-  mode: _mode,
-  tone,
-  compact,
-  padding,
-  radius,
-  ...props
-}: PanelProps) {
-  const themeFields = useZoraThemeRecipe('Panel');
-  const recipe = resolveCardThemeRecipe({ tone, compact, padding, radius, themeFields });
-  return <Card {...props} {...recipe} />;
-}
-
-/***
- * Semantic wrapper around `Card` for panel-style page sections.
- */
-export const Panel = withZoraThemeScope(PanelInner);

package/src/patterns/panel/index.ts

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

package/src/patterns/panel/meta.ts

@@ -1,51 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
-
-const themeAuthoring = {
-  authority: 'theme',
-  scope: 'pattern',
-  allowInstanceOverride: true,
-} as const;
-
-export const panelMeta = {
-  name: 'Panel',
-  category: 'pattern',
-  directManifestNode: true,
-  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
-  blueprint: { label: 'Panel', defaultProps: { title: 'Panel' } },
-  props: {
-    title: {
-      type: 'string',
-      category: 'Content',
-      label: 'Title',
-      authoring: { authority: 'instance' },
-    },
-    description: {
-      type: 'string',
-      category: 'Content',
-      label: 'Description',
-      authoring: { authority: 'instance' },
-    },
-    eyebrow: {
-      type: 'string',
-      category: 'Content',
-      label: 'Eyebrow',
-      authoring: { authority: 'instance' },
-    },
-    tone: {
-      type: 'enum',
-      category: 'Style',
-      label: 'Tone',
-      enum: ['default', 'subtle', 'outline'],
-      authoring: themeAuthoring,
-    },
-    compact: { type: 'boolean', category: 'Layout', label: 'Compact', authoring: themeAuthoring },
-    padding: { type: 'spacing', category: 'Layout', label: 'Padding', authoring: themeAuthoring },
-    radius: {
-      type: 'radius',
-      category: 'Style',
-      label: 'Corner radius',
-      authoring: themeAuthoring,
-    },
-  },
-} as const satisfies ZoraComponentMeta;

package/src/patterns/panel/themeRecipeMeta.ts

@@ -1,32 +0,0 @@
-import type { ZoraThemeRecipeMeta } from '../../metadata/themeRecipeTypes';
-
-export const panelThemeRecipeMeta = {
-  name: 'Panel',
-  kind: 'pattern',
-  description: 'Maps global rhythm and surface tokens into Panel presentation.',
-  fields: {
-    tone: {
-      type: 'choice',
-      label: 'Tone',
-      options: ['default', 'subtle', 'outline'],
-      default: 'default',
-    },
-    padding: {
-      type: 'token',
-      tokenFamily: 'spacing',
-      label: 'Padding',
-      description: 'When unset, Panel keeps Card compact-aware spacing.',
-    },
-    radius: {
-      type: 'token',
-      tokenFamily: 'radii',
-      label: 'Corner radius',
-      default: 'l',
-    },
-    compact: {
-      type: 'boolean',
-      label: 'Compact',
-      default: false,
-    },
-  },
-} as const satisfies ZoraThemeRecipeMeta;

package/src/patterns/panel/types.ts

@@ -1,17 +0,0 @@
-import type React from 'react';
-
-import type { ZoraCardTone } from '../../internal/recipes';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface PanelProps extends ZoraBaseProps {
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-  eyebrow?: React.ReactNode;
-  actions?: React.ReactNode;
-  footer?: React.ReactNode;
-  children?: React.ReactNode;
-  tone?: ZoraCardTone;
-  compact?: boolean;
-  padding?: string;
-  radius?: string;
-}

package/src/patterns/scanner/index.ts

@@ -1,10 +0,0 @@
-export { BarcodeScannerView } from './BarcodeScannerView';
-export { CameraPermissionView } from './CameraPermissionView';
-export { ScanOverlay } from './ScanOverlay';
-export type {
-  BarcodeScannerViewProps,
-  BarcodeScanResult,
-  CameraPermissionStatus,
-  CameraPermissionViewProps,
-  ScanOverlayProps,
-} from './types';

package/src/patterns/section-header/index.ts

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

package/src/patterns/section-header/types.ts

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

package/src/patterns/selection/index.ts

@@ -1,10 +0,0 @@
-export { SelectableItem } from './SelectableItem';
-export { SelectionProvider, useSelection } from './SelectionProvider';
-export type {
-  SelectableItemProps,
-  SelectableItemState,
-  SelectionMode,
-  SelectionProviderProps,
-  SelectionTrigger,
-  UseSelectionResult,
-} from './types';

package/src/patterns/switch-field/SwitchField.tsx

@@ -1,42 +0,0 @@
-import { Switch } from '@ankhorage/surface';
-import React from 'react';
-
-import { ListItem } from '../../features/list/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { SwitchFieldProps } from './types';
-
-function SwitchFieldInner({
-  themeId: _themeId,
-  mode: _mode,
-  label,
-  description,
-  value,
-  onValueChange,
-  disabled,
-  testID,
-  interactionPolicy,
-}: SwitchFieldProps) {
-  return (
-    <ListItem
-      action={
-        <Switch
-          checked={value}
-          disabled={disabled}
-          interactionPolicy={interactionPolicy}
-          onCheckedChange={onValueChange}
-        />
-      }
-      description={description}
-      disabled={disabled}
-      testID={testID}
-      title={label}
-      variant="card"
-    />
-  );
-}
-
-/***
- * Labeled switch field pattern built on the card-style `ListItem` presentation.
- *
- */
-export const SwitchField = withZoraThemeScope(SwitchFieldInner);

package/src/patterns/switch-field/index.ts

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

package/src/patterns/switch-field/meta.ts

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

package/src/patterns/switch-field/types.ts

@@ -1,11 +0,0 @@
-import type { ReactNode } from 'react';
-
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface SwitchFieldProps extends ZoraBaseProps {
-  label: ReactNode;
-  description?: ReactNode;
-  value: boolean;
-  onValueChange: (value: boolean) => void;
-  disabled?: boolean;
-}