@ankhorage/zora 16.0.0 → 18.0.0

package/dist/layout/settings-layout/SettingsLayout.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { AppBar } from '../../features/app-bar/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Screen } from '../screen';
-import { SidebarLayout } from '../sidebar-layout';
-function SettingsLayoutInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, title, description, sidebar, children, actions, testID, }) {
-    return (<>
-      {title ? <AppBar actions={actions} subtitle={description} title={title}/> : null}
-      <Screen testID={testID}>
-        <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout>
-      </Screen>
-    </>);
-}
-/***
- * Settings page layout with app bar, sidebar, and scrollable content area.
- */
-export const SettingsLayout = withZoraThemeScope(SettingsLayoutInner);
-//# sourceMappingURL=SettingsLayout.js.map

package/dist/layout/settings-layout/SettingsLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingsLayout.js","sourceRoot":"","sources":["../../../src/layout/settings-layout/SettingsLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,SAAS,mBAAmB,CAAC,EAC3B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,GACc;IACpB,OAAO,CACL,EACE;MAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CACjF;MAAA,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACrB;QAAA,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,aAAa,CAC5D;MAAA,EAAE,MAAM,CACV;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { AppBar } from '../../features/app-bar/public';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Screen } from '../screen';\nimport { SidebarLayout } from '../sidebar-layout';\nimport type { SettingsLayoutProps } from './types';\n\nfunction SettingsLayoutInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  title,\n  description,\n  sidebar,\n  children,\n  actions,\n  testID,\n}: SettingsLayoutProps) {\n  return (\n    <>\n      {title ? <AppBar actions={actions} subtitle={description} title={title} /> : null}\n      <Screen testID={testID}>\n        <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout>\n      </Screen>\n    </>\n  );\n}\n\n/***\n * Settings page layout with app bar, sidebar, and scrollable content area.\n */\nexport const SettingsLayout = withZoraThemeScope(SettingsLayoutInner);\n"]}

package/dist/layout/settings-layout/index.d.ts

@@ -1,3 +0,0 @@
-export { SettingsLayout } from './SettingsLayout';
-export type { SettingsLayoutProps } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/layout/settings-layout/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/settings-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}

package/dist/layout/settings-layout/index.js

@@ -1,2 +0,0 @@
-export { SettingsLayout } from './SettingsLayout';
-//# sourceMappingURL=index.js.map

package/dist/layout/settings-layout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/settings-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { SettingsLayout } from './SettingsLayout';\nexport type { SettingsLayoutProps } from './types';\n"]}

package/dist/layout/settings-layout/meta.d.ts

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

package/dist/layout/settings-layout/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/layout/settings-layout/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;;;;;;CAOO,CAAC"}

package/dist/layout/settings-layout/meta.js

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

package/dist/layout/settings-layout/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/layout/settings-layout/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE,gBAAgB;IACtB,QAAQ,EAAE,QAAQ;IAClB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,+DAA+D;IACrE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const settingsLayoutMeta = {\n  name: 'SettingsLayout',\n  category: 'layout',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Application layout; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/layout/settings-layout/types.d.ts

@@ -1,10 +0,0 @@
-import type React from 'react';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-export interface SettingsLayoutProps extends ZoraBaseProps {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    sidebar: React.ReactNode;
-    children?: React.ReactNode;
-    actions?: React.ReactNode;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/layout/settings-layout/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/settings-layout/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/dist/layout/settings-layout/types.js

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

package/dist/layout/settings-layout/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/settings-layout/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface SettingsLayoutProps extends ZoraBaseProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  sidebar: React.ReactNode;\n  children?: React.ReactNode;\n  actions?: React.ReactNode;\n}\n"]}

package/dist/layout/sidebar-layout/SidebarLayout.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { SidebarLayoutProps } from './types';
-/***
- * Responsive layout with a sidebar and main content area (and optional aside).
- *
- * `sizing="content"` keeps normal content-flow behavior. Use `sizing="fill"` when the layout
- * should fill an already bounded parent so sidebar/content children receive the available space
- * for their own scrolling or gesture ownership.
- */
-export declare const SidebarLayout: (props: SidebarLayoutProps) => React.ReactElement | null;
-//# sourceMappingURL=SidebarLayout.d.ts.map

package/dist/layout/sidebar-layout/SidebarLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarLayout.d.ts","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/SidebarLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAiClD;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,0DAAyC,CAAC"}

package/dist/layout/sidebar-layout/SidebarLayout.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import { Box, Stack } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { resolveSidebarLayoutSizing } from './resolveSidebarLayoutSizing';
-function SidebarLayoutInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, sidebar, children, aside, sidebarWidth = 280, asideWidth = 280, sizing, testID, }) {
-    const layoutSizing = resolveSidebarLayoutSizing(sizing);
-    return (<Stack {...layoutSizing.root} direction={{ base: 'column', lg: 'row' }} gap="l" testID={testID}>
-      <Box {...layoutSizing.child} width={{ base: '100%', lg: sidebarWidth }}>
-        {sidebar}
-      </Box>
-      <Box {...layoutSizing.child} flex={1} width="100%">
-        {children}
-      </Box>
-      {aside ? (<Box {...layoutSizing.child} width={{ base: '100%', lg: asideWidth }}>
-          {aside}
-        </Box>) : null}
-    </Stack>);
-}
-/***
- * Responsive layout with a sidebar and main content area (and optional aside).
- *
- * `sizing="content"` keeps normal content-flow behavior. Use `sizing="fill"` when the layout
- * should fill an already bounded parent so sidebar/content children receive the available space
- * for their own scrolling or gesture ownership.
- */
-export const SidebarLayout = withZoraThemeScope(SidebarLayoutInner);
-//# sourceMappingURL=SidebarLayout.js.map

