@ankhorage/zora 17.0.0 → 18.0.1

package/src/theme/themeScopeStructure.test.ts

@@ -76,7 +76,7 @@ const scopedComponentFiles = [
   join(srcDir, 'features', 'form', 'adapters', 'inbound', 'Form.tsx'),
   join(srcDir, 'features', 'form', 'adapters', 'inbound', 'FormActions.tsx'),
   join(srcDir, 'features', 'form', 'adapters', 'inbound', 'FormError.tsx'),
-  join(srcDir, 'features', 'form', 'adapters', 'inbound', 'FormField.tsx'),
+  join(srcDir, 'features', 'form', 'field', 'adapters', 'inbound', 'Field.tsx'),
   join(srcDir, 'features', 'form', 'search-input', 'adapters', 'inbound', 'SearchInput.tsx'),
   join(srcDir, 'features', 'form', 'select', 'adapters', 'inbound', 'Select.native.tsx'),
   join(srcDir, 'features', 'form', 'select', 'adapters', 'inbound', 'Select.web.tsx'),
@@ -109,9 +109,9 @@ const scopedComponentFiles = [
   join(srcDir, 'patterns', 'confirm-dialog', 'ConfirmDialog.tsx'),
   join(srcDir, 'features', 'empty-state', 'adapters', 'inbound', 'EmptyState.tsx'),
   join(srcDir, 'patterns', 'inspector-field', 'InspectorField.tsx'),
-  join(srcDir, 'patterns', 'list', 'List.tsx'),
-  join(srcDir, 'patterns', 'list', 'ListRow.tsx'),
-  join(srcDir, 'patterns', 'list', 'ListSection.tsx'),
+  join(srcDir, 'features', 'list', 'adapters', 'inbound', 'List.tsx'),
+  join(srcDir, 'features', 'list', 'adapters', 'inbound', 'ListItem.tsx'),
+  join(srcDir, 'features', 'list', 'adapters', 'inbound', 'ListSection.tsx'),
   join(srcDir, 'patterns', 'notice', 'Notice.tsx'),
   join(srcDir, 'patterns', 'panel', 'Panel.tsx'),
   join(srcDir, 'patterns', 'section-header', 'SectionHeader.tsx'),
@@ -164,7 +164,7 @@ const scopedPropTypeFiles = [
   join(srcDir, 'patterns', 'confirm-dialog', 'types.ts'),
   join(srcDir, 'types', 'empty-state.ts'),
   join(srcDir, 'patterns', 'inspector-field', 'types.ts'),
-  join(srcDir, 'patterns', 'list', 'types.ts'),
+  join(srcDir, 'types', 'list.ts'),
   join(srcDir, 'patterns', 'notice', 'types.ts'),
   join(srcDir, 'patterns', 'panel', 'types.ts'),
   join(srcDir, 'patterns', 'section-header', 'types.ts'),

package/src/types/form.ts

@@ -44,7 +44,7 @@ export interface FormProps extends ZoraBaseProps {
   actions?: React.ReactNode;
 }
 
-export interface FormFieldProps
+export interface FieldProps
   extends
     ZoraBaseProps,
     Pick<

package/src/{patterns/list/types.ts → types/list.ts}

@@ -1,42 +1,41 @@
+import type { ListItemProps as SurfaceListItemProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
-export type ListRowVariant = 'divider' | 'card';
+export type ListItemVariant = 'divider' | 'card';
 
-interface ListRowBaseProps extends ZoraBaseProps {
+interface ListItemBaseProps
+  extends
+    ZoraBaseProps,
+    Pick<SurfaceListItemProps, 'compact' | 'disabled' | 'leading' | 'selected' | 'trailing'> {
   title: React.ReactNode;
   description?: React.ReactNode;
   meta?: React.ReactNode;
-  leading?: React.ReactNode;
-  trailing?: React.ReactNode;
-  selected?: boolean;
-  disabled?: boolean;
-  compact?: boolean;
-  variant?: ListRowVariant;
+  variant?: ListItemVariant;
 }
 
-interface ListRowPressableProps {
+interface ListItemPressableProps {
   onPress: () => void;
   action?: never;
 }
 
-interface ListRowActionProps {
+interface ListItemActionProps {
   action: React.ReactNode;
   onPress?: never;
 }
 
-interface ListRowStaticProps {
+interface ListItemStaticProps {
   action?: never;
   onPress?: never;
 }
 
-export type ListRowProps = ListRowBaseProps &
-  (ListRowPressableProps | ListRowActionProps | ListRowStaticProps);
+export type ListItemProps = ListItemBaseProps &
+  (ListItemPressableProps | ListItemActionProps | ListItemStaticProps);
 
 export interface ListItemsProps extends ZoraBaseProps {
-  items: readonly ListRowProps[];
-  rowVariant?: ListRowVariant;
+  items: readonly ListItemProps[];
+  itemVariant?: ListItemVariant;
   compact?: boolean;
 }
 
@@ -51,8 +50,8 @@ interface ListSectionItemsProps extends ZoraBaseProps {
   description?: React.ReactNode;
   eyebrow?: React.ReactNode;
   actions?: React.ReactNode;
-  items: readonly ListRowProps[];
-  rowVariant?: ListRowVariant;
+  items: readonly ListItemProps[];
+  itemVariant?: ListItemVariant;
   compact?: boolean;
 }
 

package/dist/features/form/adapters/inbound/FormField.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { FormFieldProps } from '../../../../types/form';
-/*** Groups one form control with its label, description, helper text, and field error. */
-export declare const FormField: (props: FormFieldProps) => React.ReactElement | null;
-//# sourceMappingURL=FormField.d.ts.map

package/dist/features/form/adapters/inbound/FormField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../../src/features/form/adapters/inbound/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAoC7D,0FAA0F;AAC1F,eAAO,MAAM,SAAS,sDAAqC,CAAC"}

package/dist/features/form/adapters/inbound/FormField.js

@@ -1,20 +0,0 @@
-import { Field } from '@ankhorage/surface';
-import React from 'react';
-import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
-import { View } from '../../../layout/public';
-import { Text } from '../../../typography/public';
-function FormFieldInner({ themeId: _themeId, mode: _mode, label, description, helperText, children, interactionPolicy: _interactionPolicy, ...props }) {
-    return (<Field {...props} helperText={helperText} label={<View gap="xs">
-          <Text variant="label" weight="semiBold">
-            {label}
-          </Text>
-          {description ? (<Text emphasis="muted" variant="bodySmall">
-              {description}
-            </Text>) : null}
-        </View>}>
-      {children}
-    </Field>);
-}
-/*** Groups one form control with its label, description, helper text, and field error. */
-export const FormField = withZoraThemeScope(FormFieldInner);
-//# sourceMappingURL=FormField.js.map

package/dist/features/form/adapters/inbound/FormField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../../../src/features/form/adapters/inbound/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,SAAS,cAAc,CAAC,EACtB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,WAAW,EACX,UAAU,EACV,QAAQ,EACR,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACO;IACf,OAAO,CACL,CAAC,KAAK,CACJ,IAAI,KAAK,CAAC,CACV,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,CACJ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CACZ;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,IAAI,CACR,CAAC,CAED;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED,0FAA0F;AAC1F,MAAM,CAAC,MAAM,SAAS,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import { Field } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { FormFieldProps } from '../../../../types/form';\nimport { View } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\n\nfunction FormFieldInner({\n  themeId: _themeId,\n  mode: _mode,\n  label,\n  description,\n  helperText,\n  children,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: FormFieldProps) {\n  return (\n    <Field\n      {...props}\n      helperText={helperText}\n      label={\n        <View 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        </View>\n      }\n    >\n      {children}\n    </Field>\n  );\n}\n\n/*** Groups one form control with its label, description, helper text, and field error. */\nexport const FormField = withZoraThemeScope(FormFieldInner);\n"]}

package/dist/features/form/formFieldMeta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"formFieldMeta.d.ts","sourceRoot":"","sources":["../../../src/features/form/formFieldMeta.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCY,CAAC"}

package/dist/features/form/formFieldMeta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formFieldMeta.js","sourceRoot":"","sources":["../../../src/features/form/formFieldMeta.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE;QACf,UAAU;QACV,eAAe;QACf,YAAY;QACZ,aAAa;QACb,QAAQ;QACR,WAAW;KACZ;IACD,SAAS,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IACpE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,SAAS,EAAE;gBACT,KAAK,EAAE,YAAY;gBACnB,WAAW,EAAE,+BAA+B;gBAC5C,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC1B,eAAe,EAAE,IAAI;aACtB;YACD,QAAQ,EAAE;gBACR,KAAK,EAAE,UAAU;gBACjB,WAAW,EAAE,gCAAgC;gBAC7C,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC1B,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,IAAI;aACxB;SACF;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE;QAChF,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE;QAC1E,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE;QACzE,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;QAC1E,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE;QACxF,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE;QACtF,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE;QACnF,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE;KACrF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nexport const formFieldMeta = {\n  name: 'FormField',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [\n    'Checkbox',\n    'CheckboxGroup',\n    'RadioGroup',\n    'SearchInput',\n    'Select',\n    'TextInput',\n  ],\n  blueprint: { label: 'Form field', defaultProps: { label: 'Label' } },\n  bindings: {\n    props: {\n      errorText: {\n        label: 'Error text',\n        description: 'Field-level validation error.',\n        value: { type: 'unknown' },\n        acceptsFallback: true,\n      },\n      disabled: {\n        label: 'Disabled',\n        description: 'Whether the field is disabled.',\n        value: { type: 'boolean' },\n        acceptsFallback: true,\n        acceptsTransforms: true,\n      },\n    },\n  },\n  props: {\n    label: { type: 'string', category: 'Content', label: 'Label', default: 'Label' },\n    description: { type: 'string', category: 'Content', label: 'Description' },\n    helperText: { type: 'string', category: 'Content', label: 'Helper text' },\n    errorText: { type: 'string', category: 'Validation', label: 'Error text' },\n    required: { type: 'boolean', category: 'Validation', label: 'Required', default: false },\n    invalid: { type: 'boolean', category: 'Validation', label: 'Invalid', default: false },\n    disabled: { type: 'boolean', category: 'State', label: 'Disabled', default: false },\n    readOnly: { type: 'boolean', category: 'State', label: 'Read-only', default: false },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/patterns/list/List.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { ListProps } from './types';
-/***
- * List container pattern for composing `ListRow` and `ListSection`.
- *
- 
- */
-export declare const List: (props: ListProps) => React.ReactElement | null;
-//# sourceMappingURL=List.d.ts.map

package/dist/patterns/list/List.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/patterns/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAkB,SAAS,EAAgC,MAAM,SAAS,CAAC;AAiEvF;;;;GAIG;AACH,eAAO,MAAM,IAAI,iDAAgC,CAAC"}

package/dist/patterns/list/List.js

@@ -1,40 +0,0 @@
-import React from 'react';
-import { Divider, View } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { ListRow } from './ListRow';
-import { resolveListSeparator } from './resolveListSeparator';
-function resolveRowVariant({ item, defaultVariant, }) {
-    return item.variant ?? defaultVariant;
-}
-function resolveRowCompact({ item, compact, }) {
-    return item.compact ?? compact ?? false;
-}
-function ListItemsInner({ themeId: _themeId, mode: _mode, testID, items, rowVariant = 'divider', compact, }) {
-    return (<View gap="none" testID={testID}>
-      {items.map((item, index) => {
-            const effectiveVariant = resolveRowVariant({ item, defaultVariant: rowVariant });
-            const separator = resolveListSeparator(effectiveVariant, index);
-            return (<React.Fragment key={`${index}`}>
-            {separator === 'divider' ? <Divider /> : null}
-            {separator === 'spacer' ? <View height="s"/> : null}
-            <ListRow {...item} compact={resolveRowCompact({ item, compact })} variant={effectiveVariant}/>
-          </React.Fragment>);
-        })}
-    </View>);
-}
-function ListInner(props) {
-    if ('items' in props) {
-        return <ListItemsInner {...props}/>;
-    }
-    const { themeId: _themeId, mode: _mode, children, testID } = props;
-    return (<View gap="none" testID={testID}>
-      {children}
-    </View>);
-}
-/***
- * List container pattern for composing `ListRow` and `ListSection`.
- *
- 
- */
-export const List = withZoraThemeScope(ListInner);
-//# sourceMappingURL=List.js.map

package/dist/patterns/list/List.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/patterns/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,SAAS,iBAAiB,CAAC,EACzB,IAAI,EACJ,cAAc,GAIf;IACC,OAAO,IAAI,CAAC,OAAO,IAAI,cAAc,CAAC;AACxC,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,IAAI,EACJ,OAAO,GAIR;IACC,OAAO,IAAI,CAAC,OAAO,IAAI,OAAO,IAAI,KAAK,CAAC;AAC1C,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,EACL,UAAU,GAAG,SAAS,EACtB,OAAO,GACQ;IACf,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC9B;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC,CAAC;YACjF,MAAM,SAAS,GAAG,oBAAoB,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;YAEhE,OAAO,CACL,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAC9B;YAAA,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,IAAI,CAC7C;YAAA,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,EAAG,CAAC,CAAC,CAAC,IAAI,CACpD;YAAA,CAAC,OAAO,CACN,IAAI,IAAI,CAAC,CACT,OAAO,CAAC,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAC9C,OAAO,CAAC,CAAC,gBAAgB,CAAC,EAE9B;UAAA,EAAE,KAAK,CAAC,QAAQ,CAAC,CAClB,CAAC;QACJ,CAAC,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAAgB;IACjC,IAAI,OAAO,IAAI,KAAK,EAAE,CAAC;QACrB,OAAO,CAAC,cAAc,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;IACvC,CAAC;IAED,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACnE,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC9B;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Divider, View } from '../../features/layout/public';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { ListRow } from './ListRow';\nimport { resolveListSeparator } from './resolveListSeparator';\nimport type { ListItemsProps, ListProps, ListRowProps, ListRowVariant } from './types';\n\nfunction resolveRowVariant({\n  item,\n  defaultVariant,\n}: {\n  item: ListRowProps;\n  defaultVariant: ListRowVariant;\n}): ListRowVariant {\n  return item.variant ?? defaultVariant;\n}\n\nfunction resolveRowCompact({\n  item,\n  compact,\n}: {\n  item: ListRowProps;\n  compact: boolean | undefined;\n}): boolean {\n  return item.compact ?? compact ?? false;\n}\n\nfunction ListItemsInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  items,\n  rowVariant = 'divider',\n  compact,\n}: ListItemsProps) {\n  return (\n    <View gap=\"none\" testID={testID}>\n      {items.map((item, index) => {\n        const effectiveVariant = resolveRowVariant({ item, defaultVariant: rowVariant });\n        const separator = resolveListSeparator(effectiveVariant, index);\n\n        return (\n          <React.Fragment key={`${index}`}>\n            {separator === 'divider' ? <Divider /> : null}\n            {separator === 'spacer' ? <View height=\"s\" /> : null}\n            <ListRow\n              {...item}\n              compact={resolveRowCompact({ item, compact })}\n              variant={effectiveVariant}\n            />\n          </React.Fragment>\n        );\n      })}\n    </View>\n  );\n}\n\nfunction ListInner(props: ListProps) {\n  if ('items' in props) {\n    return <ListItemsInner {...props} />;\n  }\n\n  const { themeId: _themeId, mode: _mode, children, testID } = props;\n  return (\n    <View gap=\"none\" testID={testID}>\n      {children}\n    </View>\n  );\n}\n\n/***\n * List container pattern for composing `ListRow` and `ListSection`.\n *\n \n */\nexport const List = withZoraThemeScope(ListInner);\n"]}

package/dist/patterns/list/ListRow.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { ListRowProps } from './types';
-/***
- * Row pattern for lists with leading/trailing slots and optional press behavior.
- *
- 
- */
-export declare const ListRow: (props: ListRowProps) => React.ReactElement | null;
-//# sourceMappingURL=ListRow.d.ts.map

package/dist/patterns/list/ListRow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListRow.d.ts","sourceRoot":"","sources":["../../../src/patterns/list/ListRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,SAAS,CAAC;AAyL5D;;;;GAIG;AACH,eAAO,MAAM,OAAO,oDAAmC,CAAC"}

package/dist/patterns/list/ListRow.js

@@ -1,113 +0,0 @@
-import { ButtonBase } from '@ankhorage/surface';
-import React from 'react';
-import { View } from '../../features/layout/public';
-import { Text } from '../../features/typography/public';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-function resolvePadding(compact) {
-    return compact ? { px: 'm', py: 's' } : { px: 'm', py: 'm' };
-}
-function resolveContainerStyles({ variant, theme, selected, pressed, hovered, disabled, }) {
-    const borderColor = selected ? theme.semantics.border.focus : theme.semantics.border.default;
-    const dividerBorderColor = selected ? theme.semantics.border.focus : 'transparent';
-    if (variant === 'card') {
-        return {
-            bg: pressed
-                ? theme.semantics.neutral.surfaceActive
-                : hovered
-                    ? theme.semantics.neutral.surfaceHover
-                    : theme.semantics.surface.raised,
-            borderColor,
-            borderWidth: 1,
-            radius: 'l',
-            opacity: disabled ? 0.72 : 1,
-        };
-    }
-    return {
-        bg: pressed
-            ? theme.semantics.neutral.surfaceActive
-            : hovered
-                ? theme.semantics.neutral.surfaceHover
-                : selected
-                    ? theme.semantics.neutral.surface
-                    : 'transparent',
-        borderColor: dividerBorderColor,
-        borderWidth: selected ? 1 : 0,
-        radius: 'm',
-        opacity: disabled ? 0.72 : 1,
-    };
-}
-function ListRowInner({ themeId: _themeId, mode: _mode, testID, title, description, meta, leading, trailing, action, onPress, selected = false, disabled = false, compact = false, variant = 'divider', }) {
-    const { theme } = useZoraTheme();
-    const padding = resolvePadding(compact);
-    const isInteractive = Boolean(onPress) && !action;
-    const content = (<View align="center" direction="row" style={{
-            flex: 1,
-        }}>
-      {leading ? (<>
-          <View>{leading}</View>
-          <View width="m"/>
-        </>) : null}
-
-      <View flex={1}>
-        <View gap="xxs">
-          <Text variant="body" weight={selected ? 'semiBold' : 'medium'}>
-            {title}
-          </Text>
-          {description ? (<Text emphasis="muted" variant="bodySmall">
-              {description}
-            </Text>) : null}
-          {meta ? (<Text emphasis="subtle" variant="caption">
-              {meta}
-            </Text>) : null}
-        </View>
-      </View>
-
-      {trailing || action ? (<>
-          <View width="m"/>
-          <View direction="row" align="center" gap="s" wrap="nowrap">
-            {trailing}
-            {action}
-          </View>
-        </>) : null}
-    </View>);
-    if (!isInteractive) {
-        const styles = resolveContainerStyles({
-            variant,
-            theme,
-            selected,
-            pressed: false,
-            hovered: false,
-            disabled,
-        });
-        return (<View bg={styles.bg} borderColor={styles.borderColor} borderWidth={styles.borderWidth} px={padding.px} py={padding.py} radius={styles.radius} testID={testID} style={{
-                opacity: styles.opacity,
-            }}>
-        {content}
-      </View>);
-    }
-    return (<ButtonBase accessibilityRole="button" accessibilityState={{ disabled, selected }} disabled={disabled} onPress={onPress} radius={variant === 'card' ? 'l' : 'm'} testID={testID}>
-      {(state) => {
-            const styles = resolveContainerStyles({
-                variant,
-                theme,
-                selected,
-                pressed: state.pressed,
-                hovered: state.hovered,
-                disabled: state.disabled,
-            });
-            return (<View bg={styles.bg} borderColor={styles.borderColor} borderWidth={styles.borderWidth} px={padding.px} py={padding.py} radius={styles.radius} style={{
-                    opacity: styles.opacity,
-                }}>
-            {content}
-          </View>);
-        }}
-    </ButtonBase>);
-}
-/***
- * Row pattern for lists with leading/trailing slots and optional press behavior.
- *
- 
- */
-export const ListRow = withZoraThemeScope(ListRowInner);
-//# sourceMappingURL=ListRow.js.map

package/dist/patterns/list/ListRow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListRow.js","sourceRoot":"","sources":["../../../src/patterns/list/ListRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ButtonBase } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { View } from '../../features/layout/public';\nimport { Text } from '../../features/typography/public';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ListRowProps, ListRowVariant } from './types';\n\nfunction resolvePadding(compact: boolean) {\n  return compact ? { px: 'm' as const, py: 's' as const } : { px: 'm' as const, py: 'm' as const };\n}\n\nfunction resolveContainerStyles({\n  variant,\n  theme,\n  selected,\n  pressed,\n  hovered,\n  disabled,\n}: {\n  variant: ListRowVariant;\n  theme: ReturnType<typeof useZoraTheme>['theme'];\n  selected: boolean;\n  pressed: boolean;\n  hovered: boolean;\n  disabled: boolean;\n}) {\n  const borderColor = selected ? theme.semantics.border.focus : theme.semantics.border.default;\n  const dividerBorderColor = selected ? theme.semantics.border.focus : 'transparent';\n\n  if (variant === 'card') {\n    return {\n      bg: pressed\n        ? theme.semantics.neutral.surfaceActive\n        : hovered\n          ? theme.semantics.neutral.surfaceHover\n          : theme.semantics.surface.raised,\n      borderColor,\n      borderWidth: 1,\n      radius: 'l' as const,\n      opacity: disabled ? 0.72 : 1,\n    };\n  }\n\n  return {\n    bg: pressed\n      ? theme.semantics.neutral.surfaceActive\n      : hovered\n        ? theme.semantics.neutral.surfaceHover\n        : selected\n          ? theme.semantics.neutral.surface\n          : 'transparent',\n    borderColor: dividerBorderColor,\n    borderWidth: selected ? 1 : 0,\n    radius: 'm' as const,\n    opacity: disabled ? 0.72 : 1,\n  };\n}\n\nfunction ListRowInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  title,\n  description,\n  meta,\n  leading,\n  trailing,\n  action,\n  onPress,\n  selected = false,\n  disabled = false,\n  compact = false,\n  variant = 'divider',\n}: ListRowProps) {\n  const { theme } = useZoraTheme();\n  const padding = resolvePadding(compact);\n  const isInteractive = Boolean(onPress) && !action;\n\n  const content = (\n    <View\n      align=\"center\"\n      direction=\"row\"\n      style={{\n        flex: 1,\n      }}\n    >\n      {leading ? (\n        <>\n          <View>{leading}</View>\n          <View width=\"m\" />\n        </>\n      ) : null}\n\n      <View flex={1}>\n        <View gap=\"xxs\">\n          <Text variant=\"body\" weight={selected ? 'semiBold' : 'medium'}>\n            {title}\n          </Text>\n          {description ? (\n            <Text emphasis=\"muted\" variant=\"bodySmall\">\n              {description}\n            </Text>\n          ) : null}\n          {meta ? (\n            <Text emphasis=\"subtle\" variant=\"caption\">\n              {meta}\n            </Text>\n          ) : null}\n        </View>\n      </View>\n\n      {trailing || action ? (\n        <>\n          <View width=\"m\" />\n          <View direction=\"row\" align=\"center\" gap=\"s\" wrap=\"nowrap\">\n            {trailing}\n            {action}\n          </View>\n        </>\n      ) : null}\n    </View>\n  );\n\n  if (!isInteractive) {\n    const styles = resolveContainerStyles({\n      variant,\n      theme,\n      selected,\n      pressed: false,\n      hovered: false,\n      disabled,\n    });\n\n    return (\n      <View\n        bg={styles.bg}\n        borderColor={styles.borderColor}\n        borderWidth={styles.borderWidth}\n        px={padding.px}\n        py={padding.py}\n        radius={styles.radius}\n        testID={testID}\n        style={{\n          opacity: styles.opacity,\n        }}\n      >\n        {content}\n      </View>\n    );\n  }\n\n  return (\n    <ButtonBase\n      accessibilityRole=\"button\"\n      accessibilityState={{ disabled, selected }}\n      disabled={disabled}\n      onPress={onPress}\n      radius={variant === 'card' ? 'l' : 'm'}\n      testID={testID}\n    >\n      {(state) => {\n        const styles = resolveContainerStyles({\n          variant,\n          theme,\n          selected,\n          pressed: state.pressed,\n          hovered: state.hovered,\n          disabled: state.disabled,\n        });\n\n        return (\n          <View\n            bg={styles.bg}\n            borderColor={styles.borderColor}\n            borderWidth={styles.borderWidth}\n            px={padding.px}\n            py={padding.py}\n            radius={styles.radius}\n            style={{\n              opacity: styles.opacity,\n            }}\n          >\n            {content}\n          </View>\n        );\n      }}\n    </ButtonBase>\n  );\n}\n\n/***\n * Row pattern for lists with leading/trailing slots and optional press behavior.\n *\n \n */\nexport const ListRow = withZoraThemeScope(ListRowInner);\n"]}

package/dist/patterns/list/ListSection.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { ListSectionProps } from './types';
-/***
- * Section wrapper for lists with optional title and description.
- *
- 
- */
-export declare const ListSection: (props: ListSectionProps) => React.ReactElement | null;
-//# sourceMappingURL=ListSection.d.ts.map

package/dist/patterns/list/ListSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListSection.d.ts","sourceRoot":"","sources":["../../../src/patterns/list/ListSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA6BhD;;;;GAIG;AACH,eAAO,MAAM,WAAW,wDAAuC,CAAC"}

package/dist/patterns/list/ListSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListSection.js","sourceRoot":"","sources":["../../../src/patterns/list/ListSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,SAAS,gBAAgB,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACS;IACjB,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,CAAC;IAEtC,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC3B;MAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CACX,CAAC,aAAa,CACZ,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,EACb,CACH,CAAC,CAAC,CAAC,IAAI,CACR;MAAA,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,EAClB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { View } from '../../features/layout/public';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { SectionHeader } from '../section-header';\nimport { List } from './List';\nimport type { ListSectionProps } from './types';\n\nfunction ListSectionInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  title,\n  description,\n  eyebrow,\n  actions,\n  ...props\n}: ListSectionProps) {\n  const hasHeader = title !== undefined;\n\n  return (\n    <View gap=\"s\" testID={testID}>\n      {hasHeader ? (\n        <SectionHeader\n          actions={actions}\n          description={description}\n          eyebrow={eyebrow}\n          title={title}\n        />\n      ) : null}\n      <List {...props} />\n    </View>\n  );\n}\n\n/***\n * Section wrapper for lists with optional title and description.\n *\n \n */\nexport const ListSection = withZoraThemeScope(ListSectionInner);\n"]}

package/dist/patterns/list/index.d.ts

@@ -1,5 +0,0 @@
-export { List } from './List';
-export { ListRow } from './ListRow';
-export { ListSection } from './ListSection';
-export type { ListChildrenProps, ListItemsProps, ListProps, ListRowProps, ListRowVariant, } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/patterns/list/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,YAAY,EACZ,cAAc,GACf,MAAM,SAAS,CAAC"}

package/dist/patterns/list/index.js

@@ -1,4 +0,0 @@
-export { List } from './List';
-export { ListRow } from './ListRow';
-export { ListSection } from './ListSection';
-//# sourceMappingURL=index.js.map

package/dist/patterns/list/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/patterns/list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { List } from './List';\nexport { ListRow } from './ListRow';\nexport { ListSection } from './ListSection';\nexport type {\n  ListChildrenProps,\n  ListItemsProps,\n  ListProps,\n  ListRowProps,\n  ListRowVariant,\n} from './types';\n"]}

package/dist/patterns/list/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/patterns/list/meta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;CAOiB,CAAC;AAEvC,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;CA0Bc,CAAC;AAEvC,eAAO,MAAM,eAAe;;;;;;;CAOU,CAAC"}

package/dist/patterns/list/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/patterns/list/meta.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAG,mEAAmE,CAAC;AAEtF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE;QACN,SAAS,EAAE;YACT,KAAK,EAAE,YAAY;YACnB,SAAS,EAAE,sBAAsB;YACjC,WAAW,EAAE,iDAAiD;YAC9D,aAAa,EAAE;gBACb;oBACE,IAAI,EAAE,gBAAgB;oBACtB,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,SAAS;iBACjB;gBACD;oBACE,IAAI,EAAE,cAAc;oBACpB,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,MAAM;iBACd;aACF;SACF;KACF;IACD,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nconst LIST_NOTE = 'List pattern component; not represented as a manifest node in v1.';\n\nexport const listMeta = {\n  name: 'List',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: LIST_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const listRowMeta = {\n  name: 'ListRow',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: LIST_NOTE,\n  events: {\n    itemPress: {\n      label: 'Item press',\n      eventType: 'collection.itemPress',\n      description: 'Emitted when a collection item row is selected.',\n      payloadFields: [\n        {\n          path: 'payload.itemId',\n          type: 'string',\n          label: 'Item ID',\n        },\n        {\n          path: 'payload.item',\n          type: 'record',\n          label: 'Item',\n        },\n      ],\n    },\n  },\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const listSectionMeta = {\n  name: 'ListSection',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: LIST_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/patterns/list/resolveListSeparator.d.ts

@@ -1,5 +0,0 @@
-import type { ListRowVariant } from './types';
-type ListSeparatorKind = 'none' | 'divider' | 'spacer';
-export declare function resolveListSeparator(variant: ListRowVariant, index: number): ListSeparatorKind;
-export {};
-//# sourceMappingURL=resolveListSeparator.d.ts.map

package/dist/patterns/list/resolveListSeparator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveListSeparator.d.ts","sourceRoot":"","sources":["../../../src/patterns/list/resolveListSeparator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,KAAK,iBAAiB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEvD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAG9F"}

package/dist/patterns/list/resolveListSeparator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveListSeparator.js","sourceRoot":"","sources":["../../../src/patterns/list/resolveListSeparator.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,oBAAoB,CAAC,OAAuB,EAAE,KAAa;IACzE,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,MAAM,CAAC;IAC/B,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;AACtD,CAAC","sourcesContent":["import type { ListRowVariant } from './types';\n\ntype ListSeparatorKind = 'none' | 'divider' | 'spacer';\n\nexport function resolveListSeparator(variant: ListRowVariant, index: number): ListSeparatorKind {\n  if (index === 0) return 'none';\n  return variant === 'divider' ? 'divider' : 'spacer';\n}\n"]}

package/dist/patterns/list/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/list/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,CAAC;AAEhD,UAAU,gBAAiB,SAAQ,aAAa;IAC9C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB;AAED,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,UAAU,kBAAkB;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,MAAM,MAAM,YAAY,GAAG,gBAAgB,GACzC,CAAC,qBAAqB,GAAG,kBAAkB,GAAG,kBAAkB,CAAC,CAAC;AAEpE,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAE3D,UAAU,qBAAsB,SAAQ,aAAa;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,wBAAyB,SAAQ,aAAa;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,GAAG,wBAAwB,CAAC"}

package/dist/patterns/list/types.js

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

package/dist/patterns/list/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/list/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport type ListRowVariant = 'divider' | 'card';\n\ninterface ListRowBaseProps extends ZoraBaseProps {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  meta?: React.ReactNode;\n  leading?: React.ReactNode;\n  trailing?: React.ReactNode;\n  selected?: boolean;\n  disabled?: boolean;\n  compact?: boolean;\n  variant?: ListRowVariant;\n}\n\ninterface ListRowPressableProps {\n  onPress: () => void;\n  action?: never;\n}\n\ninterface ListRowActionProps {\n  action: React.ReactNode;\n  onPress?: never;\n}\n\ninterface ListRowStaticProps {\n  action?: never;\n  onPress?: never;\n}\n\nexport type ListRowProps = ListRowBaseProps &\n  (ListRowPressableProps | ListRowActionProps | ListRowStaticProps);\n\nexport interface ListItemsProps extends ZoraBaseProps {\n  items: readonly ListRowProps[];\n  rowVariant?: ListRowVariant;\n  compact?: boolean;\n}\n\nexport interface ListChildrenProps extends ZoraBaseProps {\n  children: React.ReactNode;\n}\n\nexport type ListProps = ListItemsProps | ListChildrenProps;\n\ninterface ListSectionItemsProps extends ZoraBaseProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  actions?: React.ReactNode;\n  items: readonly ListRowProps[];\n  rowVariant?: ListRowVariant;\n  compact?: boolean;\n}\n\ninterface ListSectionChildrenProps extends ZoraBaseProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  actions?: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport type ListSectionProps = ListSectionItemsProps | ListSectionChildrenProps;\n"]}

package/src/patterns/list/List.tsx

@@ -1,77 +0,0 @@
-import React from 'react';
-
-import { Divider, View } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { ListRow } from './ListRow';
-import { resolveListSeparator } from './resolveListSeparator';
-import type { ListItemsProps, ListProps, ListRowProps, ListRowVariant } from './types';
-
-function resolveRowVariant({
-  item,
-  defaultVariant,
-}: {
-  item: ListRowProps;
-  defaultVariant: ListRowVariant;
-}): ListRowVariant {
-  return item.variant ?? defaultVariant;
-}
-
-function resolveRowCompact({
-  item,
-  compact,
-}: {
-  item: ListRowProps;
-  compact: boolean | undefined;
-}): boolean {
-  return item.compact ?? compact ?? false;
-}
-
-function ListItemsInner({
-  themeId: _themeId,
-  mode: _mode,
-  testID,
-  items,
-  rowVariant = 'divider',
-  compact,
-}: ListItemsProps) {
-  return (
-    <View gap="none" testID={testID}>
-      {items.map((item, index) => {
-        const effectiveVariant = resolveRowVariant({ item, defaultVariant: rowVariant });
-        const separator = resolveListSeparator(effectiveVariant, index);
-
-        return (
-          <React.Fragment key={`${index}`}>
-            {separator === 'divider' ? <Divider /> : null}
-            {separator === 'spacer' ? <View height="s" /> : null}
-            <ListRow
-              {...item}
-              compact={resolveRowCompact({ item, compact })}
-              variant={effectiveVariant}
-            />
-          </React.Fragment>
-        );
-      })}
-    </View>
-  );
-}
-
-function ListInner(props: ListProps) {
-  if ('items' in props) {
-    return <ListItemsInner {...props} />;
-  }
-
-  const { themeId: _themeId, mode: _mode, children, testID } = props;
-  return (
-    <View gap="none" testID={testID}>
-      {children}
-    </View>
-  );
-}
-
-/***
- * List container pattern for composing `ListRow` and `ListSection`.
- *
- 
- */
-export const List = withZoraThemeScope(ListInner);