@ankhorage/zora 7.0.0 → 9.0.0

package/dist/features/chip/adapters/inbound/ChipGroup.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ChipGroupProps } from '../../../../types/chip-group';
+/***
+ * Renders a row or wrap layout of `Chip` items.
+ */
+export declare const ChipGroup: <TValue extends string = string>(props: ChipGroupProps<TValue>) => React.ReactElement | null;
+//# sourceMappingURL=ChipGroup.d.ts.map

package/dist/features/chip/adapters/inbound/ChipGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["../../../../../src/features/chip/adapters/inbound/ChipGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAElF;;GAEG;AACH,eAAO,MAAM,SAAS,GAUE,MAAM,SAAS,MAAM,sEAVc,CAAC"}

package/dist/features/chip/adapters/inbound/ChipGroup.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { Inline } from '../../../../foundation';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Chip } from '../../public';
+/***
+ * Renders a row or wrap layout of `Chip` items.
+ */
+export const ChipGroup = withZoraThemeScope(ChipGroupInner);
+function hasValue(values, value) {
+    return values.includes(value);
+}
+function toggleValue(values, value) {
+    return hasValue(values, value) ? values.filter((item) => item !== value) : [...values, value];
+}
+function ChipGroupInner({ themeId: _themeId, mode: _mode, testID, items, value, onValueChange, multiple, color = 'neutral', size = 's', wrap = true, disabled, interactionPolicy, }) {
+    const passive = interactionPolicy === 'passive';
+    const renderChip = (item) => {
+        const itemDisabled = disabled === true || item.disabled === true;
+        const isSelected = Array.isArray(value) ? hasValue(value, item.value) : value === item.value;
+        const handlePress = () => {
+            if (passive)
+                return;
+            if (multiple) {
+                const next = toggleValue(value ?? [], item.value);
+                onValueChange?.(next);
+                return;
+            }
+            onValueChange?.(item.value);
+        };
+        return (<Chip interactionPolicy={interactionPolicy} key={item.value} disabled={itemDisabled} icon={item.icon} onPress={handlePress} selected={isSelected} size={size} testID={item.testID} color={color}>
+        {item.label}
+      </Chip>);
+    };
+    return (<Inline align="center" gap="s" testID={testID} wrap={wrap ? 'wrap' : 'nowrap'}>
+      {items.map(renderChip)}
+    </Inline>);
+}
+//# sourceMappingURL=ChipGroup.js.map

package/dist/features/chip/adapters/inbound/ChipGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.js","sourceRoot":"","sources":["../../../../../src/features/chip/adapters/inbound/ChipGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Inline } from '../../../../foundation';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ChipGroupItem, ChipGroupProps } from '../../../../types/chip-group';\nimport { Chip } from '../../public';\n/***\n * Renders a row or wrap layout of `Chip` items.\n */\nexport const ChipGroup = withZoraThemeScope(ChipGroupInner);\n\nfunction hasValue<TValue extends string>(values: readonly TValue[], value: TValue): boolean {\n  return values.includes(value);\n}\n\nfunction toggleValue<TValue extends string>(values: readonly TValue[], value: TValue): TValue[] {\n  return hasValue(values, value) ? values.filter((item) => item !== value) : [...values, value];\n}\n\nfunction ChipGroupInner<TValue extends string = string>({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  items,\n  value,\n  onValueChange,\n  multiple,\n  color = 'neutral',\n  size = 's',\n  wrap = true,\n  disabled,\n  interactionPolicy,\n}: ChipGroupProps<TValue>) {\n  const passive = interactionPolicy === 'passive';\n\n  const renderChip = (item: ChipGroupItem<TValue>) => {\n    const itemDisabled = disabled === true || item.disabled === true;\n    const isSelected = Array.isArray(value) ? hasValue(value, item.value) : value === item.value;\n\n    const handlePress = () => {\n      if (passive) return;\n      if (multiple) {\n        const next = toggleValue(value ?? [], item.value);\n        onValueChange?.(next);\n        return;\n      }\n\n      onValueChange?.(item.value);\n    };\n\n    return (\n      <Chip\n        interactionPolicy={interactionPolicy}\n        key={item.value}\n        disabled={itemDisabled}\n        icon={item.icon}\n        onPress={handlePress}\n        selected={isSelected}\n        size={size}\n        testID={item.testID}\n        color={color}\n      >\n        {item.label}\n      </Chip>\n    );\n  };\n\n  return (\n    <Inline align=\"center\" gap=\"s\" testID={testID} wrap={wrap ? 'wrap' : 'nowrap'}>\n      {items.map(renderChip)}\n    </Inline>\n  );\n}\n"]}

