@ankhorage/zora 14.0.1 → 15.0.0

package/dist/components/select/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,WAAW,CAAiC,EACnD,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,OAAO,EACP,aAAa,EACb,QAAQ,EACR,OAAO,EACP,MAAM,EACN,iBAAiB,GACG;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,OAAO,GAAG,iBAAiB,KAAK,SAAS,CAAC;IAEhD,OAAO,CACL,CAAC,GAAG,CACF,EAAE,CAAC,SAAS,CACZ,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAChE,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAC5B,MAAM,CAAC,GAAG,CACV,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CACxD;QAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CACnB,aAAa,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE;YAC3B,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,aAAa,CAAC,SAAS,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC,CACF,aAAa,CAAC,CAAC,KAAK,CAAC,CACrB,KAAK,CAAC,CAAC;YACL,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,aAAa;YAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;YACxB,WAAW,EAAE,CAAC;SACf,CAAC,CAEF;UAAA,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,CAAC,MAAM,CAAC,IAAI,CACV,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAClB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC1B,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACpB,CACH,CAAC,CACJ;QAAA,EAAE,MAAM,CACV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC","sourcesContent":["import { Picker } from '@react-native-picker/picker';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Box } from '../../features/layout/public';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { SelectProps } from './types';\n\nfunction SelectInner<TValue extends string = string>({\n  themeId: _themeId,\n  mode: _mode,\n  value,\n  options,\n  onValueChange,\n  disabled,\n  invalid,\n  testID,\n  interactionPolicy,\n}: SelectProps<TValue>) {\n  const { theme } = useZoraTheme();\n  const passive = interactionPolicy === 'passive';\n\n  return (\n    <Box\n      bg=\"surface\"\n      borderColor={invalid ? theme.colors.error : theme.colors.border}\n      borderWidth={1}\n      opacity={disabled ? 0.5 : 1}\n      radius=\"m\"\n      testID={testID}\n    >\n      <View style={{ pointerEvents: passive ? 'none' : 'auto' }}>\n        <Picker\n          enabled={!disabled}\n          onValueChange={(itemValue) => {\n            if (!passive) {\n              onValueChange(itemValue);\n            }\n          }}\n          selectedValue={value}\n          style={{\n            height: 44,\n            width: '100%',\n            backgroundColor: 'transparent',\n            color: theme.colors.text,\n            borderWidth: 0,\n          }}\n        >\n          {options.map((option) => (\n            <Picker.Item\n              key={option.value}\n              enabled={!option.disabled}\n              label={option.label}\n              value={option.value}\n            />\n          ))}\n        </Picker>\n      </View>\n    </Box>\n  );\n}\n\n/***\n * Select control for choosing a value from a list of options.\n */\nexport const Select = withZoraThemeScope(SelectInner);\n"]}

package/dist/components/select/index.d.ts

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

package/dist/components/select/index.d.ts.map

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

package/dist/components/select/index.js

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

package/dist/components/select/index.js.map

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

package/dist/components/select/meta.d.ts

@@ -1,9 +0,0 @@
-export declare const selectMeta: {
-    readonly name: "Select";
-    readonly category: "component";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Form control component; not represented as a manifest node in v1.";
-    readonly props: {};
-};
-//# sourceMappingURL=meta.d.ts.map

package/dist/components/select/meta.d.ts.map

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

package/dist/components/select/meta.js

@@ -1,9 +0,0 @@
-export const selectMeta = {
-    name: 'Select',
-    category: 'component',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: 'Form control component; not represented as a manifest node in v1.',
-    props: {},
-};
-//# sourceMappingURL=meta.js.map

