@ankhorage/zora 15.0.0 → 17.0.0

package/dist/features/pagination/adapters/inbound/Pagination.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Button } from '../../../button/public';
+import { View } from '../../../layout/public';
+import { Text } from '../../../typography/public';
+import { resolvePaginationPage } from '../../utils/resolvePaginationPage';
+import { resolvePaginationState } from '../../utils/resolvePaginationState';
+/*** Renders controls for navigating between pages of a finite result set. */
+export const Pagination = withZoraThemeScope(PaginationInner);
+/*** Connects normalized pagination state to visible page navigation controls. */
+function PaginationInner({ themeId: _themeId, mode: _mode, page, pageCount, onPageChange, disabled = false, siblingCount = 1, boundaryCount = 1, showFirstLast = false, previousLabel = 'Previous', nextLabel = 'Next', firstLabel = 'First', lastLabel = 'Last', compact = false, testID, interactionPolicy, }) {
+    const passive = interactionPolicy === 'passive';
+    const state = resolvePaginationState({ boundaryCount, compact, page, pageCount, siblingCount });
+    const canGoPrevious = state.currentPage > 1;
+    const canGoNext = state.currentPage < state.pageCount;
+    const navigationDisabled = disabled || state.pageCount <= 1;
+    const changePage = React.useCallback((nextPage) => {
+        const clampedPage = resolvePaginationPage(nextPage, state.pageCount);
+        if (passive || disabled || clampedPage === state.currentPage)
+            return;
+        onPageChange?.(clampedPage);
+    }, [disabled, onPageChange, passive, state.currentPage, state.pageCount]);
+    return (<View align="center" direction="row" gap="xs" testID={testID}>
+      {showFirstLast ? (<Button disabled={navigationDisabled || state.currentPage === 1} interactionPolicy={interactionPolicy} onPress={() => changePage(1)} size="s" testID={testID ? `${testID}-first` : undefined} variant="ghost">
+          {firstLabel}
+        </Button>) : null}
+      <Button disabled={navigationDisabled || !canGoPrevious} interactionPolicy={interactionPolicy} onPress={() => changePage(state.currentPage - 1)} size="s" testID={testID ? `${testID}-previous` : undefined} variant="ghost">
+        {previousLabel}
+      </Button>
+      {state.items.map((item, index) => item === 'ellipsis' ? (<Text key={`ellipsis-${index}`} emphasis="muted" variant="bodySmall">
+            …
+          </Text>) : (<Button color={item === state.currentPage ? 'primary' : 'neutral'} disabled={disabled} interactionPolicy={interactionPolicy} key={item} onPress={() => changePage(item)} size="s" testID={testID ? `${testID}-page-${item}` : undefined} variant={item === state.currentPage ? 'solid' : 'ghost'}>
+            {item}
+          </Button>))}
+      <Button disabled={navigationDisabled || !canGoNext} interactionPolicy={interactionPolicy} onPress={() => changePage(state.currentPage + 1)} size="s" testID={testID ? `${testID}-next` : undefined} variant="ghost">
+        {nextLabel}
+      </Button>
+      {showFirstLast ? (<Button disabled={navigationDisabled || state.currentPage === state.pageCount} interactionPolicy={interactionPolicy} onPress={() => changePage(state.pageCount)} size="s" testID={testID ? `${testID}-last` : undefined} variant="ghost">
+          {lastLabel}
+        </Button>) : null}
+    </View>);
+}
+//# sourceMappingURL=Pagination.js.map