package/dist/layout/sidebar-layout/SidebarLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarLayout.js","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/SidebarLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAG1E,SAAS,kBAAkB,CAAC,EAC1B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,OAAO,EACP,QAAQ,EACR,KAAK,EACL,YAAY,GAAG,GAAG,EAClB,UAAU,GAAG,GAAG,EAChB,MAAM,EACN,MAAM,GACa;IACnB,MAAM,YAAY,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;IAExD,OAAO,CACL,CAAC,KAAK,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC7F;MAAA,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,CACrE;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAChD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CACP,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,CACnE;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,GAAG,CAAC,CACP,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Box, Stack } from '../../features/layout/public';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { resolveSidebarLayoutSizing } from './resolveSidebarLayoutSizing';\nimport type { SidebarLayoutProps } from './types';\n\nfunction SidebarLayoutInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  sidebar,\n  children,\n  aside,\n  sidebarWidth = 280,\n  asideWidth = 280,\n  sizing,\n  testID,\n}: SidebarLayoutProps) {\n  const layoutSizing = resolveSidebarLayoutSizing(sizing);\n\n  return (\n    <Stack {...layoutSizing.root} direction={{ base: 'column', lg: 'row' }} gap=\"l\" testID={testID}>\n      <Box {...layoutSizing.child} width={{ base: '100%', lg: sidebarWidth }}>\n        {sidebar}\n      </Box>\n      <Box {...layoutSizing.child} flex={1} width=\"100%\">\n        {children}\n      </Box>\n      {aside ? (\n        <Box {...layoutSizing.child} width={{ base: '100%', lg: asideWidth }}>\n          {aside}\n        </Box>\n      ) : null}\n    </Stack>\n  );\n}\n\n/***\n * Responsive layout with a sidebar and main content area (and optional aside).\n *\n * `sizing=\"content\"` keeps normal content-flow behavior. Use `sizing=\"fill\"` when the layout\n * should fill an already bounded parent so sidebar/content children receive the available space\n * for their own scrolling or gesture ownership.\n */\nexport const SidebarLayout = withZoraThemeScope(SidebarLayoutInner);\n"]}

package/dist/layout/sidebar-layout/index.d.ts

@@ -1,3 +0,0 @@
-export { SidebarLayout } from './SidebarLayout';
-export type { SidebarLayoutProps } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/layout/sidebar-layout/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/dist/layout/sidebar-layout/index.js

@@ -1,2 +0,0 @@
-export { SidebarLayout } from './SidebarLayout';
-//# sourceMappingURL=index.js.map

package/dist/layout/sidebar-layout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { SidebarLayout } from './SidebarLayout';\nexport type { SidebarLayoutProps } from './types';\n"]}

package/dist/layout/sidebar-layout/meta.d.ts

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

package/dist/layout/sidebar-layout/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;CAOQ,CAAC"}

package/dist/layout/sidebar-layout/meta.js

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