package/dist/components/select/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/select/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,mEAAmE;IACzE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const selectMeta = {\n  name: 'Select',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Form control component; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/select/types.d.ts

@@ -1,14 +0,0 @@
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-export interface SelectOption<TValue extends string = string> {
-    value: TValue;
-    label: string;
-    disabled?: boolean;
-}
-export interface SelectProps<TValue extends string = string> extends ZoraBaseProps {
-    value: TValue;
-    options: readonly SelectOption<TValue>[];
-    onValueChange: (value: TValue) => void;
-    disabled?: boolean;
-    invalid?: boolean;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/components/select/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,YAAY,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,aAAa;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;IACzC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/select/types.js

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

package/dist/components/select/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/select/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface SelectOption<TValue extends string = string> {\n  value: TValue;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface SelectProps<TValue extends string = string> extends ZoraBaseProps {\n  value: TValue;\n  options: readonly SelectOption<TValue>[];\n  onValueChange: (value: TValue) => void;\n  disabled?: boolean;\n  invalid?: boolean;\n}\n"]}

package/src/components/breadcrumbs/Breadcrumbs.tsx

@@ -1,147 +0,0 @@
-import React from 'react';
-
-import { Button } from '../../features/button/public';
-import { Icon } from '../../features/icon/public';
-import { Text } from '../../features/typography/public';
-import { Inline } from '../../foundation';
-import { resolveIconSize } from '../../internal/recipes';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { BreadcrumbItem, BreadcrumbsProps } from './types';
-
-type BreadcrumbRenderItem =
-  | {
-      item: BreadcrumbItem;
-      type: 'item';
-    }
-  | {
-      type: 'ellipsis';
-    };
-
-function normalizeMaxItems(value: number | undefined): number | undefined {
-  if (value === undefined || !Number.isFinite(value)) {
-    return undefined;
-  }
-
-  return Math.max(0, Math.trunc(value));
-}
-
-function createRenderItems(
-  items: readonly BreadcrumbItem[],
-  maxItems: number | undefined,
-): readonly BreadcrumbRenderItem[] {
-  if (maxItems === undefined || maxItems === 0 || items.length <= maxItems || maxItems < 3) {
-    return items.map((item) => ({ item, type: 'item' }));
-  }
-
-  const [firstItem] = items;
-  if (firstItem === undefined) {
-    return [];
-  }
-
-  const trailingCount = maxItems - 2;
-  const trailingItems = items.slice(items.length - trailingCount);
-
-  return [
-    { item: firstItem, type: 'item' },
-    { type: 'ellipsis' },
-    ...trailingItems.map((item) => ({ item, type: 'item' }) satisfies BreadcrumbRenderItem),
-  ];
-}
-
-function renderSeparator(separator: React.ReactNode) {
-  return (
-    <Text emphasis="muted" variant="bodySmall">
-      {separator}
-    </Text>
-  );
-}
-
-function BreadcrumbLabel({ item, compact }: { item: BreadcrumbItem; compact: boolean }) {
-  const { theme } = useZoraTheme();
-
-  return (
-    <Inline align="center" gap="xs" wrap="nowrap">
-      {item.icon ? (
-        <Icon
-          {...item.icon}
-          color={theme.semantics.content.muted}
-          size={resolveIconSize(compact ? 's' : 'm')}
-        />
-      ) : null}
-      <Text emphasis="muted" variant={compact ? 'caption' : 'bodySmall'}>
-        {item.label}
-      </Text>
-    </Inline>
-  );
-}
-
-function BreadcrumbsInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy,
-  items,
-  separator = '/',
-  maxItems,
-  compact = false,
-  disabled = false,
-  testID,
-}: BreadcrumbsProps) {
-  const normalizedMaxItems = normalizeMaxItems(maxItems);
-  const renderItems = createRenderItems(items, normalizedMaxItems);
-  const currentItemId = items.at(-1)?.id;
-
-  if (items.length === 0) {
-    return null;
-  }
-
-  return (
-    <Inline align="center" gap={compact ? 'xs' : 's'} testID={testID} wrap="wrap">
-      {renderItems.map((renderItem, index) => {
-        const isLastRenderedItem = index === renderItems.length - 1;
-        const showSeparator = !isLastRenderedItem;
-
-        if (renderItem.type === 'ellipsis') {
-          return (
-            <React.Fragment key="ellipsis">
-              <Text emphasis="muted" variant={compact ? 'caption' : 'bodySmall'}>
-                …
-              </Text>
-              {showSeparator ? renderSeparator(separator) : null}
-            </React.Fragment>
-          );
-        }
-
-        const { item } = renderItem;
-        const current = item.id === currentItemId;
-        const interactive = !current && !disabled && !item.disabled && Boolean(item.onPress);
-
-        return (
-          <React.Fragment key={item.id}>
-            {interactive ? (
-              <Button
-                color="neutral"
-                interactionPolicy={interactionPolicy}
-                leadingIcon={item.icon}
-                onPress={item.onPress}
-                size={compact ? 's' : 'm'}
-                testID={testID ? `${testID}-item-${item.id}` : undefined}
-                variant="ghost"
-              >
-                {item.label}
-              </Button>
-            ) : (
-              <BreadcrumbLabel item={item} compact={compact} />
-            )}
-            {showSeparator ? renderSeparator(separator) : null}
-          </React.Fragment>
-        );
-      })}
-    </Inline>
-  );
-}
-
-/***
- * Renders a breadcrumb trail for hierarchical navigation.
- */
-export const Breadcrumbs = withZoraThemeScope(BreadcrumbsInner);

package/src/components/breadcrumbs/index.ts

@@ -1,2 +0,0 @@
-export { Breadcrumbs } from './Breadcrumbs';
-export type { BreadcrumbItem, BreadcrumbsProps } from './types';

package/src/components/menu/DropdownMenu.tsx

@@ -1,11 +0,0 @@
-import React from 'react';
-
-import { Menu } from './Menu';
-import type { DropdownMenuProps } from './types';
-
-/***
- * Convenience wrapper for rendering a `Menu` as a dropdown.
- */
-export function DropdownMenu(props: DropdownMenuProps) {
-  return <Menu {...props} />;
-}

package/src/components/menu/Menu.tsx

@@ -1,59 +0,0 @@
-import { Menu as SurfaceMenu, type MenuAction as SurfaceMenuAction } from '@ankhorage/surface';
-import React, { useMemo } from 'react';
-
-import { Icon } from '../../features/icon/public';
-import { Box } from '../../features/layout/public';
-import { resolveIconSize } from '../../internal/recipes';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { MenuAction, MenuProps } from './types';
-
-function renderActionLeading(action: MenuAction, iconColor: string) {
-  if (action.leading) {
-    return action.leading;
-  }
-
-  if (!action.icon) {
-    return undefined;
-  }
-
-  return <Icon {...action.icon} color={iconColor} size={resolveIconSize('s')} />;
-}
-
-function renderActionTrailing(action: MenuAction) {
-  if (!action.trailing) {
-    return undefined;
-  }
-
-  return <Box>{action.trailing}</Box>;
-}
-
-function toSurfaceAction(action: MenuAction, iconColor: string): SurfaceMenuAction {
-  return {
-    activate: action.onPress,
-    description: action.description,
-    disabled: action.disabled,
-    id: action.id,
-    intent: action.intent,
-    leading: renderActionLeading(action, iconColor),
-    selected: action.selected,
-    title: action.title,
-    trailing: renderActionTrailing(action),
-  };
-}
-
-function MenuInner({ themeId: _themeId, mode: _mode, actions, onDismiss, ...props }: MenuProps) {
-  const { theme } = useZoraTheme();
-  const iconColor = theme.semantics.content.muted;
-  const surfaceActions = useMemo(
-    () => actions.map((action) => toSurfaceAction(action, iconColor)),
-    [actions, iconColor],
-  );
-
-  return <SurfaceMenu {...props} actions={surfaceActions} dismiss={onDismiss} />;
-}
-
-/***
- * Presents a list of actions as a menu with optional icons and intent styling.
- */
-export const Menu = withZoraThemeScope(MenuInner);

package/src/components/menu/index.ts

@@ -1,3 +0,0 @@
-export { DropdownMenu } from './DropdownMenu';
-export { Menu } from './Menu';
-export type { DropdownMenuProps, MenuAction, MenuActionIntent, MenuProps } from './types';

package/src/components/menu/meta.ts

@@ -1,19 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-
-export const menuMeta = {
-  name: 'Menu',
-  category: 'component',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Surface-backed action menu; not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;
-
-export const dropdownMenuMeta = {
-  name: 'DropdownMenu',
-  category: 'component',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Product-facing alias for Menu trigger/action composition; not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;

package/src/components/menu/types.ts

@@ -1,31 +0,0 @@
-import type {
-  ButtonIconSpec,
-  MenuActionIntent as SurfaceMenuActionIntent,
-  MenuProps as SurfaceMenuProps,
-} from '@ankhorage/surface';
-import type React from 'react';
-
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export type MenuActionIntent = SurfaceMenuActionIntent;
-
-export interface MenuAction {
-  id: string;
-  title: React.ReactNode;
-  description?: React.ReactNode;
-  icon?: ButtonIconSpec;
-  leading?: React.ReactNode;
-  trailing?: React.ReactNode;
-  intent?: MenuActionIntent;
-  disabled?: boolean;
-  selected?: boolean;
-  onPress?: () => void;
-}
-
-export interface MenuProps
-  extends ZoraBaseProps, Omit<SurfaceMenuProps, 'actions' | 'dismiss' | 'mode' | 'themeId'> {
-  actions: readonly MenuAction[];
-  onDismiss?: () => void;
-}
-
-export type DropdownMenuProps = MenuProps;

package/src/components/select/Select.tsx

@@ -1,67 +0,0 @@
-import { Picker } from '@react-native-picker/picker';
-import React from 'react';
-import { View } from 'react-native';
-
-import { Box } from '../../features/layout/public';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { SelectProps } from './types';
-
-function SelectInner<TValue extends string = string>({
-  themeId: _themeId,
-  mode: _mode,
-  value,
-  options,
-  onValueChange,
-  disabled,
-  invalid,
-  testID,
-  interactionPolicy,
-}: SelectProps<TValue>) {
-  const { theme } = useZoraTheme();
-  const passive = interactionPolicy === 'passive';
-
-  return (
-    <Box
-      bg="surface"
-      borderColor={invalid ? theme.colors.error : theme.colors.border}
-      borderWidth={1}
-      opacity={disabled ? 0.5 : 1}
-      radius="m"
-      testID={testID}
-    >
-      <View style={{ pointerEvents: passive ? 'none' : 'auto' }}>
-        <Picker
-          enabled={!disabled}
-          onValueChange={(itemValue) => {
-            if (!passive) {
-              onValueChange(itemValue);
-            }
-          }}
-          selectedValue={value}
-          style={{
-            height: 44,
-            width: '100%',
-            backgroundColor: 'transparent',
-            color: theme.colors.text,
-            borderWidth: 0,
-          }}
-        >
-          {options.map((option) => (
-            <Picker.Item
-              key={option.value}
-              enabled={!option.disabled}
-              label={option.label}
-              value={option.value}
-            />
-          ))}
-        </Picker>
-      </View>
-    </Box>
-  );
-}
-
-/***
- * Select control for choosing a value from a list of options.
- */
-export const Select = withZoraThemeScope(SelectInner);

package/src/components/select/index.ts

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

package/src/components/select/meta.ts

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