package/dist/features/pagination/adapters/inbound/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/features/pagination/adapters/inbound/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAE5E,6EAA6E;AAC7E,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE9D,iFAAiF;AACjF,SAAS,eAAe,CAAC,EACvB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,CAAC,EAChB,aAAa,GAAG,CAAC,EACjB,aAAa,GAAG,KAAK,EACrB,aAAa,GAAG,UAAU,EAC1B,SAAS,GAAG,MAAM,EAClB,UAAU,GAAG,OAAO,EACpB,SAAS,GAAG,MAAM,EAClB,OAAO,GAAG,KAAK,EACf,MAAM,EACN,iBAAiB,GACD;IAChB,MAAM,OAAO,GAAG,iBAAiB,KAAK,SAAS,CAAC;IAChD,MAAM,KAAK,GAAG,sBAAsB,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAC;IAChG,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC;IACtD,MAAM,kBAAkB,GAAG,QAAQ,IAAI,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC;IAE5D,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,QAAgB,EAAE,EAAE;QACnB,MAAM,WAAW,GAAG,qBAAqB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;QACrE,IAAI,OAAO,IAAI,QAAQ,IAAI,WAAW,KAAK,KAAK,CAAC,WAAW;YAAE,OAAO;QACrE,YAAY,EAAE,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CACtE,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC3D;MAAA,CAAC,aAAa,CAAC,CAAC,CAAC,CACf,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,kBAAkB,IAAI,KAAK,CAAC,WAAW,KAAK,CAAC,CAAC,CACxD,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAC7B,IAAI,CAAC,GAAG,CACR,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAC/C,OAAO,CAAC,OAAO,CAEf;UAAA,CAAC,UAAU,CACb;QAAA,EAAE,MAAM,CAAC,CACV,CAAC,CAAC,CAAC,IAAI,CACR;MAAA,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,kBAAkB,IAAI,CAAC,aAAa,CAAC,CAC/C,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CACjD,IAAI,CAAC,GAAG,CACR,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAClD,OAAO,CAAC,OAAO,CAEf;QAAA,CAAC,aAAa,CAChB;MAAA,EAAE,MAAM,CACR;MAAA,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC/B,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CACpB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,YAAY,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAClE;;UACF,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,CACF,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAC1D,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,GAAG,CAAC,CAAC,IAAI,CAAC,CACV,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAChC,IAAI,CAAC,GAAG,CACR,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CACtD,OAAO,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAExD;YAAA,CAAC,IAAI,CACP;UAAA,EAAE,MAAM,CAAC,CACV,CACF,CACD;MAAA,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,kBAAkB,IAAI,CAAC,SAAS,CAAC,CAC3C,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CACjD,IAAI,CAAC,GAAG,CACR,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAC9C,OAAO,CAAC,OAAO,CAEf;QAAA,CAAC,SAAS,CACZ;MAAA,EAAE,MAAM,CACR;MAAA,CAAC,aAAa,CAAC,CAAC,CAAC,CACf,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,kBAAkB,IAAI,KAAK,CAAC,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC,CACtE,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAC3C,IAAI,CAAC,GAAG,CACR,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAC9C,OAAO,CAAC,OAAO,CAEf;UAAA,CAAC,SAAS,CACZ;QAAA,EAAE,MAAM,CAAC,CACV,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { PaginationProps } from '../../../../types/pagination';\nimport { Button } from '../../../button/public';\nimport { View } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\nimport { resolvePaginationPage } from '../../utils/resolvePaginationPage';\nimport { resolvePaginationState } from '../../utils/resolvePaginationState';\n\n/*** Renders controls for navigating between pages of a finite result set. */\nexport const Pagination = withZoraThemeScope(PaginationInner);\n\n/*** Connects normalized pagination state to visible page navigation controls. */\nfunction PaginationInner({\n  themeId: _themeId,\n  mode: _mode,\n  page,\n  pageCount,\n  onPageChange,\n  disabled = false,\n  siblingCount = 1,\n  boundaryCount = 1,\n  showFirstLast = false,\n  previousLabel = 'Previous',\n  nextLabel = 'Next',\n  firstLabel = 'First',\n  lastLabel = 'Last',\n  compact = false,\n  testID,\n  interactionPolicy,\n}: PaginationProps) {\n  const passive = interactionPolicy === 'passive';\n  const state = resolvePaginationState({ boundaryCount, compact, page, pageCount, siblingCount });\n  const canGoPrevious = state.currentPage > 1;\n  const canGoNext = state.currentPage < state.pageCount;\n  const navigationDisabled = disabled || state.pageCount <= 1;\n\n  const changePage = React.useCallback(\n    (nextPage: number) => {\n      const clampedPage = resolvePaginationPage(nextPage, state.pageCount);\n      if (passive || disabled || clampedPage === state.currentPage) return;\n      onPageChange?.(clampedPage);\n    },\n    [disabled, onPageChange, passive, state.currentPage, state.pageCount],\n  );\n\n  return (\n    <View align=\"center\" direction=\"row\" gap=\"xs\" testID={testID}>\n      {showFirstLast ? (\n        <Button\n          disabled={navigationDisabled || state.currentPage === 1}\n          interactionPolicy={interactionPolicy}\n          onPress={() => changePage(1)}\n          size=\"s\"\n          testID={testID ? `${testID}-first` : undefined}\n          variant=\"ghost\"\n        >\n          {firstLabel}\n        </Button>\n      ) : null}\n      <Button\n        disabled={navigationDisabled || !canGoPrevious}\n        interactionPolicy={interactionPolicy}\n        onPress={() => changePage(state.currentPage - 1)}\n        size=\"s\"\n        testID={testID ? `${testID}-previous` : undefined}\n        variant=\"ghost\"\n      >\n        {previousLabel}\n      </Button>\n      {state.items.map((item, index) =>\n        item === 'ellipsis' ? (\n          <Text key={`ellipsis-${index}`} emphasis=\"muted\" variant=\"bodySmall\">\n            …\n          </Text>\n        ) : (\n          <Button\n            color={item === state.currentPage ? 'primary' : 'neutral'}\n            disabled={disabled}\n            interactionPolicy={interactionPolicy}\n            key={item}\n            onPress={() => changePage(item)}\n            size=\"s\"\n            testID={testID ? `${testID}-page-${item}` : undefined}\n            variant={item === state.currentPage ? 'solid' : 'ghost'}\n          >\n            {item}\n          </Button>\n        ),\n      )}\n      <Button\n        disabled={navigationDisabled || !canGoNext}\n        interactionPolicy={interactionPolicy}\n        onPress={() => changePage(state.currentPage + 1)}\n        size=\"s\"\n        testID={testID ? `${testID}-next` : undefined}\n        variant=\"ghost\"\n      >\n        {nextLabel}\n      </Button>\n      {showFirstLast ? (\n        <Button\n          disabled={navigationDisabled || state.currentPage === state.pageCount}\n          interactionPolicy={interactionPolicy}\n          onPress={() => changePage(state.pageCount)}\n          size=\"s\"\n          testID={testID ? `${testID}-last` : undefined}\n          variant=\"ghost\"\n        >\n          {lastLabel}\n        </Button>\n      ) : null}\n    </View>\n  );\n}\n"]}

package/dist/features/pagination/paginationMeta.d.ts

@@ -0,0 +1,118 @@
+export declare const paginationMeta: {
+    readonly name: "Pagination";
+    readonly category: "component";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly description: "Navigates between pages of a finite result set without changing app routes.";
+    readonly blueprint: {
+        readonly label: "Pagination";
+        readonly defaultProps: {
+            readonly boundaryCount: 1;
+            readonly compact: false;
+            readonly page: 1;
+            readonly pageCount: 10;
+            readonly siblingCount: 1;
+        };
+    };
+    readonly bindings: {
+        readonly props: {
+            readonly page: {
+                readonly label: "Page";
+                readonly description: "Current one-based page.";
+                readonly value: {
+                    readonly type: "number";
+                };
+                readonly acceptsFallback: true;
+                readonly acceptsTransforms: true;
+            };
+        };
+        readonly events: {
+            readonly pageChange: {
+                readonly label: "Page change";
+                readonly description: "Runs when a new page is requested.";
+                readonly payload: {
+                    readonly eventType: "pagination.pageChange";
+                    readonly fields: readonly [{
+                        readonly path: "page";
+                        readonly type: "number";
+                        readonly label: "Page";
+                    }];
+                };
+            };
+        };
+    };
+    readonly events: {
+        readonly pageChange: {
+            readonly label: "Page change";
+            readonly eventType: "pagination.pageChange";
+            readonly payloadFields: readonly [{
+                readonly path: "page";
+                readonly type: "number";
+                readonly label: "Page";
+            }];
+        };
+    };
+    readonly props: {
+        readonly page: {
+            readonly type: "number";
+            readonly category: "State";
+            readonly label: "Page";
+            readonly default: 1;
+        };
+        readonly pageCount: {
+            readonly type: "number";
+            readonly category: "Data";
+            readonly label: "Page count";
+            readonly default: 10;
+        };
+        readonly siblingCount: {
+            readonly type: "number";
+            readonly category: "Layout";
+            readonly label: "Sibling count";
+            readonly default: 1;
+        };
+        readonly boundaryCount: {
+            readonly type: "number";
+            readonly category: "Layout";
+            readonly label: "Boundary count";
+            readonly default: 1;
+        };
+        readonly showFirstLast: {
+            readonly type: "boolean";
+            readonly category: "Behavior";
+            readonly label: "Show first/last";
+        };
+        readonly compact: {
+            readonly type: "boolean";
+            readonly category: "Layout";
+            readonly label: "Compact";
+            readonly default: false;
+        };
+        readonly disabled: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Disabled";
+        };
+        readonly previousLabel: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Previous label";
+        };
+        readonly nextLabel: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Next label";
+        };
+        readonly firstLabel: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "First label";
+        };
+        readonly lastLabel: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Last label";
+        };
+    };
+};
+//# sourceMappingURL=paginationMeta.d.ts.map