package/dist/features/chip/chipGroupMeta.d.ts

@@ -0,0 +1,75 @@
+export declare const chipGroupMeta: {
+    readonly name: "ChipGroup";
+    readonly category: "component";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly blueprint: {
+        readonly label: "Chip group";
+        readonly defaultProps: {
+            readonly items: readonly [];
+        };
+    };
+    readonly events: {
+        readonly valueChange: {
+            readonly label: "Selection change";
+            readonly eventType: "chipGroup.valueChange";
+            readonly payloadFields: readonly [{
+                readonly path: "value";
+                readonly type: "unknown";
+            }];
+        };
+    };
+    readonly bindings: {
+        readonly props: {
+            readonly value: {
+                readonly value: {
+                    readonly type: "unknown";
+                };
+                readonly acceptsFallback: true;
+            };
+        };
+    };
+    readonly props: {
+        readonly items: {
+            readonly type: "array";
+            readonly category: "Content";
+            readonly itemSchema: readonly [{
+                readonly key: "value";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Identity";
+                };
+            }, {
+                readonly key: "label";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Content";
+                };
+            }, {
+                readonly key: "disabled";
+                readonly schema: {
+                    readonly type: "boolean";
+                    readonly category: "State";
+                };
+            }];
+        };
+        readonly multiple: {
+            readonly type: "boolean";
+            readonly category: "Selection";
+        };
+        readonly wrap: {
+            readonly type: "boolean";
+            readonly category: "Layout";
+        };
+        readonly disabled: {
+            readonly type: "boolean";
+            readonly category: "State";
+        };
+        readonly size: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly enum: readonly ["s", "m", "l"];
+        };
+    };
+};
+//# sourceMappingURL=chipGroupMeta.d.ts.map

package/dist/features/chip/chipGroupMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chipGroupMeta.d.ts","sourceRoot":"","sources":["../../../src/features/chip/chipGroupMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BY,CAAC"}

package/dist/features/chip/chipGroupMeta.js

@@ -0,0 +1,31 @@
+export const chipGroupMeta = {
+    name: 'ChipGroup',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: [],
+    blueprint: { label: 'Chip group', defaultProps: { items: [] } },
+    events: {
+        valueChange: {
+            label: 'Selection change',
+            eventType: 'chipGroup.valueChange',
+            payloadFields: [{ path: 'value', type: 'unknown' }],
+        },
+    },
+    bindings: { props: { value: { value: { type: 'unknown' }, acceptsFallback: true } } },
+    props: {
+        items: {
+            type: 'array',
+            category: 'Content',
+            itemSchema: [
+                { key: 'value', schema: { type: 'string', category: 'Identity' } },
+                { key: 'label', schema: { type: 'string', category: 'Content' } },
+                { key: 'disabled', schema: { type: 'boolean', category: 'State' } },
+            ],
+        },
+        multiple: { type: 'boolean', category: 'Selection' },
+        wrap: { type: 'boolean', category: 'Layout' },
+        disabled: { type: 'boolean', category: 'State' },
+        size: { type: 'enum', category: 'Style', enum: ['s', 'm', 'l'] },
+    },
+};
+//# sourceMappingURL=chipGroupMeta.js.map

