@ankhorage/zora 12.1.0 → 14.0.0

package/src/components/toast/index.ts

@@ -1,4 +0,0 @@
-export { Toast } from './Toast';
-export { ToastProvider } from './ToastProvider';
-export type { ToastOptions, ToastProps, ToastProviderProps, ToastStatus } from './types';
-export { useToast } from '@ankhorage/surface';

package/src/components/toast/meta.ts

@@ -1,19 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-
-export const toastMeta = {
-  name: 'Toast',
-  category: 'component',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Transient feedback component; exposed as an imperative provider/hook workflow, not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;
-
-export const toastProviderMeta = {
-  name: 'ToastProvider',
-  category: 'component',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Provider for imperative toast feedback; not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;

package/src/patterns/disclosure-section/DisclosureSection.tsx

@@ -1,130 +0,0 @@
-import React from 'react';
-import { Platform, Pressable, type TextStyle, type ViewStyle } from 'react-native';
-
-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 { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Panel } from '../panel';
-import type { DisclosureSectionProps } from './types';
-
-const triggerTextStyle: ViewStyle = {
-  flex: 1,
-  flexBasis: 0,
-  minWidth: 0,
-};
-
-const triggerCopyStyle: TextStyle = {
-  flexShrink: 1,
-  maxWidth: '100%',
-  minWidth: 0,
-};
-
-const trailingStyle: ViewStyle = {
-  flexShrink: 0,
-};
-
-const getTriggerStyle = (disabled?: boolean): ViewStyle =>
-  ({
-    alignSelf: 'stretch',
-    flex: 1,
-    flexBasis: 0,
-    justifyContent: 'center',
-    minWidth: 0,
-    ...(Platform.OS === 'web'
-      ? {
-          cursor: disabled ? 'default' : 'pointer',
-        }
-      : null),
-  }) as ViewStyle;
-
-function DisclosureSectionInner({
-  themeId: _themeId,
-  mode: _mode,
-  title,
-  description,
-  icon,
-  defaultOpen = true,
-  open: controlledOpen,
-  onOpenChange,
-  actions,
-  children,
-  disabled,
-  testID,
-  interactionPolicy,
-}: DisclosureSectionProps) {
-  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
-
-  const isControlled = controlledOpen !== undefined;
-  const isOpen = isControlled ? controlledOpen : internalOpen;
-  const passive = interactionPolicy === 'passive';
-  const titleLabel = typeof title === 'string' || typeof title === 'number' ? `: ${title}` : '';
-  const toggleLabel = `${isOpen ? 'Collapse' : 'Expand'} section${titleLabel}`;
-
-  const toggleOpen = () => {
-    if (disabled || passive) return;
-
-    if (isControlled) {
-      onOpenChange?.(!controlledOpen);
-    } else {
-      setInternalOpen(!internalOpen);
-      onOpenChange?.(!internalOpen);
-    }
-  };
-
-  return (
-    <Panel compact testID={testID}>
-      <Stack gap="s">
-        <Stack direction="row" gap="m" align="center">
-          <Pressable
-            accessibilityLabel={toggleLabel}
-            accessibilityRole="button"
-            accessibilityState={{ disabled, expanded: isOpen }}
-            disabled={disabled}
-            onPress={toggleOpen}
-            style={getTriggerStyle(disabled)}
-          >
-            <Box style={triggerTextStyle}>
-              <Stack gap="xs">
-                {icon ? <Box pb="xs">{/* Surface icon spec would go here */}</Box> : null}
-                <Heading level={4} style={triggerCopyStyle}>
-                  {title}
-                </Heading>
-                {description ? (
-                  <Text emphasis="muted" variant="bodySmall" style={triggerCopyStyle}>
-                    {description}
-                  </Text>
-                ) : null}
-              </Stack>
-            </Box>
-          </Pressable>
-
-          {actions ? <Box style={trailingStyle}>{actions}</Box> : null}
-
-          <Box style={trailingStyle}>
-            <IconButton
-              icon={{ name: isOpen ? 'chevron-up-outline' : 'chevron-down-outline' }}
-              label={isOpen ? 'Collapse' : 'Expand'}
-              variant="ghost"
-              color="neutral"
-              size="s"
-              disabled={disabled}
-              interactionPolicy={interactionPolicy}
-              onPress={toggleOpen}
-            />
-          </Box>
-        </Stack>
-
-        {isOpen ? <Box pt="m">{children}</Box> : null}
-      </Stack>
-    </Panel>
-  );
-}
-
-/***
- * Expandable section pattern with a summary header and collapsible content.
- *
-
- */
-export const DisclosureSection = withZoraThemeScope(DisclosureSectionInner);

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

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

package/src/patterns/disclosure-section/meta.ts

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

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

@@ -1,16 +0,0 @@
-import type { ButtonIconSpec } from '@ankhorage/surface';
-import type { ReactNode } from 'react';
-
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface DisclosureSectionProps extends ZoraBaseProps {
-  title: ReactNode;
-  description?: ReactNode;
-  icon?: ButtonIconSpec;
-  defaultOpen?: boolean;
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-  actions?: ReactNode;
-  children?: ReactNode;
-  disabled?: boolean;
-}