package/dist/layout/sidebar-layout/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,QAAQ;IAClB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,+DAA+D;IACrE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const sidebarLayoutMeta = {\n  name: 'SidebarLayout',\n  category: 'layout',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Application layout; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/layout/sidebar-layout/resolveSidebarLayoutSizing.d.ts

@@ -1,14 +0,0 @@
-import type { SidebarLayoutSizing } from './types';
-export declare function resolveSidebarLayoutSizing(sizing?: SidebarLayoutSizing): {
-    readonly root: {
-        readonly align: "flex-start" | "stretch";
-        readonly flex: 1 | undefined;
-        readonly minHeight: 0 | undefined;
-        readonly minWidth: 0 | undefined;
-    };
-    readonly child: {
-        readonly minHeight: 0 | undefined;
-        readonly minWidth: 0 | undefined;
-    };
-};
-//# sourceMappingURL=resolveSidebarLayoutSizing.d.ts.map

package/dist/layout/sidebar-layout/resolveSidebarLayoutSizing.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveSidebarLayoutSizing.d.ts","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/resolveSidebarLayoutSizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,wBAAgB,0BAA0B,CAAC,MAAM,GAAE,mBAA+B;;;;;;;;;;;EAejF"}

package/dist/layout/sidebar-layout/resolveSidebarLayoutSizing.js

@@ -1,16 +0,0 @@
-export function resolveSidebarLayoutSizing(sizing = 'content') {
-    const fillsAvailableSpace = sizing === 'fill';
-    return {
-        root: {
-            align: fillsAvailableSpace ? 'stretch' : 'flex-start',
-            flex: fillsAvailableSpace ? 1 : undefined,
-            minHeight: fillsAvailableSpace ? 0 : undefined,
-            minWidth: fillsAvailableSpace ? 0 : undefined,
-        },
-        child: {
-            minHeight: fillsAvailableSpace ? 0 : undefined,
-            minWidth: fillsAvailableSpace ? 0 : undefined,
-        },
-    };
-}
-//# sourceMappingURL=resolveSidebarLayoutSizing.js.map

package/dist/layout/sidebar-layout/resolveSidebarLayoutSizing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveSidebarLayoutSizing.js","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/resolveSidebarLayoutSizing.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,0BAA0B,CAAC,SAA8B,SAAS;IAChF,MAAM,mBAAmB,GAAG,MAAM,KAAK,MAAM,CAAC;IAE9C,OAAO;QACL,IAAI,EAAE;YACJ,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY;YACrD,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;YACzC,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;YAC9C,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;SAC9C;QACD,KAAK,EAAE;YACL,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;YAC9C,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;SAC9C;KACO,CAAC;AACb,CAAC","sourcesContent":["import type { SidebarLayoutSizing } from './types';\n\nexport function resolveSidebarLayoutSizing(sizing: SidebarLayoutSizing = 'content') {\n  const fillsAvailableSpace = sizing === 'fill';\n\n  return {\n    root: {\n      align: fillsAvailableSpace ? 'stretch' : 'flex-start',\n      flex: fillsAvailableSpace ? 1 : undefined,\n      minHeight: fillsAvailableSpace ? 0 : undefined,\n      minWidth: fillsAvailableSpace ? 0 : undefined,\n    },\n    child: {\n      minHeight: fillsAvailableSpace ? 0 : undefined,\n      minWidth: fillsAvailableSpace ? 0 : undefined,\n    },\n  } as const;\n}\n"]}

package/dist/layout/sidebar-layout/types.d.ts

@@ -1,12 +0,0 @@
-import type React from 'react';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-export type SidebarLayoutSizing = 'content' | 'fill';
-export interface SidebarLayoutProps extends ZoraBaseProps {
-    sidebar: React.ReactNode;
-    children?: React.ReactNode;
-    aside?: React.ReactNode;
-    sidebarWidth?: number;
-    asideWidth?: number;
-    sizing?: SidebarLayoutSizing;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/layout/sidebar-layout/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,MAAM,CAAC;AAErD,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B"}

package/dist/layout/sidebar-layout/types.js

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

package/dist/layout/sidebar-layout/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/sidebar-layout/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport type SidebarLayoutSizing = 'content' | 'fill';\n\nexport interface SidebarLayoutProps extends ZoraBaseProps {\n  sidebar: React.ReactNode;\n  children?: React.ReactNode;\n  aside?: React.ReactNode;\n  sidebarWidth?: number;\n  asideWidth?: number;\n  sizing?: SidebarLayoutSizing;\n}\n"]}

package/dist/layout/topbar-layout/TopbarLayout.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { TopbarLayoutProps } from './types';
-/***
- * Layout that composes a top bar with optional sidebar and content.
- *
- 
- */
-export declare const TopbarLayout: (props: TopbarLayoutProps) => React.ReactElement | null;
-//# sourceMappingURL=TopbarLayout.d.ts.map

package/dist/layout/topbar-layout/TopbarLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TopbarLayout.d.ts","sourceRoot":"","sources":["../../../src/layout/topbar-layout/TopbarLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAmBjD;;;;GAIG;AACH,eAAO,MAAM,YAAY,yDAAwC,CAAC"}

package/dist/layout/topbar-layout/TopbarLayout.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import { Box, Stack } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { SidebarLayout } from '../sidebar-layout';
-function TopbarLayoutInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, topbar, children, sidebar, testID, }) {
-    return (<Stack gap="l" testID={testID}>
-      <Box>{topbar}</Box>
-      {sidebar ? <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout> : children}
-    </Stack>);
-}
-/***
- * Layout that composes a top bar with optional sidebar and content.
- *
- 
- */
-export const TopbarLayout = withZoraThemeScope(TopbarLayoutInner);
-//# sourceMappingURL=TopbarLayout.js.map