package/dist/features/chip/chipGroupMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chipGroupMeta.js","sourceRoot":"","sources":["../../../src/features/chip/chipGroupMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;IAC/D,MAAM,EAAE;QACN,WAAW,EAAE;YACX,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,uBAAuB;YAClC,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;SACpD;KACF;IACD,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,EAAE;IACrF,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE;gBACV,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE;gBAClE,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;gBACjE,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;aACpE;SACF;QACD,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE;QACpD,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE;QAC7C,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE;QAChD,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE;KACjE;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata/types';\n\nexport const chipGroupMeta = {\n  name: 'ChipGroup',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: { label: 'Chip group', defaultProps: { items: [] } },\n  events: {\n    valueChange: {\n      label: 'Selection change',\n      eventType: 'chipGroup.valueChange',\n      payloadFields: [{ path: 'value', type: 'unknown' }],\n    },\n  },\n  bindings: { props: { value: { value: { type: 'unknown' }, acceptsFallback: true } } },\n  props: {\n    items: {\n      type: 'array',\n      category: 'Content',\n      itemSchema: [\n        { key: 'value', schema: { type: 'string', category: 'Identity' } },\n        { key: 'label', schema: { type: 'string', category: 'Content' } },\n        { key: 'disabled', schema: { type: 'boolean', category: 'State' } },\n      ],\n    },\n    multiple: { type: 'boolean', category: 'Selection' },\n    wrap: { type: 'boolean', category: 'Layout' },\n    disabled: { type: 'boolean', category: 'State' },\n    size: { type: 'enum', category: 'Style', enum: ['s', 'm', 'l'] },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/chip/chipMeta.d.ts

@@ -0,0 +1,38 @@
+export declare const chipMeta: {
+    readonly name: "Chip";
+    readonly category: "component";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly events: {
+        readonly press: {
+            readonly label: "Press";
+            readonly eventType: "chip.press";
+            readonly payloadFields: readonly [];
+        };
+    };
+    readonly props: {
+        readonly children: {
+            readonly type: "string";
+            readonly category: "Content";
+        };
+        readonly selected: {
+            readonly type: "boolean";
+            readonly category: "State";
+        };
+        readonly disabled: {
+            readonly type: "boolean";
+            readonly category: "State";
+        };
+        readonly color: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly enum: readonly ["primary", "secondary", "neutral", "success", "warning", "danger", "info"];
+        };
+        readonly size: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly enum: readonly ["s", "m", "l"];
+        };
+    };
+};
+//# sourceMappingURL=chipMeta.d.ts.map

package/dist/features/chip/chipMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chipMeta.d.ts","sourceRoot":"","sources":["../../../src/features/chip/chipMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCiB,CAAC"}

package/dist/features/chip/chipMeta.js

@@ -0,0 +1,38 @@
+export const chipMeta = {
+    name: 'Chip',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: [],
+    events: {
+        press: {
+            label: 'Press',
+            eventType: 'chip.press',
+            payloadFields: [],
+        },
+    },
+    props: {
+        children: {
+            type: 'string',
+            category: 'Content',
+        },
+        selected: {
+            type: 'boolean',
+            category: 'State',
+        },
+        disabled: {
+            type: 'boolean',
+            category: 'State',
+        },
+        color: {
+            type: 'enum',
+            category: 'Style',
+            enum: ['primary', 'secondary', 'neutral', 'success', 'warning', 'danger', 'info'],
+        },
+        size: {
+            type: 'enum',
+            category: 'Style',
+            enum: ['s', 'm', 'l'],
+        },
+    },
+};
+//# sourceMappingURL=chipMeta.js.map

package/dist/features/chip/chipMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chipMeta.js","sourceRoot":"","sources":["../../../src/features/chip/chipMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,MAAM,EAAE;QACN,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,YAAY;YACvB,aAAa,EAAE,EAAE;SAClB;KACF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;SACpB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;SAClB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;SAClB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC;SAClF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;SACtB;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata/types';\n\nexport const chipMeta = {\n  name: 'Chip',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [],\n  events: {\n    press: {\n      label: 'Press',\n      eventType: 'chip.press',\n      payloadFields: [],\n    },\n  },\n  props: {\n    children: {\n      type: 'string',\n      category: 'Content',\n    },\n    selected: {\n      type: 'boolean',\n      category: 'State',\n    },\n    disabled: {\n      type: 'boolean',\n      category: 'State',\n    },\n    color: {\n      type: 'enum',\n      category: 'Style',\n      enum: ['primary', 'secondary', 'neutral', 'success', 'warning', 'danger', 'info'],\n    },\n    size: {\n      type: 'enum',\n      category: 'Style',\n      enum: ['s', 'm', 'l'],\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/chip/public.d.ts

@@ -0,0 +1,5 @@
+export type { ChipProps } from '../../types/chip';
+export type { ChipGroupItem, ChipGroupProps } from '../../types/chip-group';
+export { Chip } from './adapters/inbound/Chip';
+export { ChipGroup } from './adapters/inbound/ChipGroup';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/chip/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/chip/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/features/chip/public.js