package/dist/features/pagination/paginationMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginationMeta.d.ts","sourceRoot":"","sources":["../../../src/features/pagination/paginationMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDW,CAAC"}

package/dist/features/pagination/paginationMeta.js

@@ -0,0 +1,53 @@
+export const paginationMeta = {
+    name: 'Pagination',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: [],
+    description: 'Navigates between pages of a finite result set without changing app routes.',
+    blueprint: {
+        label: 'Pagination',
+        defaultProps: { boundaryCount: 1, compact: false, page: 1, pageCount: 10, siblingCount: 1 },
+    },
+    bindings: {
+        props: {
+            page: {
+                label: 'Page',
+                description: 'Current one-based page.',
+                value: { type: 'number' },
+                acceptsFallback: true,
+                acceptsTransforms: true,
+            },
+        },
+        events: {
+            pageChange: {
+                label: 'Page change',
+                description: 'Runs when a new page is requested.',
+                payload: {
+                    eventType: 'pagination.pageChange',
+                    fields: [{ path: 'page', type: 'number', label: 'Page' }],
+                },
+            },
+        },
+    },
+    events: {
+        pageChange: {
+            label: 'Page change',
+            eventType: 'pagination.pageChange',
+            payloadFields: [{ path: 'page', type: 'number', label: 'Page' }],
+        },
+    },
+    props: {
+        page: { type: 'number', category: 'State', label: 'Page', default: 1 },
+        pageCount: { type: 'number', category: 'Data', label: 'Page count', default: 10 },
+        siblingCount: { type: 'number', category: 'Layout', label: 'Sibling count', default: 1 },
+        boundaryCount: { type: 'number', category: 'Layout', label: 'Boundary count', default: 1 },
+        showFirstLast: { type: 'boolean', category: 'Behavior', label: 'Show first/last' },
+        compact: { type: 'boolean', category: 'Layout', label: 'Compact', default: false },
+        disabled: { type: 'boolean', category: 'State', label: 'Disabled' },
+        previousLabel: { type: 'string', category: 'Content', label: 'Previous label' },
+        nextLabel: { type: 'string', category: 'Content', label: 'Next label' },
+        firstLabel: { type: 'string', category: 'Content', label: 'First label' },
+        lastLabel: { type: 'string', category: 'Content', label: 'Last label' },
+    },
+};
+//# sourceMappingURL=paginationMeta.js.map

package/dist/features/pagination/paginationMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginationMeta.js","sourceRoot":"","sources":["../../../src/features/pagination/paginationMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,WAAW,EAAE,6EAA6E;IAC1F,SAAS,EAAE;QACT,KAAK,EAAE,YAAY;QACnB,YAAY,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;KAC5F;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;gBACb,WAAW,EAAE,yBAAyB;gBACtC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBACzB,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,IAAI;aACxB;SACF;QACD,MAAM,EAAE;YACN,UAAU,EAAE;gBACV,KAAK,EAAE,aAAa;gBACpB,WAAW,EAAE,oCAAoC;gBACjD,OAAO,EAAE;oBACP,SAAS,EAAE,uBAAuB;oBAClC,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;iBAC1D;aACF;SACF;KACF;IACD,MAAM,EAAE;QACN,UAAU,EAAE;YACV,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,uBAAuB;YAClC,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;SACjE;KACF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;QACtE,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,EAAE;QACjF,YAAY,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC,EAAE;QACxF,aAAa,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC,EAAE;QAC1F,aAAa,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE;QAClF,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE;QAClF,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE;QACnE,aAAa,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE;QAC/E,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE;QACvE,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,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE;KACxE;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata/types';\n\nexport const paginationMeta = {\n  name: 'Pagination',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [],\n  description: 'Navigates between pages of a finite result set without changing app routes.',\n  blueprint: {\n    label: 'Pagination',\n    defaultProps: { boundaryCount: 1, compact: false, page: 1, pageCount: 10, siblingCount: 1 },\n  },\n  bindings: {\n    props: {\n      page: {\n        label: 'Page',\n        description: 'Current one-based page.',\n        value: { type: 'number' },\n        acceptsFallback: true,\n        acceptsTransforms: true,\n      },\n    },\n    events: {\n      pageChange: {\n        label: 'Page change',\n        description: 'Runs when a new page is requested.',\n        payload: {\n          eventType: 'pagination.pageChange',\n          fields: [{ path: 'page', type: 'number', label: 'Page' }],\n        },\n      },\n    },\n  },\n  events: {\n    pageChange: {\n      label: 'Page change',\n      eventType: 'pagination.pageChange',\n      payloadFields: [{ path: 'page', type: 'number', label: 'Page' }],\n    },\n  },\n  props: {\n    page: { type: 'number', category: 'State', label: 'Page', default: 1 },\n    pageCount: { type: 'number', category: 'Data', label: 'Page count', default: 10 },\n    siblingCount: { type: 'number', category: 'Layout', label: 'Sibling count', default: 1 },\n    boundaryCount: { type: 'number', category: 'Layout', label: 'Boundary count', default: 1 },\n    showFirstLast: { type: 'boolean', category: 'Behavior', label: 'Show first/last' },\n    compact: { type: 'boolean', category: 'Layout', label: 'Compact', default: false },\n    disabled: { type: 'boolean', category: 'State', label: 'Disabled' },\n    previousLabel: { type: 'string', category: 'Content', label: 'Previous label' },\n    nextLabel: { type: 'string', category: 'Content', label: 'Next label' },\n    firstLabel: { type: 'string', category: 'Content', label: 'First label' },\n    lastLabel: { type: 'string', category: 'Content', label: 'Last label' },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

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

