@ankhorage/zora 13.0.0 → 14.0.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 14.0.1
+
+### Patch Changes
+
+- be83fc0: Move AppBar into canonical `src/features/app-bar` ownership while preserving the public root API, and expand the Paradox Usage source with toast, adaptive picker, and direct native BottomSheet examples.
+
+## 14.0.0
+
+### Major Changes
+
+- 1b21ad4: Make toast and native bottom-sheet runtime hosts explicit `ZoraProvider` capabilities, migrate Toast to feature ownership, and render DatePicker/TimePicker through platform-specific hosts with BottomSheet on native and Popover on web.
+
+  BREAKING CHANGE: `ZoraProvider` no longer installs `BottomSheetProvider` automatically. Native apps using BottomSheet-backed interactions must enable `<ZoraProvider bottomSheet>`. Enable `<ZoraProvider toast>` or pass toast provider options when descendants use `useToast()`.
+
 ## 13.0.0
 
 ### Major Changes

package/README.md

@@ -3,16 +3,17 @@
 
 # @ankhorage/zora
 
-![license: MIT](././paradox/badges/license.svg) ![npm: v12.1.0](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
+![license: MIT](././paradox/badges/license.svg) ![npm: v14.0.0](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
 
 Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.
 
 ## Usage
 
-### Minimal ZORA app root.
+### ZORA app root with optional runtime capabilities and adaptive UI.
 
-Use `ZoraProvider` once at the application root, place `AppShell` inside it,
-and use `AppBar` as the default header slot for a simple app frame.
+Enable only the runtime capabilities the app uses. `toast` installs the host consumed by
+`useToast()`. `bottomSheet` installs the native BottomSheet host; DatePicker and TimePicker use
+that host on native and automatically use Popover on web.
 
 Source: `examples/basic-app/App.tsx`
 
@@ -20,12 +21,19 @@ Source: `examples/basic-app/App.tsx`
 import {
   AppBar,
   AppShell,
+  BottomSheet,
+  Button,
+  DatePicker,
   Screen,
   ScreenSection,
+  Stack,
   Text,
+  TimePicker,
+  useToast,
   ZoraProvider,
   type ZoraTheme,
 } from '@ankhorage/zora';
+import React from 'react';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
 const basicTheme: ZoraTheme = {
@@ -39,11 +47,16 @@ const basicTheme: ZoraTheme = {
 export default function BasicApp() {
   return (
     <GestureHandlerRootView style={{ flex: 1 }}>
-      <ZoraProvider initialMode="light" theme={basicTheme}>
+      <ZoraProvider
+        bottomSheet
+        initialMode="light"
+        theme={basicTheme}
+        toast={{ defaultDuration: 4000 }}
+      >
         <AppShell header={<AppBar title="Dashboard" subtitle="Welcome to ZORA" />}>
           <Screen>
             <ScreenSection>
-              <Text variant="lead">Build your app content inside the shell.</Text>
+              <UsageContent />
             </ScreenSection>
           </Screen>
         </AppShell>
@@ -51,6 +64,169 @@ export default function BasicApp() {
     </GestureHandlerRootView>
   );
 }
+
+/*** Demonstrates toast feedback and adaptive picker presentation. */
+function UsageContent() {
+  const { showToast } = useToast();
+  const [date, setDate] = React.useState<string | null>(null);
+  const [time, setTime] = React.useState<string | null>(null);
+
+  return (
+    <Stack gap="m">
+      <Text variant="lead">Runtime capabilities are opt-in at the app root.</Text>
+      <Button
+        onPress={() =>
+          showToast({
+            description: 'ToastProvider is installed by ZoraProvider.',
+            status: 'success',
+            title: 'Saved',
+          })
+        }
+      >
+        Show toast
+      </Button>
+      <DatePicker label="Date" onValueChange={setDate} value={date} />
+      <TimePicker label="Time" onValueChange={setTime} value={time} />
+    </Stack>
+  );
+}
+
+/***
+ * Direct native BottomSheet usage.
+ *
+ * Render this inside `<ZoraProvider bottomSheet>` on native. Web pickers do not need this host;
+ * their platform adapters use Popover instead.
+ *
+ * @usage
+ * @readme
+ */
+export function NativeBottomSheetExample() {
+  const [open, setOpen] = React.useState(false);
+
+  return (
+    <Stack gap="m">
+      <Button onPress={() => setOpen(true)}>Open native bottom sheet</Button>
+      <BottomSheet onDismiss={() => setOpen(false)} open={open}>
+        <Stack gap="s" p="m">
+          <Text variant="label">Bottom sheet content</Text>
+          <Button onPress={() => setOpen(false)} variant="ghost">
+            Close
+          </Button>
+        </Stack>
+      </BottomSheet>
+    </Stack>
+  );
+}
+```
+
+### Direct native BottomSheet usage.
+
+Render this inside `<ZoraProvider bottomSheet>` on native. Web pickers do not need this host;
+their platform adapters use Popover instead.
+
+Source: `examples/basic-app/App.tsx`
+
+```tsx
+import {
+  AppBar,
+  AppShell,
+  BottomSheet,
+  Button,
+  DatePicker,
+  Screen,
+  ScreenSection,
+  Stack,
+  Text,
+  TimePicker,
+  useToast,
+  ZoraProvider,
+  type ZoraTheme,
+} from '@ankhorage/zora';
+import React from 'react';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+
+const basicTheme: ZoraTheme = {
+  id: 'basic-app',
+  name: 'Basic app',
+  appCategory: 'developer_tools',
+  primaryColor: '#0b6e99',
+  harmony: 'analogous',
+};
+
+/***
+ * ZORA app root with optional runtime capabilities and adaptive UI.
+ *
+ * Enable only the runtime capabilities the app uses. `toast` installs the host consumed by
+ * `useToast()`. `bottomSheet` installs the native BottomSheet host; DatePicker and TimePicker use
+ * that host on native and automatically use Popover on web.
+ *
+ * @usage
+ * @readme
+ */
+export default function BasicApp() {
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <ZoraProvider
+        bottomSheet
+        initialMode="light"
+        theme={basicTheme}
+        toast={{ defaultDuration: 4000 }}
+      >
+        <AppShell header={<AppBar title="Dashboard" subtitle="Welcome to ZORA" />}>
+          <Screen>
+            <ScreenSection>
+              <UsageContent />
+            </ScreenSection>
+          </Screen>
+        </AppShell>
+      </ZoraProvider>
+    </GestureHandlerRootView>
+  );
+}
+
+/*** Demonstrates toast feedback and adaptive picker presentation. */
+function UsageContent() {
+  const { showToast } = useToast();
+  const [date, setDate] = React.useState<string | null>(null);
+  const [time, setTime] = React.useState<string | null>(null);
+
+  return (
+    <Stack gap="m">
+      <Text variant="lead">Runtime capabilities are opt-in at the app root.</Text>
+      <Button
+        onPress={() =>
+          showToast({
+            description: 'ToastProvider is installed by ZoraProvider.',
+            status: 'success',
+            title: 'Saved',
+          })
+        }
+      >
+        Show toast
+      </Button>
+      <DatePicker label="Date" onValueChange={setDate} value={date} />
+      <TimePicker label="Time" onValueChange={setTime} value={time} />
+    </Stack>
+  );
+}
+
+export function NativeBottomSheetExample() {
+  const [open, setOpen] = React.useState(false);
+
+  return (
+    <Stack gap="m">
+      <Button onPress={() => setOpen(true)}>Open native bottom sheet</Button>
+      <BottomSheet onDismiss={() => setOpen(false)} open={open}>
+        <Stack gap="s" p="m">
+          <Text variant="label">Bottom sheet content</Text>
+          <Button onPress={() => setOpen(false)} variant="ghost">
+            Close
+          </Button>
+        </Stack>
+      </BottomSheet>
+    </Stack>
+  );
+}
 ```
 
 ## Generated documentation

package/dist/features/accordion/adapters/inbound/Accordion.js

@@ -15,27 +15,27 @@ function AccordionInner(props) {
 function MultipleAccordion({ themeId: _themeId, mode: _mode, children, defaultValue, interactionPolicy, onValueChange, value, ...surfaceProps }) {
     const [presentationValues, setPresentationValues] = React.useState(() => value ?? defaultValue ?? []);
     const openValues = value ?? presentationValues;
-    return (<AccordionPresentationContext.Provider value={{ mode: 'multiple', openValues }}>
+    return (<AccordionPresentationContext value={{ mode: 'multiple', openValues }}>
       <SurfaceAccordion {...surfaceProps} defaultValue={defaultValue} interactionPolicy={interactionPolicy} onValueChange={(nextValues) => {
             setPresentationValues(nextValues);
             onValueChange?.(nextValues);
         }} type="multiple" value={value}>
         {children}
       </SurfaceAccordion>
-    </AccordionPresentationContext.Provider>);
+    </AccordionPresentationContext>);
 }
 /*** Mirrors Surface single-value state for ZORA presentation only. */
 function SingleAccordion({ themeId: _themeId, mode: _mode, children, defaultValue, interactionPolicy, onValueChange, type: _type, value, ...surfaceProps }) {
     const [presentationValue, setPresentationValue] = React.useState(() => value ?? defaultValue);
     const openValue = value ?? presentationValue;
     const openValues = openValue === undefined ? [] : [openValue];
-    return (<AccordionPresentationContext.Provider value={{ mode: 'single', openValues }}>
+    return (<AccordionPresentationContext value={{ mode: 'single', openValues }}>
       <SurfaceAccordion {...surfaceProps} defaultValue={defaultValue} interactionPolicy={interactionPolicy} onValueChange={(nextValue) => {
             setPresentationValue(nextValue);
             onValueChange?.(nextValue);
         }} type="single" value={value}>
         {children}
       </SurfaceAccordion>
-    </AccordionPresentationContext.Provider>);
+    </AccordionPresentationContext>);
 }
 //# sourceMappingURL=Accordion.js.map

package/dist/features/accordion/adapters/inbound/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAM1E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gDAAgD,CAAC;AAE9F,yFAAyF;AACzF,MAAM,CAAC,MAAM,SAAS,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC;AAE5D,qFAAqF;AACrF,SAAS,cAAc,CAAC,KAAqB;IAC3C,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QAC9B,OAAO,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;IAC1C,CAAC;IAED,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACxC,CAAC;AAED,wEAAwE;AACxE,SAAS,iBAAiB,CAAC,EACzB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,KAAK,EACL,GAAG,YAAY,EACQ;IACvB,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAChE,GAAG,EAAE,CAAC,KAAK,IAAI,YAAY,IAAI,EAAE,CAClC,CAAC;IACF,MAAM,UAAU,GAAG,KAAK,IAAI,kBAAkB,CAAC;IAE/C,OAAO,CACL,CAAC,4BAA4B,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAC7E;MAAA,CAAC,gBAAgB,CACf,IAAI,YAAY,CAAC,CACjB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,aAAa,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE;YAC5B,qBAAqB,CAAC,UAAU,CAAC,CAAC;YAClC,aAAa,EAAE,CAAC,UAAU,CAAC,CAAC;QAC9B,CAAC,CAAC,CACF,IAAI,CAAC,UAAU,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,gBAAgB,CACpB;IAAA,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CACzC,CAAC;AACJ,CAAC;AAED,sEAAsE;AACtE,SAAS,eAAe,CAAC,EACvB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,IAAI,EAAE,KAAK,EACX,KAAK,EACL,GAAG,YAAY,EACM;IACrB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC9D,GAAG,EAAE,CAAC,KAAK,IAAI,YAAY,CAC5B,CAAC;IACF,MAAM,SAAS,GAAG,KAAK,IAAI,iBAAiB,CAAC;IAC7C,MAAM,UAAU,GAAG,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAE9D,OAAO,CACL,CAAC,4BAA4B,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAC3E;MAAA,CAAC,gBAAgB,CACf,IAAI,YAAY,CAAC,CACjB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,aAAa,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE;YAC3B,oBAAoB,CAAC,SAAS,CAAC,CAAC;YAChC,aAAa,EAAE,CAAC,SAAS,CAAC,CAAC;QAC7B,CAAC,CAAC,CACF,IAAI,CAAC,QAAQ,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,gBAAgB,CACpB;IAAA,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CACzC,CAAC;AACJ,CAAC","sourcesContent":["import { Accordion as SurfaceAccordion } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type {\n  AccordionMultipleProps,\n  AccordionProps,\n  AccordionSingleProps,\n} from '../../../../types/accordion';\nimport { AccordionPresentationContext } from '../../composition/AccordionPresentationContext';\n\n/*** Renders a ZORA accordion backed by Surface expansion and accessibility mechanics. */\nexport const Accordion = withZoraThemeScope(AccordionInner);\n\n/*** Routes the public accordion union to its single or multiple Surface contract. */\nfunction AccordionInner(props: AccordionProps) {\n  if (props.type === 'multiple') {\n    return <MultipleAccordion {...props} />;\n  }\n\n  return <SingleAccordion {...props} />;\n}\n\n/*** Mirrors Surface multiple-value state for ZORA presentation only. */\nfunction MultipleAccordion({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  defaultValue,\n  interactionPolicy,\n  onValueChange,\n  value,\n  ...surfaceProps\n}: AccordionMultipleProps) {\n  const [presentationValues, setPresentationValues] = React.useState<readonly string[]>(\n    () => value ?? defaultValue ?? [],\n  );\n  const openValues = value ?? presentationValues;\n\n  return (\n    <AccordionPresentationContext.Provider value={{ mode: 'multiple', openValues }}>\n      <SurfaceAccordion\n        {...surfaceProps}\n        defaultValue={defaultValue}\n        interactionPolicy={interactionPolicy}\n        onValueChange={(nextValues) => {\n          setPresentationValues(nextValues);\n          onValueChange?.(nextValues);\n        }}\n        type=\"multiple\"\n        value={value}\n      >\n        {children}\n      </SurfaceAccordion>\n    </AccordionPresentationContext.Provider>\n  );\n}\n\n/*** Mirrors Surface single-value state for ZORA presentation only. */\nfunction SingleAccordion({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  defaultValue,\n  interactionPolicy,\n  onValueChange,\n  type: _type,\n  value,\n  ...surfaceProps\n}: AccordionSingleProps) {\n  const [presentationValue, setPresentationValue] = React.useState<string | undefined>(\n    () => value ?? defaultValue,\n  );\n  const openValue = value ?? presentationValue;\n  const openValues = openValue === undefined ? [] : [openValue];\n\n  return (\n    <AccordionPresentationContext.Provider value={{ mode: 'single', openValues }}>\n      <SurfaceAccordion\n        {...surfaceProps}\n        defaultValue={defaultValue}\n        interactionPolicy={interactionPolicy}\n        onValueChange={(nextValue) => {\n          setPresentationValue(nextValue);\n          onValueChange?.(nextValue);\n        }}\n        type=\"single\"\n        value={value}\n      >\n        {children}\n      </SurfaceAccordion>\n    </AccordionPresentationContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/Accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Accordion as SurfaceAccordion } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type {\n  AccordionMultipleProps,\n  AccordionProps,\n  AccordionSingleProps,\n} from '../../../../types/accordion';\nimport { AccordionPresentationContext } from '../../composition/AccordionPresentationContext';\n\n/*** Renders a ZORA accordion backed by Surface expansion and accessibility mechanics. */\nexport const Accordion = withZoraThemeScope(AccordionInner);\n\n/*** Routes the public accordion union to its single or multiple Surface contract. */\nfunction AccordionInner(props: AccordionProps) {\n  if (props.type === 'multiple') {\n    return <MultipleAccordion {...props} />;\n  }\n\n  return <SingleAccordion {...props} />;\n}\n\n/*** Mirrors Surface multiple-value state for ZORA presentation only. */\nfunction MultipleAccordion({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  defaultValue,\n  interactionPolicy,\n  onValueChange,\n  value,\n  ...surfaceProps\n}: AccordionMultipleProps) {\n  const [presentationValues, setPresentationValues] = React.useState<readonly string[]>(\n    () => value ?? defaultValue ?? [],\n  );\n  const openValues = value ?? presentationValues;\n\n  return (\n    <AccordionPresentationContext value={{ mode: 'multiple', openValues }}>\n      <SurfaceAccordion\n        {...surfaceProps}\n        defaultValue={defaultValue}\n        interactionPolicy={interactionPolicy}\n        onValueChange={(nextValues) => {\n          setPresentationValues(nextValues);\n          onValueChange?.(nextValues);\n        }}\n        type=\"multiple\"\n        value={value}\n      >\n        {children}\n      </SurfaceAccordion>\n    </AccordionPresentationContext>\n  );\n}\n\n/*** Mirrors Surface single-value state for ZORA presentation only. */\nfunction SingleAccordion({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  defaultValue,\n  interactionPolicy,\n  onValueChange,\n  type: _type,\n  value,\n  ...surfaceProps\n}: AccordionSingleProps) {\n  const [presentationValue, setPresentationValue] = React.useState<string | undefined>(\n    () => value ?? defaultValue,\n  );\n  const openValue = value ?? presentationValue;\n  const openValues = openValue === undefined ? [] : [openValue];\n\n  return (\n    <AccordionPresentationContext value={{ mode: 'single', openValues }}>\n      <SurfaceAccordion\n        {...surfaceProps}\n        defaultValue={defaultValue}\n        interactionPolicy={interactionPolicy}\n        onValueChange={(nextValue) => {\n          setPresentationValue(nextValue);\n          onValueChange?.(nextValue);\n        }}\n        type=\"single\"\n        value={value}\n      >\n        {children}\n      </SurfaceAccordion>\n    </AccordionPresentationContext>\n  );\n}\n"]}

package/dist/features/accordion/adapters/inbound/AccordionItem.js

@@ -10,7 +10,7 @@ export const AccordionItem = withZoraThemeScope(AccordionItemInner);
 const triggerStyle = { flex: 1 };
 /*** Composes the item header, optional actions, expanded content, and separator. */
 function AccordionItemInner({ themeId: _themeId, mode: _mode, actions, children, description, disabled, icon, interactionPolicy, testID, title, value, ...surfaceItemProps }) {
-    const presentation = React.useContext(AccordionPresentationContext);
+    const presentation = React.use(AccordionPresentationContext);
     if (!presentation) {
         throw new Error('AccordionItem must be rendered inside Accordion.');
     }

package/dist/features/accordion/adapters/inbound/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,IAAI,uBAAuB,EAC3C,aAAa,IAAI,oBAAoB,EACrC,gBAAgB,IAAI,uBAAuB,GAC5C,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,4BAA4B,EAAE,MAAM,gDAAgD,CAAC;AAE9F,4FAA4F;AAC5F,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;AAEpE,MAAM,YAAY,GAAc,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAE5C,oFAAoF;AACpF,SAAS,kBAAkB,CAAC,EAC1B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,gBAAgB,EACA;IACnB,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAC;IACpE,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACtE,CAAC;IAED,MAAM,IAAI,GAAG,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAErD,OAAO,CACL,CAAC,oBAAoB,CACnB,IAAI,gBAAgB,CAAC,CACrB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CACf;QAAA,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAC3C;UAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACX;YAAA,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CACjF;cAAA,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAChB;gBAAA,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAC3C;kBAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CACjC;kBAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACX;oBAAA,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CACb;sBAAA,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CACnC;sBAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;0BAAA,CAAC,WAAW,CACd;wBAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;oBAAA,EAAE,KAAK,CACT;kBAAA,EAAE,GAAG,CACL;kBAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,GAAG,EAC5E;gBAAA,EAAE,KAAK,CACT;cAAA,EAAE,GAAG,CACP;YAAA,EAAE,uBAAuB,CAC3B;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC/C;QAAA,EAAE,KAAK,CAEP;;QAAA,CAAC,uBAAuB,CACtB;UAAA,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAChB;YAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,CAClC;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,uBAAuB,CAEzB;;QAAA,CAAC,OAAO,CAAC,AAAD,EACV;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,oBAAoB,CAAC,CACxB,CAAC;AACJ,CAAC","sourcesContent":["import {\n  AccordionContent as SurfaceAccordionContent,\n  AccordionItem as SurfaceAccordionItem,\n  AccordionTrigger as SurfaceAccordionTrigger,\n} from '@ankhorage/surface';\nimport React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { AccordionItemProps } from '../../../../types/accordion';\nimport { Icon } from '../../../icon/public';\nimport { Box, Divider, Stack } from '../../../layout/public';\nimport { Heading, Text } from '../../../typography/public';\nimport { AccordionPresentationContext } from '../../composition/AccordionPresentationContext';\n\n/*** Renders one opinionated ZORA accordion item over Surface trigger/content primitives. */\nexport const AccordionItem = withZoraThemeScope(AccordionItemInner);\n\nconst triggerStyle: ViewStyle = { flex: 1 };\n\n/*** Composes the item header, optional actions, expanded content, and separator. */\nfunction AccordionItemInner({\n  themeId: _themeId,\n  mode: _mode,\n  actions,\n  children,\n  description,\n  disabled,\n  icon,\n  interactionPolicy,\n  testID,\n  title,\n  value,\n  ...surfaceItemProps\n}: AccordionItemProps) {\n  const presentation = React.useContext(AccordionPresentationContext);\n  if (!presentation) {\n    throw new Error('AccordionItem must be rendered inside Accordion.');\n  }\n\n  const open = presentation.openValues.includes(value);\n\n  return (\n    <SurfaceAccordionItem\n      {...surfaceItemProps}\n      disabled={disabled}\n      interactionPolicy={interactionPolicy}\n      testID={testID}\n      value={value}\n    >\n      <Stack gap=\"none\">\n        <Stack align=\"center\" direction=\"row\" gap=\"s\">\n          <Box flex={1}>\n            <SurfaceAccordionTrigger interactionPolicy={interactionPolicy} style={triggerStyle}>\n              <Box px=\"m\" py=\"m\">\n                <Stack align=\"center\" direction=\"row\" gap=\"m\">\n                  {icon ? <Icon {...icon} /> : null}\n                  <Box flex={1}>\n                    <Stack gap=\"xs\">\n                      <Heading level={4}>{title}</Heading>\n                      {description ? (\n                        <Text emphasis=\"muted\" variant=\"bodySmall\">\n                          {description}\n                        </Text>\n                      ) : null}\n                    </Stack>\n                  </Box>\n                  <Icon name={open ? 'chevron-up-outline' : 'chevron-down-outline'} size=\"m\" />\n                </Stack>\n              </Box>\n            </SurfaceAccordionTrigger>\n          </Box>\n          {actions ? <Box pr=\"m\">{actions}</Box> : null}\n        </Stack>\n\n        <SurfaceAccordionContent>\n          <Box px=\"m\" pb=\"m\">\n            <Stack gap=\"m\">{children}</Stack>\n          </Box>\n        </SurfaceAccordionContent>\n\n        <Divider />\n      </Stack>\n    </SurfaceAccordionItem>\n  );\n}\n"]}
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,IAAI,uBAAuB,EAC3C,aAAa,IAAI,oBAAoB,EACrC,gBAAgB,IAAI,uBAAuB,GAC5C,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,4BAA4B,EAAE,MAAM,gDAAgD,CAAC;AAE9F,4FAA4F;AAC5F,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;AAEpE,MAAM,YAAY,GAAc,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAE5C,oFAAoF;AACpF,SAAS,kBAAkB,CAAC,EAC1B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,gBAAgB,EACA;IACnB,MAAM,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;IAC7D,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACtE,CAAC;IAED,MAAM,IAAI,GAAG,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAErD,OAAO,CACL,CAAC,oBAAoB,CACnB,IAAI,gBAAgB,CAAC,CACrB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CACf;QAAA,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAC3C;UAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACX;YAAA,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CACjF;cAAA,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAChB;gBAAA,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAC3C;kBAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CACjC;kBAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACX;oBAAA,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CACb;sBAAA,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CACnC;sBAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;0BAAA,CAAC,WAAW,CACd;wBAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;oBAAA,EAAE,KAAK,CACT;kBAAA,EAAE,GAAG,CACL;kBAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,GAAG,EAC5E;gBAAA,EAAE,KAAK,CACT;cAAA,EAAE,GAAG,CACP;YAAA,EAAE,uBAAuB,CAC3B;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC/C;QAAA,EAAE,KAAK,CAEP;;QAAA,CAAC,uBAAuB,CACtB;UAAA,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAChB;YAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,CAClC;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,uBAAuB,CAEzB;;QAAA,CAAC,OAAO,CAAC,AAAD,EACV;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,oBAAoB,CAAC,CACxB,CAAC;AACJ,CAAC","sourcesContent":["import {\n  AccordionContent as SurfaceAccordionContent,\n  AccordionItem as SurfaceAccordionItem,\n  AccordionTrigger as SurfaceAccordionTrigger,\n} from '@ankhorage/surface';\nimport React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { AccordionItemProps } from '../../../../types/accordion';\nimport { Icon } from '../../../icon/public';\nimport { Box, Divider, Stack } from '../../../layout/public';\nimport { Heading, Text } from '../../../typography/public';\nimport { AccordionPresentationContext } from '../../composition/AccordionPresentationContext';\n\n/*** Renders one opinionated ZORA accordion item over Surface trigger/content primitives. */\nexport const AccordionItem = withZoraThemeScope(AccordionItemInner);\n\nconst triggerStyle: ViewStyle = { flex: 1 };\n\n/*** Composes the item header, optional actions, expanded content, and separator. */\nfunction AccordionItemInner({\n  themeId: _themeId,\n  mode: _mode,\n  actions,\n  children,\n  description,\n  disabled,\n  icon,\n  interactionPolicy,\n  testID,\n  title,\n  value,\n  ...surfaceItemProps\n}: AccordionItemProps) {\n  const presentation = React.use(AccordionPresentationContext);\n  if (!presentation) {\n    throw new Error('AccordionItem must be rendered inside Accordion.');\n  }\n\n  const open = presentation.openValues.includes(value);\n\n  return (\n    <SurfaceAccordionItem\n      {...surfaceItemProps}\n      disabled={disabled}\n      interactionPolicy={interactionPolicy}\n      testID={testID}\n      value={value}\n    >\n      <Stack gap=\"none\">\n        <Stack align=\"center\" direction=\"row\" gap=\"s\">\n          <Box flex={1}>\n            <SurfaceAccordionTrigger interactionPolicy={interactionPolicy} style={triggerStyle}>\n              <Box px=\"m\" py=\"m\">\n                <Stack align=\"center\" direction=\"row\" gap=\"m\">\n                  {icon ? <Icon {...icon} /> : null}\n                  <Box flex={1}>\n                    <Stack gap=\"xs\">\n                      <Heading level={4}>{title}</Heading>\n                      {description ? (\n                        <Text emphasis=\"muted\" variant=\"bodySmall\">\n                          {description}\n                        </Text>\n                      ) : null}\n                    </Stack>\n                  </Box>\n                  <Icon name={open ? 'chevron-up-outline' : 'chevron-down-outline'} size=\"m\" />\n                </Stack>\n              </Box>\n            </SurfaceAccordionTrigger>\n          </Box>\n          {actions ? <Box pr=\"m\">{actions}</Box> : null}\n        </Stack>\n\n        <SurfaceAccordionContent>\n          <Box px=\"m\" pb=\"m\">\n            <Stack gap=\"m\">{children}</Stack>\n          </Box>\n        </SurfaceAccordionContent>\n\n        <Divider />\n      </Stack>\n    </SurfaceAccordionItem>\n  );\n}\n"]}

package/dist/features/app-bar/adapters/inbound/AppBar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { AppBarProps } from '../../../../types/app-bar';
+/*** Renders a top app bar with title/subtitle and optional leading/trailing actions. */
+export declare const AppBar: (props: AppBarProps) => React.ReactElement | null;
+//# sourceMappingURL=AppBar.d.ts.map

package/dist/features/app-bar/adapters/inbound/AppBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../../../src/features/app-bar/adapters/inbound/AppBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAoC,WAAW,EAAE,MAAM,2BAA2B,CAAC;AA6B/F,wFAAwF;AACxF,eAAO,MAAM,MAAM,mDAAkC,CAAC"}

package/dist/features/app-bar/adapters/inbound/AppBar.js

@@ -0,0 +1,91 @@
+import { AppBar as SurfaceAppBar } from '@ankhorage/surface';
+import React from 'react';
+import { Inline } from '../../../../foundation';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { IconButton } from '../../../button/public';
+import { Box, Stack } from '../../../layout/public';
+import { Heading, Text } from '../../../typography/public';
+const DEFAULT_CANCEL_ICON = { name: 'close-outline' };
+const DEFAULT_OVERFLOW_ICON = { name: 'ellipsis-vertical' };
+/*** Resolves the effective AppBar mode. */
+function resolveMode(mode) {
+    return mode ?? { type: 'default' };
+}
+/*** Formats the active selection label with its optional count. */
+function resolveSelectionLabel({ count, label }) {
+    if (count === undefined)
+        return label;
+    return `${label} (${count})`;
+}
+/*** Resolves the accessible label for the overflow action. */
+function resolveOverflowLabel(overflow) {
+    return overflow.label ?? 'More options';
+}
+/*** Resolves the accessible label for leaving selection mode. */
+function resolveCancelLabel(mode) {
+    return mode.cancelLabel ?? 'Cancel selection';
+}
+/*** Renders a top app bar with title/subtitle and optional leading/trailing actions. */
+export const AppBar = withZoraThemeScope(AppBarInner);
+/*** Composes the opinionated ZORA AppBar over the Surface layout primitive. */
+function AppBarInner({ themeId: _themeId, mode: _mode, title, subtitle, leading, actions, overflow, appMode, children, safeAreaTop = true, divider = true, testID, interactionPolicy, }) {
+    const { theme } = useZoraTheme();
+    const resolvedMode = resolveMode(appMode);
+    const isSelectionMode = resolvedMode.type === 'selection';
+    const resolvedLeading = leading ?? resolveSelectionLeading(resolvedMode, interactionPolicy);
+    const overflowButton = resolveOverflowButton(overflow, interactionPolicy);
+    const resolvedTrailing = resolveTrailing(actions, overflowButton);
+    const resolvedCenter = resolveCenter({
+        children,
+        isSelectionMode,
+        resolvedMode,
+        subtitle,
+        title,
+    });
+    return (<SurfaceAppBar bg={isSelectionMode ? theme.semantics.action.primary.softBg : undefined} divider={divider} leading={resolvedLeading} safeAreaTop={safeAreaTop} testID={testID} trailing={resolvedTrailing}>
+      {resolvedCenter ? <Box style={{ minWidth: 0 }}>{resolvedCenter}</Box> : null}
+    </SurfaceAppBar>);
+}
+/*** Resolves the selection action shown at the leading edge. */
+function resolveSelectionLeading(mode, interactionPolicy) {
+    if (mode.type !== 'selection')
+        return undefined;
+    return (<IconButton color="neutral" icon={mode.cancelIcon ?? DEFAULT_CANCEL_ICON} interactionPolicy={interactionPolicy} label={resolveCancelLabel(mode)} onPress={mode.onCancel} size="m" variant="ghost"/>);
+}
+/*** Resolves the optional overflow action. */
+function resolveOverflowButton(overflow, interactionPolicy) {
+    if (!overflow?.onPress)
+        return null;
+    return (<IconButton color="neutral" disabled={overflow.disabled} icon={overflow.icon ?? DEFAULT_OVERFLOW_ICON} interactionPolicy={interactionPolicy} label={resolveOverflowLabel(overflow)} onPress={overflow.onPress} size="m" variant="ghost"/>);
+}
+/*** Composes trailing actions and overflow controls. */
+function resolveTrailing(actions, overflowButton) {
+    if (!actions && !overflowButton)
+        return undefined;
+    return (<Inline align="center" gap="s" wrap="nowrap">
+      {actions}
+      {overflowButton}
+    </Inline>);
+}
+/*** Resolves the center content for default and selection modes. */
+function resolveCenter({ children, isSelectionMode, resolvedMode, subtitle, title, }) {
+    if (children !== undefined)
+        return children;
+    if (isSelectionMode && resolvedMode.type === 'selection') {
+        return (<Text emphasis="default" numberOfLines={1} variant="label" weight="semiBold">
+        {resolveSelectionLabel(resolvedMode)}
+      </Text>);
+    }
+    if (title == null && subtitle == null)
+        return null;
+    return (<Stack gap="xs">
+      {title != null ? (<Heading ellipsizeMode="tail" level={3} numberOfLines={1} size="h5">
+          {title}
+        </Heading>) : null}
+      {subtitle != null ? (<Text ellipsizeMode="tail" emphasis="muted" numberOfLines={1} variant="bodySmall">
+          {subtitle}
+        </Text>) : null}
+    </Stack>);
+}
+//# sourceMappingURL=AppBar.js.map

package/dist/features/app-bar/adapters/inbound/AppBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../../../../src/features/app-bar/adapters/inbound/AppBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AppBar as SurfaceAppBar, type ButtonIconSpec } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Inline } from '../../../../foundation';\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { AppBarMode, AppBarOverflowAction, AppBarProps } from '../../../../types/app-bar';\nimport { IconButton } from '../../../button/public';\nimport { Box, Stack } from '../../../layout/public';\nimport { Heading, Text } from '../../../typography/public';\n\nconst DEFAULT_CANCEL_ICON = { name: 'close-outline' } satisfies ButtonIconSpec;\nconst DEFAULT_OVERFLOW_ICON = { name: 'ellipsis-vertical' } satisfies ButtonIconSpec;\n\n/*** Resolves the effective AppBar mode. */\nfunction resolveMode(mode: AppBarMode | undefined): AppBarMode {\n  return mode ?? { type: 'default' };\n}\n\n/*** Formats the active selection label with its optional count. */\nfunction resolveSelectionLabel({ count, label }: { count?: number; label: string }): string {\n  if (count === undefined) return label;\n  return `${label} (${count})`;\n}\n\n/*** Resolves the accessible label for the overflow action. */\nfunction resolveOverflowLabel(overflow: AppBarOverflowAction): string {\n  return overflow.label ?? 'More options';\n}\n\n/*** Resolves the accessible label for leaving selection mode. */\nfunction resolveCancelLabel(mode: Extract<AppBarMode, { type: 'selection' }>): string {\n  return mode.cancelLabel ?? 'Cancel selection';\n}\n\n/*** Renders a top app bar with title/subtitle and optional leading/trailing actions. */\nexport const AppBar = withZoraThemeScope(AppBarInner);\n\n/*** Composes the opinionated ZORA AppBar over the Surface layout primitive. */\nfunction AppBarInner({\n  themeId: _themeId,\n  mode: _mode,\n  title,\n  subtitle,\n  leading,\n  actions,\n  overflow,\n  appMode,\n  children,\n  safeAreaTop = true,\n  divider = true,\n  testID,\n  interactionPolicy,\n}: AppBarProps) {\n  const { theme } = useZoraTheme();\n  const resolvedMode = resolveMode(appMode);\n  const isSelectionMode = resolvedMode.type === 'selection';\n  const resolvedLeading = leading ?? resolveSelectionLeading(resolvedMode, interactionPolicy);\n  const overflowButton = resolveOverflowButton(overflow, interactionPolicy);\n  const resolvedTrailing = resolveTrailing(actions, overflowButton);\n  const resolvedCenter = resolveCenter({\n    children,\n    isSelectionMode,\n    resolvedMode,\n    subtitle,\n    title,\n  });\n\n  return (\n    <SurfaceAppBar\n      bg={isSelectionMode ? theme.semantics.action.primary.softBg : undefined}\n      divider={divider}\n      leading={resolvedLeading}\n      safeAreaTop={safeAreaTop}\n      testID={testID}\n      trailing={resolvedTrailing}\n    >\n      {resolvedCenter ? <Box style={{ minWidth: 0 }}>{resolvedCenter}</Box> : null}\n    </SurfaceAppBar>\n  );\n}\n\n/*** Resolves the selection action shown at the leading edge. */\nfunction resolveSelectionLeading(\n  mode: AppBarMode,\n  interactionPolicy: AppBarProps['interactionPolicy'],\n): React.ReactNode | undefined {\n  if (mode.type !== 'selection') return undefined;\n\n  return (\n    <IconButton\n      color=\"neutral\"\n      icon={mode.cancelIcon ?? DEFAULT_CANCEL_ICON}\n      interactionPolicy={interactionPolicy}\n      label={resolveCancelLabel(mode)}\n      onPress={mode.onCancel}\n      size=\"m\"\n      variant=\"ghost\"\n    />\n  );\n}\n\n/*** Resolves the optional overflow action. */\nfunction resolveOverflowButton(\n  overflow: AppBarOverflowAction | undefined,\n  interactionPolicy: AppBarProps['interactionPolicy'],\n): React.ReactNode {\n  if (!overflow?.onPress) return null;\n\n  return (\n    <IconButton\n      color=\"neutral\"\n      disabled={overflow.disabled}\n      icon={overflow.icon ?? DEFAULT_OVERFLOW_ICON}\n      interactionPolicy={interactionPolicy}\n      label={resolveOverflowLabel(overflow)}\n      onPress={overflow.onPress}\n      size=\"m\"\n      variant=\"ghost\"\n    />\n  );\n}\n\n/*** Composes trailing actions and overflow controls. */\nfunction resolveTrailing(\n  actions: React.ReactNode,\n  overflowButton: React.ReactNode,\n): React.ReactNode {\n  if (!actions && !overflowButton) return undefined;\n  return (\n    <Inline align=\"center\" gap=\"s\" wrap=\"nowrap\">\n      {actions}\n      {overflowButton}\n    </Inline>\n  );\n}\n\n/*** Resolves the center content for default and selection modes. */\nfunction resolveCenter({\n  children,\n  isSelectionMode,\n  resolvedMode,\n  subtitle,\n  title,\n}: {\n  children: React.ReactNode;\n  isSelectionMode: boolean;\n  resolvedMode: AppBarMode;\n  subtitle: React.ReactNode;\n  title: React.ReactNode;\n}): React.ReactNode {\n  if (children !== undefined) return children;\n  if (isSelectionMode && resolvedMode.type === 'selection') {\n    return (\n      <Text emphasis=\"default\" numberOfLines={1} variant=\"label\" weight=\"semiBold\">\n        {resolveSelectionLabel(resolvedMode)}\n      </Text>\n    );\n  }\n  if (title == null && subtitle == null) return null;\n\n  return (\n    <Stack gap=\"xs\">\n      {title != null ? (\n        <Heading ellipsizeMode=\"tail\" level={3} numberOfLines={1} size=\"h5\">\n          {title}\n        </Heading>\n      ) : null}\n      {subtitle != null ? (\n        <Text ellipsizeMode=\"tail\" emphasis=\"muted\" numberOfLines={1} variant=\"bodySmall\">\n          {subtitle}\n        </Text>\n      ) : null}\n    </Stack>\n  );\n}\n"]}

package/dist/{components/app-bar/meta.d.ts → features/app-bar/appBarMeta.d.ts}

@@ -6,4 +6,4 @@ export declare const appBarMeta: {
     readonly note: "Application chrome component; not represented as a manifest node in v1.";
     readonly props: {};
 };
-//# sourceMappingURL=meta.d.ts.map
+//# sourceMappingURL=appBarMeta.d.ts.map

package/dist/features/app-bar/appBarMeta.d.ts.map

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

package/dist/{components/app-bar/meta.js → features/app-bar/appBarMeta.js}

@@ -6,4 +6,4 @@ export const appBarMeta = {
     note: 'Application chrome component; not represented as a manifest node in v1.',
     props: {},
 };
-//# sourceMappingURL=meta.js.map
+//# sourceMappingURL=appBarMeta.js.map

package/dist/features/app-bar/appBarMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appBarMeta.js","sourceRoot":"","sources":["../../../src/features/app-bar/appBarMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,yEAAyE;IAC/E,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const appBarMeta = {\n  name: 'AppBar',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Application chrome component; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/app-bar/public.d.ts

@@ -0,0 +1,3 @@
+export type { AppBarMode, AppBarOverflowAction, AppBarProps } from '../../types/app-bar';
+export { AppBar } from './adapters/inbound/AppBar';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/app-bar/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/app-bar/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/features/app-bar/public.js

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

package/dist/features/app-bar/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/app-bar/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export type { AppBarMode, AppBarOverflowAction, AppBarProps } from '../../types/app-bar';\nexport { AppBar } from './adapters/inbound/AppBar';\n"]}

package/dist/features/date-picker/adapters/inbound/DatePicker.d.ts

@@ -1,7 +1,2 @@
-import React from 'react';
-import type { DatePickerProps } from '../../../../types/date-picker';
-/***
- * Date input control with calendar selection and formatted display value.
- */
-export declare const DatePicker: (props: DatePickerProps) => React.ReactElement | null;
+export { DatePicker } from './DatePicker.web';
 //# sourceMappingURL=DatePicker.d.ts.map

package/dist/features/date-picker/adapters/inbound/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/features/date-picker/adapters/inbound/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AA4VrE;;GAEG;AACH,eAAO,MAAM,UAAU,uDAAsC,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/features/date-picker/adapters/inbound/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}