@@ -0,0 +1,3 @@
+export { Chip } from './adapters/inbound/Chip';
+export { ChipGroup } from './adapters/inbound/ChipGroup';
+//# sourceMappingURL=public.js.map

package/dist/features/chip/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/chip/public.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC","sourcesContent":["export type { ChipProps } from '../../types/chip';\nexport type { ChipGroupItem, ChipGroupProps } from '../../types/chip-group';\nexport { Chip } from './adapters/inbound/Chip';\nexport { ChipGroup } from './adapters/inbound/ChipGroup';\n"]}

package/dist/features/chip/utils/resolveChipColors.d.ts

@@ -0,0 +1,10 @@
+import type { SurfaceTheme } from '@ankhorage/surface';
+import type { ZoraColor } from '../../../internal/recipes';
+import type { ChipColors, ChipInteractionState } from '../../../types/chip';
+export declare function resolveChipColors({ theme, color, selected, state, }: {
+    theme: SurfaceTheme;
+    color: ZoraColor;
+    selected: boolean;
+    state: ChipInteractionState;
+}): ChipColors;
+//# sourceMappingURL=resolveChipColors.d.ts.map

package/dist/features/chip/utils/resolveChipColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveChipColors.d.ts","sourceRoot":"","sources":["../../../../src/features/chip/utils/resolveChipColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC5E,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,GACN,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,oBAAoB,CAAC;CAC7B,GAAG,UAAU,CAiCb"}

package/dist/features/chip/utils/resolveChipColors.js

@@ -0,0 +1,57 @@
+export function resolveChipColors({ theme, color, selected, state, }) {
+    if (state.disabled) {
+        return {
+            backgroundColor: theme.semantics.neutral.surface,
+            borderColor: theme.semantics.neutral.divider,
+            contentColor: theme.semantics.content.muted,
+            opacity: 0.72,
+        };
+    }
+    const role = resolveChipRole(theme, color);
+    if (selected) {
+        return {
+            backgroundColor: state.pressed
+                ? role.softActive
+                : state.hovered
+                    ? role.softHover
+                    : role.softBg,
+            borderColor: 'transparent',
+            contentColor: role.base,
+        };
+    }
+    return {
+        backgroundColor: state.pressed
+            ? theme.semantics.neutral.surfaceActive
+            : state.hovered
+                ? theme.semantics.neutral.surfaceHover
+                : theme.semantics.neutral.surface,
+        borderColor: theme.semantics.neutral.divider,
+        contentColor: theme.semantics.content.default,
+    };
+}
+function resolveChipRole(theme, color) {
+    switch (color) {
+        case 'secondary':
+            return theme.semantics.secondary;
+        case 'tertiary':
+            return theme.semantics.accent;
+        case 'quaternary':
+            return theme.semantics.highlight;
+        case 'error':
+            return theme.semantics.error;
+        case 'info':
+            return theme.semantics.info;
+        case 'primary':
+            return theme.semantics.action.primary;
+        case 'danger':
+            return theme.semantics.action.danger;
+        case 'success':
+            return theme.semantics.success;
+        case 'warning':
+            return theme.semantics.warning;
+        case 'neutral':
+        default:
+            return theme.semantics.action.neutral;
+    }
+}
+//# sourceMappingURL=resolveChipColors.js.map