package/dist/layout/topbar-layout/TopbarLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TopbarLayout.js","sourceRoot":"","sources":["../../../src/layout/topbar-layout/TopbarLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,SAAS,iBAAiB,CAAC,EACzB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,GACY;IAClB,OAAO,CACL,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC5B;MAAA,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,CAClB;MAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,CACnF;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Box, Stack } from '../../features/layout/public';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { SidebarLayout } from '../sidebar-layout';\nimport type { TopbarLayoutProps } from './types';\n\nfunction TopbarLayoutInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  topbar,\n  children,\n  sidebar,\n  testID,\n}: TopbarLayoutProps) {\n  return (\n    <Stack gap=\"l\" testID={testID}>\n      <Box>{topbar}</Box>\n      {sidebar ? <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout> : children}\n    </Stack>\n  );\n}\n\n/***\n * Layout that composes a top bar with optional sidebar and content.\n *\n \n */\nexport const TopbarLayout = withZoraThemeScope(TopbarLayoutInner);\n"]}

package/dist/layout/topbar-layout/index.d.ts

@@ -1,3 +0,0 @@
-export { TopbarLayout } from './TopbarLayout';
-export type { TopbarLayoutProps } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/layout/topbar-layout/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/topbar-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/layout/topbar-layout/index.js

@@ -1,2 +0,0 @@
-export { TopbarLayout } from './TopbarLayout';
-//# sourceMappingURL=index.js.map

package/dist/layout/topbar-layout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/topbar-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { TopbarLayout } from './TopbarLayout';\nexport type { TopbarLayoutProps } from './types';\n"]}

package/dist/layout/topbar-layout/meta.d.ts

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

package/dist/layout/topbar-layout/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/layout/topbar-layout/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;;;CAOS,CAAC"}

package/dist/layout/topbar-layout/meta.js

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

package/dist/layout/topbar-layout/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/layout/topbar-layout/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,QAAQ;IAClB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,+DAA+D;IACrE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const topbarLayoutMeta = {\n  name: 'TopbarLayout',\n  category: 'layout',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Application layout; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/layout/topbar-layout/types.d.ts

@@ -1,8 +0,0 @@
-import type React from 'react';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-export interface TopbarLayoutProps extends ZoraBaseProps {
-    topbar: React.ReactNode;
-    children?: React.ReactNode;
-    sidebar?: React.ReactNode;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/layout/topbar-layout/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/topbar-layout/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/dist/layout/topbar-layout/types.js

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

package/dist/layout/topbar-layout/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/topbar-layout/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface TopbarLayoutProps extends ZoraBaseProps {\n  topbar: React.ReactNode;\n  children?: React.ReactNode;\n  sidebar?: React.ReactNode;\n}\n"]}

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

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

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

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

package/dist/patterns/list/List.js

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

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

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

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

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

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

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

package/dist/patterns/list/ListRow.js

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

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

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