@@ -0,0 +1,3 @@
+export type { PaginationProps } from '../../types/pagination';
+export { Pagination } from './adapters/inbound/Pagination';
+//# sourceMappingURL=public.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/pagination/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/features/pagination/public.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/pagination/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC","sourcesContent":["export type { PaginationProps } from '../../types/pagination';\nexport { Pagination } from './adapters/inbound/Pagination';\n"]}

package/dist/features/pagination/utils/resolvePaginationPage.d.ts

@@ -0,0 +1,3 @@
+/*** Clamps a requested pagination page to the valid one-based page range. */
+export declare function resolvePaginationPage(value: number, pageCount: number): number;
+//# sourceMappingURL=resolvePaginationPage.d.ts.map

package/dist/features/pagination/utils/resolvePaginationPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolvePaginationPage.d.ts","sourceRoot":"","sources":["../../../../src/features/pagination/utils/resolvePaginationPage.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAI9E"}

package/dist/features/pagination/utils/resolvePaginationPage.js

@@ -0,0 +1,7 @@
+/*** Clamps a requested pagination page to the valid one-based page range. */
+export function resolvePaginationPage(value, pageCount) {
+    if (!Number.isFinite(value))
+        return 1;
+    return Math.min(Math.max(Math.trunc(value), 1), Math.max(pageCount, 1));
+}
+//# sourceMappingURL=resolvePaginationPage.js.map

package/dist/features/pagination/utils/resolvePaginationPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolvePaginationPage.js","sourceRoot":"","sources":["../../../../src/features/pagination/utils/resolvePaginationPage.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,MAAM,UAAU,qBAAqB,CAAC,KAAa,EAAE,SAAiB;IACpE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,CAAC,CAAC;IAEtC,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;AAC1E,CAAC","sourcesContent":["/*** Clamps a requested pagination page to the valid one-based page range. */\nexport function resolvePaginationPage(value: number, pageCount: number): number {\n  if (!Number.isFinite(value)) return 1;\n\n  return Math.min(Math.max(Math.trunc(value), 1), Math.max(pageCount, 1));\n}\n"]}

package/dist/features/pagination/utils/resolvePaginationState.d.ts

@@ -0,0 +1,17 @@
+/*** Normalizes pagination input and resolves visible page and ellipsis items. */
+export declare function resolvePaginationState({ page, pageCount, siblingCount, boundaryCount, compact, }: PaginationStateInput): PaginationState;
+type PaginationItem = number | 'ellipsis';
+interface PaginationStateInput {
+    page: number;
+    pageCount: number;
+    siblingCount: number | undefined;
+    boundaryCount: number | undefined;
+    compact: boolean;
+}
+interface PaginationState {
+    currentPage: number;
+    pageCount: number;
+    items: readonly PaginationItem[];
+}
+export {};
+//# sourceMappingURL=resolvePaginationState.d.ts.map

package/dist/features/pagination/utils/resolvePaginationState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolvePaginationState.d.ts","sourceRoot":"","sources":["../../../../src/features/pagination/utils/resolvePaginationState.ts"],"names":[],"mappings":"AAEA,iFAAiF;AACjF,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,aAAa,EACb,OAAO,GACR,EAAE,oBAAoB,GAAG,eAAe,CAkCxC;AAED,KAAK,cAAc,GAAG,MAAM,GAAG,UAAU,CAAC;AAE1C,UAAU,oBAAoB;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,eAAe;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;CAClC"}

package/dist/features/pagination/utils/resolvePaginationState.js

@@ -0,0 +1,34 @@
+import { resolvePaginationPage } from './resolvePaginationPage';
+/*** Normalizes pagination input and resolves visible page and ellipsis items. */
+export function resolvePaginationState({ page, pageCount, siblingCount, boundaryCount, compact, }) {
+    const normalizedPageCount = Math.max(0, Math.trunc(Number.isFinite(pageCount) ? pageCount : 0));
+    const currentPage = resolvePaginationPage(page, normalizedPageCount);
+    const safeSiblingCount = normalizeCount(siblingCount, 1);
+    const safeBoundaryCount = normalizeCount(boundaryCount, 1);
+    if (normalizedPageCount <= 0) {
+        return { currentPage, items: [], pageCount: normalizedPageCount };
+    }
+    if (compact) {
+        return { currentPage, items: [currentPage], pageCount: normalizedPageCount };
+    }
+    const boundaries = createRange(1, Math.min(safeBoundaryCount, normalizedPageCount));
+    const trailingBoundaries = createRange(Math.max(normalizedPageCount - safeBoundaryCount + 1, 1), normalizedPageCount);
+    const siblings = createRange(Math.max(currentPage - safeSiblingCount, 1), Math.min(currentPage + safeSiblingCount, normalizedPageCount));
+    const pages = [...new Set([...boundaries, ...siblings, ...trailingBoundaries])].sort((left, right) => left - right);
+    const items = pages.flatMap((nextPage, index) => {
+        const previousPage = index > 0 ? pages.at(index - 1) : undefined;
+        return previousPage !== undefined && nextPage - previousPage > 1
+            ? ['ellipsis', nextPage]
+            : [nextPage];
+    });
+    return { currentPage, items, pageCount: normalizedPageCount };
+}
+/*** Creates an inclusive numeric range for pagination boundaries and siblings. */
+function createRange(start, end) {
+    return end < start ? [] : Array.from({ length: end - start + 1 }, (_, index) => start + index);
+}
+/*** Normalizes optional pagination counts to finite non-negative integers. */
+function normalizeCount(value, fallback) {
+    return value === undefined || !Number.isFinite(value) ? fallback : Math.max(0, Math.trunc(value));
+}
+//# sourceMappingURL=resolvePaginationState.js.map