package/dist/features/chip/utils/resolveChipColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveChipColors.js","sourceRoot":"","sources":["../../../../src/features/chip/utils/resolveChipColors.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,GAMN;IACC,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnB,OAAO;YACL,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;YAChD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;YAC5C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;YAC3C,OAAO,EAAE,IAAI;SACd,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAE3C,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO;YACL,eAAe,EAAE,KAAK,CAAC,OAAO;gBAC5B,CAAC,CAAC,IAAI,CAAC,UAAU;gBACjB,CAAC,CAAC,KAAK,CAAC,OAAO;oBACb,CAAC,CAAC,IAAI,CAAC,SAAS;oBAChB,CAAC,CAAC,IAAI,CAAC,MAAM;YACjB,WAAW,EAAE,aAAa;YAC1B,YAAY,EAAE,IAAI,CAAC,IAAI;SACxB,CAAC;IACJ,CAAC;IAED,OAAO;QACL,eAAe,EAAE,KAAK,CAAC,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,aAAa;YACvC,CAAC,CAAC,KAAK,CAAC,OAAO;gBACb,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY;gBACtC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;QACrC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;QAC5C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;KAC9C,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAAmB,EAAE,KAAgB;IAC5D,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,WAAW;YACd,OAAO,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;QACnC,KAAK,UAAU;YACb,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;QAChC,KAAK,YAAY;YACf,OAAO,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;QACnC,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;QAC/B,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;QAC9B,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;QACxC,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;QACvC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;QACjC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;QACjC,KAAK,SAAS,CAAC;QACf;YACE,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;IAC1C,CAAC;AACH,CAAC","sourcesContent":["import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';\n\nimport type { ZoraColor } from '../../../internal/recipes';\nimport type { ChipColors, ChipInteractionState } from '../../../types/chip';\nexport function resolveChipColors({\n  theme,\n  color,\n  selected,\n  state,\n}: {\n  theme: SurfaceTheme;\n  color: ZoraColor;\n  selected: boolean;\n  state: ChipInteractionState;\n}): ChipColors {\n  if (state.disabled) {\n    return {\n      backgroundColor: theme.semantics.neutral.surface,\n      borderColor: theme.semantics.neutral.divider,\n      contentColor: theme.semantics.content.muted,\n      opacity: 0.72,\n    };\n  }\n\n  const role = resolveChipRole(theme, color);\n\n  if (selected) {\n    return {\n      backgroundColor: state.pressed\n        ? role.softActive\n        : state.hovered\n          ? role.softHover\n          : role.softBg,\n      borderColor: 'transparent',\n      contentColor: role.base,\n    };\n  }\n\n  return {\n    backgroundColor: state.pressed\n      ? theme.semantics.neutral.surfaceActive\n      : state.hovered\n        ? theme.semantics.neutral.surfaceHover\n        : theme.semantics.neutral.surface,\n    borderColor: theme.semantics.neutral.divider,\n    contentColor: theme.semantics.content.default,\n  };\n}\n\nfunction resolveChipRole(theme: SurfaceTheme, color: ZoraColor): RoleSemantics {\n  switch (color) {\n    case 'secondary':\n      return theme.semantics.secondary;\n    case 'tertiary':\n      return theme.semantics.accent;\n    case 'quaternary':\n      return theme.semantics.highlight;\n    case 'error':\n      return theme.semantics.error;\n    case 'info':\n      return theme.semantics.info;\n    case 'primary':\n      return theme.semantics.action.primary;\n    case 'danger':\n      return theme.semantics.action.danger;\n    case 'success':\n      return theme.semantics.success;\n    case 'warning':\n      return theme.semantics.warning;\n    case 'neutral':\n    default:\n      return theme.semantics.action.neutral;\n  }\n}\n"]}

package/dist/features/data-table/adapters/inbound/DataTable.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { DataTableProps } from '../../../../types/data-table';
+/***
+ * Displays structured tabular data with responsive desktop/mobile layouts.
+ */
+export declare const DataTable: <TRow extends object>(props: DataTableProps<TRow>) => React.ReactElement | null;
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/features/data-table/adapters/inbound/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../../src/features/data-table/adapters/inbound/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAKV,cAAc,EAGf,MAAM,8BAA8B,CAAC;AAQtC;;GAEG;AACH,eAAO,MAAM,SAAS,GAuVE,IAAI,SAAS,MAAM,2DAvVgB,CAAC"}

package/dist/features/data-table/adapters/inbound/DataTable.js

