@ankhorage/zora 9.0.1 → 11.0.0

package/dist/features/splash-screen/splashScreenMeta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"splashScreenMeta.js","sourceRoot":"","sources":["../../../src/features/splash-screen/splashScreenMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAG5E,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,0BAA0B,CAAC;IAChD,WAAW,EAAE,6EAA6E;IAC1F,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;SACpB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;SACpB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,QAAQ;SACnB;QACD,eAAe,EAAE;YACf,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,OAAO;SAClB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,QAAQ;SACnB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,eAAe;SAC1B;QACD,SAAS,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;SACtC;KACF;CACmC,CAAC","sourcesContent":["import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\nimport type { ZoraComponentMeta } from '../../metadata/types';\n\nexport const splashScreenMeta = {\n  name: 'SplashScreen',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],\n  description: 'App content splash presentation; does not control the native launch screen.',\n  props: {\n    title: {\n      type: 'string',\n      category: 'Content',\n    },\n    subtitle: {\n      type: 'string',\n      category: 'Content',\n    },\n    minHeight: {\n      type: 'number',\n      category: 'Layout',\n    },\n    backgroundColor: {\n      type: 'color',\n      category: 'Style',\n    },\n    logoSize: {\n      type: 'number',\n      category: 'Layout',\n    },\n    logoLabel: {\n      type: 'string',\n      category: 'Accessibility',\n    },\n    logoShape: {\n      type: 'enum',\n      category: 'Style',\n      enum: ['circle', 'square', 'rounded'],\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/patterns/form-field/FormField.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { FormFieldProps } from './types';
-export declare const FormField: (props: FormFieldProps) => React.ReactElement | null;
-//# sourceMappingURL=FormField.d.ts.map

package/dist/patterns/form-field/FormField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/patterns/form-field/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAiC9C,eAAO,MAAM,SAAS,sDAAqC,CAAC"}

package/dist/patterns/form-field/FormField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/patterns/form-field/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,cAAc,CAAC,EACtB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,WAAW,EACX,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACO;IACf,OAAO,CACL,CAAC,KAAK,CACJ,IAAI,KAAK,CAAC,CACV,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,CACJ,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CACb;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CACrC;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;QAAA,EAAE,KAAK,CACT,CAAC,CAED;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import { Field } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Stack } from '../../features/layout/public';\nimport { Text } from '../../features/typography/public';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { FormFieldProps } from './types';\n\nfunction FormFieldInner({\n  themeId: _themeId,\n  mode: _mode,\n  label,\n  description,\n  helperText,\n  children,\n  ...props\n}: FormFieldProps) {\n  return (\n    <Field\n      {...props}\n      helperText={helperText}\n      label={\n        <Stack gap=\"xs\">\n          <Text variant=\"label\" weight=\"semiBold\">\n            {label}\n          </Text>\n          {description ? (\n            <Text emphasis=\"muted\" variant=\"bodySmall\">\n              {description}\n            </Text>\n          ) : null}\n        </Stack>\n      }\n    >\n      {children}\n    </Field>\n  );\n}\n\nexport const FormField = withZoraThemeScope(FormFieldInner);\n"]}

package/dist/patterns/form-field/index.d.ts

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

package/dist/patterns/form-field/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/form-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/patterns/form-field/index.js

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

package/dist/patterns/form-field/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/patterns/form-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { FormField } from './FormField';\n"]}

package/dist/patterns/form-field/types.d.ts

@@ -1,9 +0,0 @@
-import type { FieldProps as SurfaceFieldProps } from '@ankhorage/surface';
-import type React from 'react';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-export interface FormFieldProps extends ZoraBaseProps, Pick<Omit<SurfaceFieldProps, 'mode' | 'themeId'>, 'children' | 'disabled' | 'errorText' | 'invalid' | 'readOnly' | 'required'> {
-    label: React.ReactNode;
-    description?: React.ReactNode;
-    helperText?: React.ReactNode;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/patterns/form-field/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/form-field/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,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,cACf,SACE,aAAa,EACb,IAAI,CACF,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC,EAC3C,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAC5E;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B"}

package/dist/patterns/form-field/types.js

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

package/dist/patterns/form-field/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/form-field/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { FieldProps as SurfaceFieldProps } from '@ankhorage/surface';\nimport type React from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface FormFieldProps\n  extends\n    ZoraBaseProps,\n    Pick<\n      Omit<SurfaceFieldProps, 'mode' | 'themeId'>,\n      'children' | 'disabled' | 'errorText' | 'invalid' | 'readOnly' | 'required'\n    > {\n  label: React.ReactNode;\n  description?: React.ReactNode;\n  helperText?: React.ReactNode;\n}\n"]}

package/dist/types/splash-screen.d.ts

@@ -1,16 +0,0 @@
-import type React from 'react';
-import type { BoxProps } from '../features/layout/public';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
-export type SplashScreenLogoShape = 'circle' | 'square' | 'rounded';
-export interface SplashScreenProps extends ZoraBaseProps {
-    logo?: React.ReactNode;
-    title?: React.ReactNode;
-    subtitle?: React.ReactNode;
-    children?: React.ReactNode;
-    minHeight?: BoxProps['minHeight'];
-    backgroundColor?: BoxProps['bg'];
-    logoSize?: number;
-    logoLabel?: string;
-    logoShape?: SplashScreenLogoShape;
-}
-//# sourceMappingURL=splash-screen.d.ts.map

package/dist/types/splash-screen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"splash-screen.d.ts","sourceRoot":"","sources":["../../src/types/splash-screen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEpE,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClC,eAAe,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACnC"}

package/dist/types/splash-screen.js

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

package/dist/types/splash-screen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"splash-screen.js","sourceRoot":"","sources":["../../src/types/splash-screen.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { BoxProps } from '../features/layout/public';\nimport type { ZoraBaseProps } from '../theme/ZoraBaseProps';\n\nexport type SplashScreenLogoShape = 'circle' | 'square' | 'rounded';\n\nexport interface SplashScreenProps extends ZoraBaseProps {\n  logo?: React.ReactNode;\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  children?: React.ReactNode;\n  minHeight?: BoxProps['minHeight'];\n  backgroundColor?: BoxProps['bg'];\n  logoSize?: number;\n  logoLabel?: string;\n  logoShape?: SplashScreenLogoShape;\n}\n"]}

package/src/components/form/Form.tsx

@@ -1,74 +0,0 @@
-import React from 'react';
-
-import { Box, Stack } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { FormActions } from './FormActions';
-import { FormError } from './FormError';
-import { FormField } from './FormField';
-import type { FormProps } from './types';
-import { useFormController } from './useFormController';
-
-function FormInner<TName extends string = string>({
-  themeId: _themeId,
-  mode: _mode,
-  fields,
-  values,
-  onChange,
-  onSubmit,
-  errors,
-  error,
-  loading = false,
-  disabled = false,
-  submitLabel = 'Submit',
-  actions,
-  footer,
-  validateOnChange = false,
-  testID,
-  interactionPolicy,
-}: FormProps<TName>) {
-  const controller = useFormController({
-    fields,
-    values,
-    errors,
-    onChange,
-    onSubmit,
-    validateOnChange,
-  });
-
-  return (
-    <Stack gap="m" testID={testID}>
-      <FormError error={error} />
-      {fields.map((field) => (
-        <FormField
-          key={field.name}
-          disabled={disabled}
-          error={controller.errors[field.name]}
-          field={field}
-          interactionPolicy={interactionPolicy}
-          loading={loading}
-          onChange={controller.setFieldValue}
-          value={values[field.name]}
-        />
-      ))}
-      <FormActions
-        disabled={disabled}
-        interactionPolicy={interactionPolicy}
-        loading={loading}
-        onSubmit={() => {
-          if (interactionPolicy === 'passive') return;
-
-          void controller.handleSubmit();
-        }}
-        submitLabel={submitLabel}
-      >
-        {actions}
-      </FormActions>
-      {footer ? <Box>{footer}</Box> : null}
-    </Stack>
-  );
-}
-
-/***
- * Composes fields and actions into a validated form layout.
- */
-export const Form = withZoraThemeScope(FormInner);

package/src/components/form/FormError.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-
-import { Box } from '../../features/layout/public';
-import { Text } from '../../features/typography/public';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { FormErrorProps } from './types';
-
-function FormErrorInner({
-  themeId: _themeId,
-  mode: _mode,
-  error,
-  testID,
-  interactionPolicy: _interactionPolicy,
-}: FormErrorProps) {
-  const { theme } = useZoraTheme();
-
-  if (!error) {
-    return null;
-  }
-
-  return (
-    <Box borderColor={theme.colors.error} borderWidth={1} p="s" radius="m" testID={testID}>
-      <Text color="error" variant="bodySmall">
-        {error}
-      </Text>
-    </Box>
-  );
-}
-
-/***
- * Displays a form-level validation or submission error message.
- */
-export const FormError = withZoraThemeScope(FormErrorInner);

package/src/components/form/FormField.tsx

@@ -1,157 +0,0 @@
-import { Field } from '@ankhorage/surface';
-import React from 'react';
-
-import { TextInput } from '../../features/form/text-input/public';
-import { Stack } from '../../features/layout/public';
-import { Text } from '../../features/typography/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { FormFieldConfig, FormFieldControlProps, FormFieldProps } from './types';
-import { hasRequiredRule } from './validation';
-
-function isControlFieldProps<TName extends string>(
-  props: FormFieldProps<TName>,
-): props is FormFieldControlProps<TName> {
-  return 'field' in props;
-}
-
-function resolveKeyboardType(field: FormFieldConfig) {
-  if (field.keyboardType) {
-    return field.keyboardType;
-  }
-
-  if (field.type === 'email') {
-    return 'email-address';
-  }
-
-  if (field.type === 'number' || field.type === 'otp') {
-    return 'number-pad';
-  }
-
-  if (field.type === 'tel') {
-    return 'phone-pad';
-  }
-
-  if (field.type === 'url') {
-    return 'url';
-  }
-
-  return undefined;
-}
-
-function resolveAutoCapitalize(field: FormFieldConfig) {
-  if (field.autoCapitalize) {
-    return field.autoCapitalize;
-  }
-
-  if (['email', 'password', 'url'].includes(field.type ?? 'text')) {
-    return 'none';
-  }
-
-  return undefined;
-}
-
-function resolveTextContentType(field: FormFieldConfig) {
-  if (field.textContentType) {
-    return field.textContentType;
-  }
-
-  if (field.type === 'email') {
-    return 'emailAddress';
-  }
-
-  if (field.type === 'password') {
-    return 'password';
-  }
-
-  if (field.type === 'otp') {
-    return 'oneTimeCode';
-  }
-
-  return undefined;
-}
-
-function renderLabel(label: React.ReactNode, description: React.ReactNode | undefined) {
-  return (
-    <Stack gap="xs">
-      <Text variant="label" weight="semiBold">
-        {label}
-      </Text>
-      {description ? (
-        <Text emphasis="muted" variant="bodySmall">
-          {description}
-        </Text>
-      ) : null}
-    </Stack>
-  );
-}
-
-function FormFieldInner<TName extends string = string>(props: FormFieldProps<TName>) {
-  if (!isControlFieldProps(props)) {
-    const {
-      themeId: _themeId,
-      mode: _mode,
-      label,
-      description,
-      helperText,
-      children,
-      interactionPolicy: _interactionPolicy,
-      ...fieldProps
-    } = props;
-
-    return (
-      <Field {...fieldProps} helperText={helperText} label={renderLabel(label, description)}>
-        {children}
-      </Field>
-    );
-  }
-
-  const {
-    themeId: _themeId,
-    mode: _mode,
-    field,
-    value,
-    error,
-    disabled = false,
-    loading = false,
-    onChange,
-    testID,
-    interactionPolicy,
-  } = props;
-  const fieldDisabled = disabled || loading || field.disabled;
-  const required = field.required ?? hasRequiredRule(field.rules);
-
-  return (
-    <Field
-      disabled={fieldDisabled}
-      errorText={error}
-      helperText={field.helperText}
-      invalid={Boolean(error)}
-      label={renderLabel(field.label, field.description)}
-      readOnly={field.readOnly}
-      required={required}
-      testID={testID ?? field.testID}
-    >
-      <TextInput
-        accessibilityLabel={typeof field.label === 'string' ? field.label : undefined}
-        autoCapitalize={resolveAutoCapitalize(field)}
-        autoComplete={field.autoComplete}
-        disabled={fieldDisabled}
-        interactionPolicy={interactionPolicy}
-        invalid={Boolean(error)}
-        keyboardType={resolveKeyboardType(field)}
-        maxLength={field.maxLength}
-        onChangeText={(nextValue) => onChange(field.name, nextValue)}
-        placeholder={field.placeholder}
-        readOnly={field.readOnly}
-        secureTextEntry={field.secureTextEntry ?? field.type === 'password'}
-        textContentType={resolveTextContentType(field)}
-        value={value}
-      />
-    </Field>
-  );
-}
-
-/***
- * Connects a controlled form value to a labeled input field with error handling.
- */
-export const FormField = withZoraThemeScope(FormFieldInner);

package/src/components/form/meta.ts

@@ -1,98 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-
-export const formMeta = {
-  name: 'Form',
-  category: 'component',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Form orchestration component; not represented as a manifest node in v1.',
-  events: {
-    submit: {
-      label: 'Submit',
-      eventType: 'form.submit',
-      description: 'Emitted when the form submits its current values.',
-      payloadFields: [
-        {
-          path: 'payload.values',
-          type: 'record',
-          label: 'Values',
-          description: 'Submitted form values keyed by field name.',
-        },
-      ],
-    },
-  },
-  props: {},
-} as const satisfies ZoraComponentMeta;
-
-export const formActionsMeta = {
-  name: 'FormActions',
-  category: 'component',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Form helper component; not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;
-
-export const formErrorMeta = {
-  name: 'FormError',
-  category: 'component',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Form helper component; not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;
-
-export const formFieldMeta = {
-  name: 'FormField',
-  category: 'component',
-  directManifestNode: true,
-  allowedChildren: ['TextInput'],
-  blueprint: {
-    label: 'Form field',
-    defaultProps: {
-      label: 'Label',
-    },
-  },
-  props: {
-    label: {
-      type: 'string',
-      category: 'Content',
-      label: 'Label',
-      default: 'Label',
-    },
-    description: {
-      type: 'string',
-      category: 'Content',
-      label: 'Description',
-    },
-    helperText: {
-      type: 'string',
-      category: 'Content',
-      label: 'Helper text',
-    },
-    required: {
-      type: 'boolean',
-      category: 'Validation',
-      label: 'Required',
-      default: false,
-    },
-    invalid: {
-      type: 'boolean',
-      category: 'Validation',
-      label: 'Invalid',
-      default: false,
-    },
-    disabled: {
-      type: 'boolean',
-      category: 'State',
-      label: 'Disabled',
-      default: false,
-    },
-    readOnly: {
-      type: 'boolean',
-      category: 'State',
-      label: 'Read-only',
-      default: false,
-    },
-  },
-} as const satisfies ZoraComponentMeta;

package/src/features/splash-screen/adapters/inbound/SplashScreen.tsx

@@ -1,98 +0,0 @@
-import React from 'react';
-
-import { Center } from '../../../../foundation';
-import { useZoraTheme } from '../../../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
-import type { SplashScreenLogoShape, SplashScreenProps } from '../../../../types/splash-screen';
-import { Box, Stack } from '../../../layout/public';
-import { Heading } from '../../../typography/public';
-import { Text } from '../../../typography/public';
-/***
- * Branded launch/loading surface for previews, web fallbacks, and app bootstrap states.
- *
- * `SplashScreen` is a React-rendered component. It intentionally does not manage
- * Expo's native splash screen lifecycle or replace generated `expo-splash-screen`
- * configuration.
- */
-export const SplashScreen = withZoraThemeScope(SplashScreenInner);
-
-interface PlaceholderLogoProps {
-  label: string;
-  shape: SplashScreenLogoShape;
-  size: number;
-}
-
-function resolveLogoRadius(shape: SplashScreenLogoShape): number {
-  switch (shape) {
-    case 'circle':
-      return 9999;
-    case 'square':
-      return 0;
-    case 'rounded':
-    default:
-      return 28;
-  }
-}
-
-function PlaceholderLogo({ label, shape, size }: PlaceholderLogoProps) {
-  const { theme } = useZoraTheme();
-  const radius = resolveLogoRadius(shape);
-
-  return (
-    <Center
-      accessibilityLabel={label}
-      bg={theme.semantics.action.primary.base}
-      height={size}
-      width={size}
-      style={{ borderRadius: radius }}
-    >
-      <Text emphasis="inverse" variant="eyebrow" weight="bold">
-        {label.slice(0, 2).toUpperCase()}
-      </Text>
-    </Center>
-  );
-}
-
-function SplashScreenInner({
-  themeId: _themeId,
-  mode: _mode,
-  logo,
-  title,
-  subtitle,
-  children,
-  minHeight = '100%',
-  backgroundColor,
-  logoSize = 96,
-  logoLabel = 'ZORA',
-  logoShape = 'rounded',
-  testID,
-}: SplashScreenProps) {
-  const { theme } = useZoraTheme();
-  const background = backgroundColor ?? theme.semantics.neutral.surface;
-  const renderedLogo = logo ?? (
-    <PlaceholderLogo label={logoLabel} shape={logoShape} size={logoSize} />
-  );
-
-  return (
-    <Center bg={background} minHeight={minHeight} p="xl" testID={testID} width="100%">
-      <Stack align="center" gap="l" style={{ maxWidth: 360 }}>
-        {renderedLogo}
-        {title || subtitle ? (
-          <Stack align="center" gap="xs">
-            {title ? (
-              <Heading align="center" level={1} size="h1">
-                {title}
-              </Heading>
-            ) : null}
-            {subtitle ? (
-              <Text align="center" emphasis="muted" variant="bodySmall">
-                {subtitle}
-              </Text>
-            ) : null}
-          </Stack>
-        ) : null}
-        {children ? <Box width="100%">{children}</Box> : null}
-      </Stack>
-    </Center>
-  );
-}

package/src/features/splash-screen/public.ts

@@ -1,2 +0,0 @@
-export type { SplashScreenLogoShape, SplashScreenProps } from '../../types/splash-screen';
-export { SplashScreen } from './adapters/inbound/SplashScreen';

package/src/features/splash-screen/splashScreenMeta.ts

@@ -1,41 +0,0 @@
-import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
-import type { ZoraComponentMeta } from '../../metadata/types';
-
-export const splashScreenMeta = {
-  name: 'SplashScreen',
-  category: 'component',
-  directManifestNode: true,
-  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
-  description: 'App content splash presentation; does not control the native launch screen.',
-  props: {
-    title: {
-      type: 'string',
-      category: 'Content',
-    },
-    subtitle: {
-      type: 'string',
-      category: 'Content',
-    },
-    minHeight: {
-      type: 'number',
-      category: 'Layout',
-    },
-    backgroundColor: {
-      type: 'color',
-      category: 'Style',
-    },
-    logoSize: {
-      type: 'number',
-      category: 'Layout',
-    },
-    logoLabel: {
-      type: 'string',
-      category: 'Accessibility',
-    },
-    logoShape: {
-      type: 'enum',
-      category: 'Style',
-      enum: ['circle', 'square', 'rounded'],
-    },
-  },
-} as const satisfies ZoraComponentMeta;

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

@@ -1 +0,0 @@
-export { FormField } from './FormField';

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

@@ -1,16 +0,0 @@
-import type { FieldProps as SurfaceFieldProps } from '@ankhorage/surface';
-import type React from 'react';
-
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface FormFieldProps
-  extends
-    ZoraBaseProps,
-    Pick<
-      Omit<SurfaceFieldProps, 'mode' | 'themeId'>,
-      'children' | 'disabled' | 'errorText' | 'invalid' | 'readOnly' | 'required'
-    > {
-  label: React.ReactNode;
-  description?: React.ReactNode;
-  helperText?: React.ReactNode;
-}

package/src/types/splash-screen.ts

@@ -1,18 +0,0 @@
-import type React from 'react';
-
-import type { BoxProps } from '../features/layout/public';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
-
-export type SplashScreenLogoShape = 'circle' | 'square' | 'rounded';
-
-export interface SplashScreenProps extends ZoraBaseProps {
-  logo?: React.ReactNode;
-  title?: React.ReactNode;
-  subtitle?: React.ReactNode;
-  children?: React.ReactNode;
-  minHeight?: BoxProps['minHeight'];
-  backgroundColor?: BoxProps['bg'];
-  logoSize?: number;
-  logoLabel?: string;
-  logoShape?: SplashScreenLogoShape;
-}