package/dist/features/pagination/utils/resolvePaginationState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolvePaginationState.js","sourceRoot":"","sources":["../../../../src/features/pagination/utils/resolvePaginationState.ts"],"names":[],"mappings":"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","sourcesContent":["import { resolvePaginationPage } from './resolvePaginationPage';\n\n/*** Normalizes pagination input and resolves visible page and ellipsis items. */\nexport function resolvePaginationState({\n  page,\n  pageCount,\n  siblingCount,\n  boundaryCount,\n  compact,\n}: PaginationStateInput): PaginationState {\n  const normalizedPageCount = Math.max(0, Math.trunc(Number.isFinite(pageCount) ? pageCount : 0));\n  const currentPage = resolvePaginationPage(page, normalizedPageCount);\n  const safeSiblingCount = normalizeCount(siblingCount, 1);\n  const safeBoundaryCount = normalizeCount(boundaryCount, 1);\n\n  if (normalizedPageCount <= 0) {\n    return { currentPage, items: [], pageCount: normalizedPageCount };\n  }\n\n  if (compact) {\n    return { currentPage, items: [currentPage], pageCount: normalizedPageCount };\n  }\n\n  const boundaries = createRange(1, Math.min(safeBoundaryCount, normalizedPageCount));\n  const trailingBoundaries = createRange(\n    Math.max(normalizedPageCount - safeBoundaryCount + 1, 1),\n    normalizedPageCount,\n  );\n  const siblings = createRange(\n    Math.max(currentPage - safeSiblingCount, 1),\n    Math.min(currentPage + safeSiblingCount, normalizedPageCount),\n  );\n  const pages = [...new Set([...boundaries, ...siblings, ...trailingBoundaries])].sort(\n    (left, right) => left - right,\n  );\n  const items = pages.flatMap<PaginationItem>((nextPage, index) => {\n    const previousPage = index > 0 ? pages.at(index - 1) : undefined;\n    return previousPage !== undefined && nextPage - previousPage > 1\n      ? ['ellipsis', nextPage]\n      : [nextPage];\n  });\n\n  return { currentPage, items, pageCount: normalizedPageCount };\n}\n\ntype PaginationItem = number | 'ellipsis';\n\ninterface PaginationStateInput {\n  page: number;\n  pageCount: number;\n  siblingCount: number | undefined;\n  boundaryCount: number | undefined;\n  compact: boolean;\n}\n\ninterface PaginationState {\n  currentPage: number;\n  pageCount: number;\n  items: readonly PaginationItem[];\n}\n\n/*** Creates an inclusive numeric range for pagination boundaries and siblings. */\nfunction createRange(start: number, end: number): number[] {\n  return end < start ? [] : Array.from({ length: end - start + 1 }, (_, index) => start + index);\n}\n\n/*** Normalizes optional pagination counts to finite non-negative integers. */\nfunction normalizeCount(value: number | undefined, fallback: number): number {\n  return value === undefined || !Number.isFinite(value) ? fallback : Math.max(0, Math.trunc(value));\n}\n"]}

package/dist/{patterns/tile-grid → features/palette-item/adapters/inbound}/PaletteItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PaletteItemProps } from './types';
+import type { PaletteItemProps } from '../../../../types/palette-item';
 /***
  * Tile item pattern for palettes and option grids.
  *

package/dist/features/palette-item/adapters/inbound/PaletteItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaletteItem.d.ts","sourceRoot":"","sources":["../../../../../src/features/palette-item/adapters/inbound/PaletteItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAoDvE;;;;GAIG;AACH,eAAO,MAAM,WAAW,wDAAuC,CAAC"}

package/dist/{patterns/tile-grid → features/palette-item/adapters/inbound}/PaletteItem.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { Card } from '../../features/card/public';
-import { Box } from '../../features/layout/public';
-import { Heading } from '../../features/typography/public';
-import { Text } from '../../features/typography/public';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Card } from '../../../card/public';
+import { View } from '../../../layout/public';
+import { Heading } from '../../../typography/public';
+import { Text } from '../../../typography/public';
 function PaletteItemInner({ themeId: _themeId, mode: _mode, title, description, icon, badge, selected, disabled, onPress, testID, }) {
     const { theme } = useZoraTheme();
     return (<Card compact disabled={disabled} onPress={onPress} testID={testID} tone={selected ? 'default' : 'subtle'} style={selected
@@ -13,16 +13,16 @@ function PaletteItemInner({ themeId: _themeId, mode: _mode, title, description,
                 borderWidth: 2,
             }
             : undefined}>
-      <Box p="xs" style={{ alignItems: 'center' }}>
-        {icon ? <Box pb="s">{/* Icon spec here */}</Box> : null}
+      <View p="xs" style={{ alignItems: 'center' }}>
+        {icon ? <View pb="s">{/* Icon spec here */}</View> : null}
         <Heading level={5} align="center">
           {title}
         </Heading>
         {description ? (<Text align="center" emphasis="muted" variant="caption">
             {description}
           </Text>) : null}