@@ -0,0 +1,218 @@
+import React from 'react';
+import { ScrollView } from 'react-native';
+import { DropdownMenu } from '../../../../components/menu';
+import { SkeletonList } from '../../../../components/skeleton';
+import { Show } from '../../../../foundation';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Button } from '../../../button/public';
+import { IconButton } from '../../../button/public';
+import { Card } from '../../../card/public';
+import { EmptyState } from '../../../empty-state/public';
+import { Box, Stack } from '../../../layout/public';
+import { Text } from '../../../typography/public';
+import { resolveDataTableRowKey } from '../../utils/resolveDataTableRowKey';
+/***
+ * Displays structured tabular data with responsive desktop/mobile layouts.
+ */
+export const DataTable = withZoraThemeScope(DataTableInner);
+function resolveTextAlign(align) {
+    switch (align) {
+        case 'center':
+            return 'center';
+        case 'end':
+            return 'right';
+        case 'start':
+        default:
+            return 'left';
+    }
+}
+function resolveCellJustify(align) {
+    switch (align) {
+        case 'center':
+            return 'center';
+        case 'end':
+            return 'flex-end';
+        case 'start':
+        default:
+            return 'flex-start';
+    }
+}
+function resolveCellStyle(column) {
+    return {
+        alignItems: resolveCellJustify(column.align),
+        flexGrow: column.width === undefined ? 1 : 0,
+        flexShrink: 0,
+        minWidth: column.minWidth ?? 140,
+        width: column.width,
+    };
+}
+function resolveRowPadding(density) {
+    return density === 'compact'
+        ? { px: 'm', py: 's' }
+        : { px: 'm', py: 'm' };
+}
+function resolveAccessorValue(row, column) {
+    if (column.accessor === undefined) {
+        return undefined;
+    }
+    return row[column.accessor];
+}
+function renderDefaultCell(value) {
+    if (value === null || value === undefined) {
+        return '—';
+    }
+    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
+        return String(value);
+    }
+    if (typeof value === 'bigint') {
+        return value.toString();
+    }
+    if (value instanceof Date) {
+        return value.toLocaleDateString();
+    }
+    return '—';
+}
+function createCellContext(column, row, rowIndex) {
+    return {
+        column,
+        row,
+        rowIndex,
+        value: resolveAccessorValue(row, column),
+    };
+}
+function renderCell(column, row, rowIndex) {
+    const context = createCellContext(column, row, rowIndex);
+    return column.renderCell ? column.renderCell(context) : renderDefaultCell(context.value);
+}
+function renderTableCell(column, row, rowIndex) {
+    if (column.renderCell) {
+        return column.renderCell(createCellContext(column, row, rowIndex));
+    }
+    return (<Text align={resolveTextAlign(column.align)} variant="bodySmall">
+      {renderDefaultCell(resolveAccessorValue(row, column))}
+    </Text>);
+}
+function resolveNextSortDirection(current) {
+    return current === 'asc' ? 'desc' : 'asc';
+}
+function mapRowActions(row, actions) {
+    return actions.map((action) => ({
+        description: action.description,
+        disabled: action.disabled,
+        icon: action.icon,
+        id: action.id,
+        intent: action.intent,
+        onPress: action.onPress ? () => action.onPress?.(row) : undefined,
+        title: action.title,
+    }));
+}
+function renderRowActions({ row, rowIndex, rowActions, testID, interactionPolicy, }) {
+    const actions = rowActions?.(row, rowIndex) ?? [];
+    if (actions.length === 0) {
+        return null;
+    }
+    return (<DropdownMenu actions={mapRowActions(row, actions)} interactionPolicy={interactionPolicy} testID={testID ? `${testID}-row-actions-${rowIndex}` : undefined} trigger={<IconButton icon={{ name: 'ellipsis-horizontal' }} label="Row actions" size="s" variant="ghost"/>}/>);
+}
+function DataTableHeader({ columns, sort, onSortChange, density, interactionPolicy, }) {
+    const padding = resolveRowPadding(density ?? 'comfortable');
+    const passive = interactionPolicy === 'passive';
+    return (<Box bg="subtle" borderColor="border" borderWidth={1} radius="m">
+      <Stack direction="row" align="center">
+        {columns.map((column) => {
+            const currentDirection = sort?.columnId === column.id ? sort.direction : undefined;
+            const sortable = Boolean(column.sortable && onSortChange);
+            const directionLabel = currentDirection === undefined ? '' : currentDirection === 'asc' ? ' ↑' : ' ↓';
+            return (<Box key={column.id} px={padding.px} py={padding.py} style={resolveCellStyle(column)}>
+              {sortable ? (<Button color="primary" interactionPolicy={interactionPolicy} onPress={() => {
+                        if (passive)
+                            return;
+                        onSortChange?.({
+                            columnId: column.id,
+                            direction: resolveNextSortDirection(currentDirection),
+                        });
+                    }} size="s" variant="ghost">
+                  {column.header}
+                  {directionLabel}
+                </Button>) : (<Text align={resolveTextAlign(column.align)} emphasis="muted" variant="caption" weight="semiBold">
+                  {column.header}
+                </Text>)}
+            </Box>);
+        })}
+        <Box px={padding.px} py={padding.py} style={{ minWidth: 56, width: 56 }}>
+          <Text align="right" emphasis="muted" variant="caption" weight="semiBold">
+            Actions
+          </Text>
+        </Box>
+      </Stack>
+    </Box>);
+}
+function DataTableDesktop({ columns, rows, rowActions, rowId, rowKey, sort, onSortChange, density, testID, interactionPolicy, }) {
+    const padding = resolveRowPadding(density ?? 'comfortable');
+    return (<ScrollView horizontal showsHorizontalScrollIndicator={false}>
+      <Box minWidth={720} style={{ width: '100%' }}>
+        <Stack gap="xs">
+          <DataTableHeader columns={columns} density={density} interactionPolicy={interactionPolicy} onSortChange={onSortChange} sort={sort}/>
+          <Stack gap="xs">
+            {rows.map((row, rowIndex) => (<Box bg="surface" borderColor="border" borderWidth={1} key={resolveDataTableRowKey(row, rowIndex, rowKey, rowId)} radius="m" testID={testID ? `${testID}-row-${rowIndex}` : undefined}>
+                <Stack direction="row" align="center">
+                  {columns.map((column) => (<Box key={column.id} px={padding.px} py={padding.py} style={resolveCellStyle(column)}>
+                      {renderTableCell(column, row, rowIndex)}
+                    </Box>))}
+                  <Box px={padding.px} py={padding.py} style={{ alignItems: 'flex-end', minWidth: 56, width: 56 }}>
+                    {renderRowActions({ row, rowActions, rowIndex, testID, interactionPolicy })}
+                  </Box>
+                </Stack>
+              </Box>))}
+          </Stack>
+        </Stack>
+      </Box>
+    </ScrollView>);
+}
+function DataTableMobile({ columns, rows, rowActions, rowId, rowKey, testID, interactionPolicy, }) {
+    const [primaryColumn, ...detailColumns] = columns;
+    return (<Stack gap="s">
+      {rows.map((row, rowIndex) => {
+            const title = primaryColumn
+                ? renderCell(primaryColumn, row, rowIndex)
+                : `Row ${rowIndex + 1}`;
+            const actions = renderRowActions({ row, rowActions, rowIndex, testID, interactionPolicy });
+            return (<Card actions={actions} compact interactionPolicy={interactionPolicy} key={resolveDataTableRowKey(row, rowIndex, rowKey, rowId)} testID={testID ? `${testID}-card-${rowIndex}` : undefined} title={title}>
+            <Stack gap="s">
+              {detailColumns.map((column) => (<Stack gap="xxs" key={column.id}>
+                  <Text emphasis="muted" variant="caption" weight="semiBold">
+                    {column.header}
+                  </Text>
+                  {column.renderCell ? (renderCell(column, row, rowIndex)) : (<Text variant="bodySmall">
+                      {renderDefaultCell(resolveAccessorValue(row, column))}
+                    </Text>)}
+                </Stack>))}
+            </Stack>
+          </Card>);
+        })}
+    </Stack>);
+}
+function DataTableInner({ themeId: _themeId, mode: _mode, rows, loading = false, loadingRows = 5, emptyTitle = 'No data', emptyDescription = 'There are no rows to display.', testID, density = 'comfortable', interactionPolicy, ...props }) {
+    if (loading) {
+        return <SkeletonList rows={loadingRows} variant="card" testID={testID}/>;
+    }
+    if (rows.length === 0) {
+        return <EmptyState title={emptyTitle} description={emptyDescription}/>;
+    }
+    const tableProps = {
+        ...props,
+        density,
+        emptyDescription,
+        emptyTitle,
+        interactionPolicy,
+        loading,
+        loadingRows,
+        rows,
+        testID,
+    };
+    return (<Box testID={testID}>
+      <Show when={{ base: false, md: true }} fallback={<DataTableMobile {...tableProps}/>}>
+        <DataTableDesktop {...tableProps}/>
+      </Show>
+    </Box>);
+}
+//# sourceMappingURL=DataTable.js.map