-        {badge ? <Box pt="xs">{badge}</Box> : null}
-      </Box>
+        {badge ? <View pt="xs">{badge}</View> : null}
+      </View>
     </Card>);
 }
 /***

package/dist/features/palette-item/adapters/inbound/PaletteItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaletteItem.js","sourceRoot":"","sources":["../../../../../src/features/palette-item/adapters/inbound/PaletteItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,SAAS,gBAAgB,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,WAAW,EACX,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,GACW;IACjB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,CACL,CAAC,IAAI,CACH,OAAO,CACP,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CACtC,KAAK,CAAC,CACJ,QAAQ;YACN,CAAC,CAAC;gBACE,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBACjC,WAAW,EAAE,CAAC;aACf;YACH,CAAC,CAAC,SACN,CAAC,CAED;MAAA,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAC3C;QAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,oBAAoB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CACzD;QAAA,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAC/B;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,OAAO,CACT;QAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CACrD;YAAA,CAAC,WAAW,CACd;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACR;QAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAC9C;MAAA,EAAE,IAAI,CACR;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 { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { PaletteItemProps } from '../../../../types/palette-item';\nimport { Card } from '../../../card/public';\nimport { View } from '../../../layout/public';\nimport { Heading } from '../../../typography/public';\nimport { Text } from '../../../typography/public';\n\nfunction PaletteItemInner({\n  themeId: _themeId,\n  mode: _mode,\n  title,\n  description,\n  icon,\n  badge,\n  selected,\n  disabled,\n  onPress,\n  testID,\n}: PaletteItemProps) {\n  const { theme } = useZoraTheme();\n\n  return (\n    <Card\n      compact\n      disabled={disabled}\n      onPress={onPress}\n      testID={testID}\n      tone={selected ? 'default' : 'subtle'}\n      style={\n        selected\n          ? {\n              borderColor: theme.colors.primary,\n              borderWidth: 2,\n            }\n          : undefined\n      }\n    >\n      <View p=\"xs\" style={{ alignItems: 'center' }}>\n        {icon ? <View pb=\"s\">{/* Icon spec here */}</View> : null}\n        <Heading level={5} align=\"center\">\n          {title}\n        </Heading>\n        {description ? (\n          <Text align=\"center\" emphasis=\"muted\" variant=\"caption\">\n            {description}\n          </Text>\n        ) : null}\n        {badge ? <View pt=\"xs\">{badge}</View> : null}\n      </View>\n    </Card>\n  );\n}\n\n/***\n * Tile item pattern for palettes and option grids.\n *\n \n */\nexport const PaletteItem = withZoraThemeScope(PaletteItemInner);\n"]}

package/dist/features/palette-item/paletteItemMeta.d.ts

@@ -0,0 +1,9 @@
+export declare const paletteItemMeta: {
+    readonly name: "PaletteItem";
+    readonly category: "pattern";
+    readonly directManifestNode: false;
+    readonly allowedChildren: readonly [];
+    readonly note: "Palette option pattern; not represented as a manifest node in v1.";
+    readonly props: {};
+};
+//# sourceMappingURL=paletteItemMeta.d.ts.map

package/dist/features/palette-item/paletteItemMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paletteItemMeta.d.ts","sourceRoot":"","sources":["../../../src/features/palette-item/paletteItemMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;CAOU,CAAC"}

package/dist/features/palette-item/paletteItemMeta.js

@@ -0,0 +1,9 @@
+export const paletteItemMeta = {
+    name: 'PaletteItem',
+    category: 'pattern',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Palette option pattern; not represented as a manifest node in v1.',
+    props: {},
+};
+//# sourceMappingURL=paletteItemMeta.js.map

package/dist/features/palette-item/paletteItemMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paletteItemMeta.js","sourceRoot":"","sources":["../../../src/features/palette-item/paletteItemMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,SAAS;IACnB,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 paletteItemMeta = {\n  name: 'PaletteItem',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Palette option pattern; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/palette-item/public.d.ts

@@ -0,0 +1,3 @@
+export type { PaletteItemProps } from '../../types/palette-item';
+export { PaletteItem } from './adapters/inbound/PaletteItem';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/palette-item/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/palette-item/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/features/palette-item/public.js

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

package/dist/features/palette-item/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/palette-item/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC","sourcesContent":["export type { PaletteItemProps } from '../../types/palette-item';\nexport { PaletteItem } from './adapters/inbound/PaletteItem';\n"]}

package/dist/features/popover-menu/adapters/inbound/PopoverMenu.js

@@ -4,7 +4,7 @@ import { resolveIconSize } from '../../../../internal/recipes';
 import { useZoraTheme } from '../../../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { Icon } from '../../../icon/public';
-import { Box } from '../../../layout/public';
+import { View } from '../../../layout/public';
 /*** Presents a ZORA-styled action list through the Surface PopoverMenu capability. */
 export const PopoverMenu = withZoraThemeScope(PopoverMenuInner);
 /*** Maps ZORA action presentation into the Surface action-menu boundary. */
@@ -38,6 +38,6 @@ function renderActionLeading(action, iconColor) {
 }
 /*** Wraps optional trailing action content in the ZORA layout boundary. */
 function renderActionTrailing(action) {
-    return action.trailing === undefined ? undefined : <Box>{action.trailing}</Box>;
+    return action.trailing === undefined ? undefined : <View>{action.trailing}</View>;
 }
 //# sourceMappingURL=PopoverMenu.js.map

package/dist/features/popover-menu/adapters/inbound/PopoverMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverMenu.js","sourceRoot":"","sources":["../../../../../src/features/popover-menu/adapters/inbound/PopoverMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,kBAAkB,GAElC,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAE7C,sFAAsF;AACtF,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;AAEhE,4EAA4E;AAC5E,SAAS,gBAAgB,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACS;IACjB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;IAChD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EACjE,CAAC,OAAO,EAAE,SAAS,CAAC,CACrB,CAAC;IAEF,OAAO,CAAC,kBAAkB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,EAAG,CAAC;AACxF,CAAC;AAED,wEAAwE;AACxE,SAAS,eAAe,CAAC,MAAyB,EAAE,SAAiB;IACnE,OAAO;QACL,QAAQ,EAAE,MAAM,CAAC,OAAO;QACxB,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,OAAO,EAAE,mBAAmB,CAAC,MAAM,EAAE,SAAS,CAAC;QAC/C,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,oBAAoB,CAAC,MAAM,CAAC;KACvC,CAAC;AACJ,CAAC;AAED,wEAAwE;AACxE,SAAS,mBAAmB,CAAC,MAAyB,EAAE,SAAiB;IACvE,IAAI,MAAM,CAAC,OAAO,KAAK,SAAS;QAAE,OAAO,MAAM,CAAC,OAAO,CAAC;IACxD,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAChD,OAAO,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,EAAG,CAAC;AACjF,CAAC;AAED,2EAA2E;AAC3E,SAAS,oBAAoB,CAAC,MAAyB;IACrD,OAAO,MAAM,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,CAAC;AAClF,CAAC","sourcesContent":["import {\n  PopoverMenu as SurfacePopoverMenu,\n  type PopoverMenuAction as SurfacePopoverMenuAction,\n} from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveIconSize } from '../../../../internal/recipes';\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { PopoverMenuAction, PopoverMenuProps } from '../../../../types/popover-menu';\nimport { Icon } from '../../../icon/public';\nimport { Box } from '../../../layout/public';\n\n/*** Presents a ZORA-styled action list through the Surface PopoverMenu capability. */\nexport const PopoverMenu = withZoraThemeScope(PopoverMenuInner);\n\n/*** Maps ZORA action presentation into the Surface action-menu boundary. */\nfunction PopoverMenuInner({\n  themeId: _themeId,\n  mode: _mode,\n  actions,\n  onDismiss,\n  ...props\n}: PopoverMenuProps) {\n  const { theme } = useZoraTheme();\n  const iconColor = theme.semantics.content.muted;\n  const surfaceActions = React.useMemo(\n    () => actions.map((action) => toSurfaceAction(action, iconColor)),\n    [actions, iconColor],\n  );\n\n  return <SurfacePopoverMenu {...props} actions={surfaceActions} dismiss={onDismiss} />;\n}\n\n/*** Maps one ZORA PopoverMenu action to the Surface action contract. */\nfunction toSurfaceAction(action: PopoverMenuAction, iconColor: string): SurfacePopoverMenuAction {\n  return {\n    activate: action.onPress,\n    description: action.description,\n    disabled: action.disabled,\n    id: action.id,\n    intent: action.intent,\n    leading: renderActionLeading(action, iconColor),\n    selected: action.selected,\n    title: action.title,\n    trailing: renderActionTrailing(action),\n  };\n}\n\n/*** Resolves explicit leading content or the configured action icon. */\nfunction renderActionLeading(action: PopoverMenuAction, iconColor: string): React.ReactNode {\n  if (action.leading !== undefined) return action.leading;\n  if (action.icon === undefined) return undefined;\n  return <Icon {...action.icon} color={iconColor} size={resolveIconSize('s')} />;\n}\n\n/*** Wraps optional trailing action content in the ZORA layout boundary. */\nfunction renderActionTrailing(action: PopoverMenuAction): React.ReactNode {\n  return action.trailing === undefined ? undefined : <Box>{action.trailing}</Box>;\n}\n"]}
+{"version":3,"file":"PopoverMenu.js","sourceRoot":"","sources":["../../../../../src/features/popover-menu/adapters/inbound/PopoverMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,kBAAkB,GAElC,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,sFAAsF;AACtF,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;AAEhE,4EAA4E;AAC5E,SAAS,gBAAgB,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACS;IACjB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;IAChD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EACjE,CAAC,OAAO,EAAE,SAAS,CAAC,CACrB,CAAC;IAEF,OAAO,CAAC,kBAAkB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,EAAG,CAAC;AACxF,CAAC;AAED,wEAAwE;AACxE,SAAS,eAAe,CAAC,MAAyB,EAAE,SAAiB;IACnE,OAAO;QACL,QAAQ,EAAE,MAAM,CAAC,OAAO;QACxB,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,OAAO,EAAE,mBAAmB,CAAC,MAAM,EAAE,SAAS,CAAC;QAC/C,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,oBAAoB,CAAC,MAAM,CAAC;KACvC,CAAC;AACJ,CAAC;AAED,wEAAwE;AACxE,SAAS,mBAAmB,CAAC,MAAyB,EAAE,SAAiB;IACvE,IAAI,MAAM,CAAC,OAAO,KAAK,SAAS;QAAE,OAAO,MAAM,CAAC,OAAO,CAAC;IACxD,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAChD,OAAO,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,EAAG,CAAC;AACjF,CAAC;AAED,2EAA2E;AAC3E,SAAS,oBAAoB,CAAC,MAAyB;IACrD,OAAO,MAAM,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC;AACpF,CAAC","sourcesContent":["import {\n  PopoverMenu as SurfacePopoverMenu,\n  type PopoverMenuAction as SurfacePopoverMenuAction,\n} from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveIconSize } from '../../../../internal/recipes';\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { PopoverMenuAction, PopoverMenuProps } from '../../../../types/popover-menu';\nimport { Icon } from '../../../icon/public';\nimport { View } from '../../../layout/public';\n\n/*** Presents a ZORA-styled action list through the Surface PopoverMenu capability. */\nexport const PopoverMenu = withZoraThemeScope(PopoverMenuInner);\n\n/*** Maps ZORA action presentation into the Surface action-menu boundary. */\nfunction PopoverMenuInner({\n  themeId: _themeId,\n  mode: _mode,\n  actions,\n  onDismiss,\n  ...props\n}: PopoverMenuProps) {\n  const { theme } = useZoraTheme();\n  const iconColor = theme.semantics.content.muted;\n  const surfaceActions = React.useMemo(\n    () => actions.map((action) => toSurfaceAction(action, iconColor)),\n    [actions, iconColor],\n  );\n\n  return <SurfacePopoverMenu {...props} actions={surfaceActions} dismiss={onDismiss} />;\n}\n\n/*** Maps one ZORA PopoverMenu action to the Surface action contract. */\nfunction toSurfaceAction(action: PopoverMenuAction, iconColor: string): SurfacePopoverMenuAction {\n  return {\n    activate: action.onPress,\n    description: action.description,\n    disabled: action.disabled,\n    id: action.id,\n    intent: action.intent,\n    leading: renderActionLeading(action, iconColor),\n    selected: action.selected,\n    title: action.title,\n    trailing: renderActionTrailing(action),\n  };\n}\n\n/*** Resolves explicit leading content or the configured action icon. */\nfunction renderActionLeading(action: PopoverMenuAction, iconColor: string): React.ReactNode {\n  if (action.leading !== undefined) return action.leading;\n  if (action.icon === undefined) return undefined;\n  return <Icon {...action.icon} color={iconColor} size={resolveIconSize('s')} />;\n}\n\n/*** Wraps optional trailing action content in the ZORA layout boundary. */\nfunction renderActionTrailing(action: PopoverMenuAction): React.ReactNode {\n  return action.trailing === undefined ? undefined : <View>{action.trailing}</View>;\n}\n"]}

package/dist/features/progress/adapters/inbound/Progress.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useZoraTheme } from '../../../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { resolveProgressRole } from '../../../../types/progress';
-import { Box } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { resolveProgressFraction } from '../../utils/resolveProgressFraction';
 function resolveProgressHeight(size) {
     switch (size) {
@@ -20,9 +20,9 @@ function ProgressInner({ themeId: _themeId, mode: _mode, interactionPolicy: _int
     const fraction = resolveProgressFraction({ value, max });
     const height = resolveProgressHeight(size);
     const role = resolveProgressRole(theme, color);
-    return (<Box accessibilityRole="progressbar" bg={theme.semantics.neutral.surface} borderColor={theme.semantics.neutral.divider} borderWidth={1} radius="full" testID={testID} style={{ height, overflow: 'hidden' }}>
-      <Box bg={role.base} style={{ height: '100%', width: `${fraction * 100}%` }}/>
-    </Box>);
+    return (<View accessibilityRole="progressbar" bg={theme.semantics.neutral.surface} borderColor={theme.semantics.neutral.divider} borderWidth={1} radius="full" testID={testID} style={{ height, overflow: 'hidden' }}>
+      <View bg={role.base} style={{ height: '100%', width: `${fraction * 100}%` }}/>
+    </View>);
 }
 /***
  * Progress indicator for determinate and indeterminate loading states.

package/dist/features/progress/adapters/inbound/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../../src/features/progress/adapters/inbound/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAsB,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACrF,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,SAAS,qBAAqB,CAAC,IAAwC;IACrE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG,CAAC;QACT;YACE,OAAO,CAAC,CAAC;IACb,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,MAAM,EACN,KAAK,EACL,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,GACI;IACd,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,uBAAuB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IACzD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAE/C,OAAO,CACL,CAAC,GAAG,CACF,iBAAiB,CAAC,aAAa,CAC/B,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CACpC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAC7C,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,MAAM,CAAC,MAAM,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAEtC;MAAA,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,GAAG,GAAG,EAAE,CAAC,EAC7E;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport { type ProgressProps, resolveProgressRole } from '../../../../types/progress';\nimport { Box } from '../../../layout/public';\nimport { resolveProgressFraction } from '../../utils/resolveProgressFraction';\n\nfunction resolveProgressHeight(size: NonNullable<ProgressProps['size']>): number {\n  switch (size) {\n    case 's':\n      return 4;\n    case 'm':\n      return 6;\n    case 'l':\n    default:\n      return 8;\n  }\n}\n\nfunction ProgressInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  testID,\n  value,\n  max = 100,\n  color = 'primary',\n  size = 'm',\n}: ProgressProps) {\n  const { theme } = useZoraTheme();\n  const fraction = resolveProgressFraction({ value, max });\n  const height = resolveProgressHeight(size);\n  const role = resolveProgressRole(theme, color);\n\n  return (\n    <Box\n      accessibilityRole=\"progressbar\"\n      bg={theme.semantics.neutral.surface}\n      borderColor={theme.semantics.neutral.divider}\n      borderWidth={1}\n      radius=\"full\"\n      testID={testID}\n      style={{ height, overflow: 'hidden' }}\n    >\n      <Box bg={role.base} style={{ height: '100%', width: `${fraction * 100}%` }} />\n    </Box>\n  );\n}\n\n/***\n * Progress indicator for determinate and indeterminate loading states.\n */\nexport const Progress = withZoraThemeScope(ProgressInner);\n"]}
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../../src/features/progress/adapters/inbound/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAsB,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACrF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,SAAS,qBAAqB,CAAC,IAAwC;IACrE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG,CAAC;QACT;YACE,OAAO,CAAC,CAAC;IACb,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,MAAM,EACN,KAAK,EACL,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,GACI;IACd,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,uBAAuB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IACzD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAE/C,OAAO,CACL,CAAC,IAAI,CACH,iBAAiB,CAAC,aAAa,CAC/B,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CACpC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAC7C,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,MAAM,CAAC,MAAM,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAEtC;MAAA,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,GAAG,GAAG,EAAE,CAAC,EAC9E;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport { type ProgressProps, resolveProgressRole } from '../../../../types/progress';\nimport { View } from '../../../layout/public';\nimport { resolveProgressFraction } from '../../utils/resolveProgressFraction';\n\nfunction resolveProgressHeight(size: NonNullable<ProgressProps['size']>): number {\n  switch (size) {\n    case 's':\n      return 4;\n    case 'm':\n      return 6;\n    case 'l':\n    default:\n      return 8;\n  }\n}\n\nfunction ProgressInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  testID,\n  value,\n  max = 100,\n  color = 'primary',\n  size = 'm',\n}: ProgressProps) {\n  const { theme } = useZoraTheme();\n  const fraction = resolveProgressFraction({ value, max });\n  const height = resolveProgressHeight(size);\n  const role = resolveProgressRole(theme, color);\n\n  return (\n    <View\n      accessibilityRole=\"progressbar\"\n      bg={theme.semantics.neutral.surface}\n      borderColor={theme.semantics.neutral.divider}\n      borderWidth={1}\n      radius=\"full\"\n      testID={testID}\n      style={{ height, overflow: 'hidden' }}\n    >\n      <View bg={role.base} style={{ height: '100%', width: `${fraction * 100}%` }} />\n    </View>\n  );\n}\n\n/***\n * Progress indicator for determinate and indeterminate loading states.\n */\nexport const Progress = withZoraThemeScope(ProgressInner);\n"]}