@ankhorage/zora 2.5.2 → 2.5.3

package/dist/patterns/tree-view/TreeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../../src/patterns/tree-view/TreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,SAAS,aAAa,CAA8B,EAClD,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,UAAU,EACV,WAAW,EAAE,qBAAqB,EAClC,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,MAAM,GACa;IACnB,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAClE,kBAAkB,IAAI,EAAE,CACzB,CAAC;IAEF,MAAM,YAAY,GAAG,qBAAqB,KAAK,SAAS,CAAC;IACzD,MAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAE/E,MAAM,kBAAkB,GAAG,CAAC,EAAO,EAAE,EAAE;QACrC,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC5C,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,EAAE,EAAE,CAAC,CAAC;QAE3F,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,sBAAsB,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC;QACD,gBAAgB,EAAE,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,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,EAAE,CAAC,CACnB,CAAC,QAAQ,CACP,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CACb,KAAK,CAAC,CAAC,CAAC,CAAC,CACT,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,cAAc,CAAC,CAAC,kBAAkB,CAAC,CACnC,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,EACvB,CACH,CAAC,CACJ;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Stack } from '../../foundation';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { TreeItem } from './TreeItem';\nimport type { TreeViewProps } from './types';\n\nfunction TreeViewInner<TId extends string = string>({\n  themeId: _themeId,\n  mode: _mode,\n  nodes,\n  selectedId,\n  expandedIds: controlledExpandedIds,\n  defaultExpandedIds,\n  onSelect,\n  onExpandedChange,\n  renderItem,\n  testID,\n}: TreeViewProps<TId>) {\n  const [internalExpandedIds, setInternalExpandedIds] = React.useState<readonly TId[]>(\n    defaultExpandedIds ?? [],\n  );\n\n  const isControlled = controlledExpandedIds !== undefined;\n  const expandedIds = isControlled ? controlledExpandedIds : internalExpandedIds;\n\n  const handleToggleExpand = (id: TId) => {\n    const isExpanded = expandedIds.includes(id);\n    const newIds = isExpanded ? expandedIds.filter((eid) => eid !== id) : [...expandedIds, id];\n\n    if (!isControlled) {\n      setInternalExpandedIds(newIds);\n    }\n    onExpandedChange?.(newIds);\n  };\n\n  return (\n    <Stack gap=\"none\" testID={testID}>\n      {nodes.map((node) => (\n        <TreeItem\n          key={node.id}\n          depth={0}\n          expandedIds={expandedIds}\n          node={node}\n          onSelect={onSelect}\n          onToggleExpand={handleToggleExpand}\n          renderItem={renderItem}\n          selectedId={selectedId}\n        />\n      ))}\n    </Stack>\n  );\n}\n\nexport const TreeView = withZoraThemeScope(TreeViewInner);\n"]}
+{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../../src/patterns/tree-view/TreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,SAAS,aAAa,CAA8B,EAClD,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,UAAU,EACV,WAAW,EAAE,qBAAqB,EAClC,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,MAAM,GACa;IACnB,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAClE,kBAAkB,IAAI,EAAE,CACzB,CAAC;IAEF,MAAM,YAAY,GAAG,qBAAqB,KAAK,SAAS,CAAC;IACzD,MAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAE/E,MAAM,kBAAkB,GAAG,CAAC,EAAO,EAAE,EAAE;QACrC,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC5C,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,EAAE,EAAE,CAAC,CAAC;QAE3F,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,sBAAsB,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC;QACD,gBAAgB,EAAE,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,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,EAAE,CAAC,CACnB,CAAC,QAAQ,CACP,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CACb,KAAK,CAAC,CAAC,CAAC,CAAC,CACT,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,cAAc,CAAC,CAAC,kBAAkB,CAAC,CACnC,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,EACvB,CACH,CAAC,CACJ;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Stack } from '../../foundation';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { TreeItem } from './TreeItem';\nimport type { TreeViewProps } from './types';\n\nfunction TreeViewInner<TId extends string = string>({\n  themeId: _themeId,\n  mode: _mode,\n  nodes,\n  selectedId,\n  expandedIds: controlledExpandedIds,\n  defaultExpandedIds,\n  onSelect,\n  onExpandedChange,\n  renderItem,\n  testID,\n}: TreeViewProps<TId>) {\n  const [internalExpandedIds, setInternalExpandedIds] = React.useState<readonly TId[]>(\n    defaultExpandedIds ?? [],\n  );\n\n  const isControlled = controlledExpandedIds !== undefined;\n  const expandedIds = isControlled ? controlledExpandedIds : internalExpandedIds;\n\n  const handleToggleExpand = (id: TId) => {\n    const isExpanded = expandedIds.includes(id);\n    const newIds = isExpanded ? expandedIds.filter((eid) => eid !== id) : [...expandedIds, id];\n\n    if (!isControlled) {\n      setInternalExpandedIds(newIds);\n    }\n    onExpandedChange?.(newIds);\n  };\n\n  return (\n    <Stack gap=\"none\" testID={testID}>\n      {nodes.map((node) => (\n        <TreeItem\n          key={node.id}\n          depth={0}\n          expandedIds={expandedIds}\n          node={node}\n          onSelect={onSelect}\n          onToggleExpand={handleToggleExpand}\n          renderItem={renderItem}\n          selectedId={selectedId}\n        />\n      ))}\n    </Stack>\n  );\n}\n\n/***\n * Tree view pattern for hierarchical navigation and expandable lists.\n *\n * @readme\n */\nexport const TreeView = withZoraThemeScope(TreeViewInner);\n"]}

package/dist/patterns/zora-drawer-content/ZoraDrawerContent.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
 import type { ZoraDrawerContentProps } from './types';
+/***
+ * Standard drawer content pattern for ZORA navigation lists.
+ *
+ * @readme
+ */
 export declare const ZoraDrawerContent: (props: ZoraDrawerContentProps) => React.ReactElement | null;
 //# sourceMappingURL=ZoraDrawerContent.d.ts.map

package/dist/patterns/zora-drawer-content/ZoraDrawerContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoraDrawerContent.d.ts","sourceRoot":"","sources":["../../../src/patterns/zora-drawer-content/ZoraDrawerContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AA4CtD,eAAO,MAAM,iBAAiB,8DAA6C,CAAC"}
+{"version":3,"file":"ZoraDrawerContent.d.ts","sourceRoot":"","sources":["../../../src/patterns/zora-drawer-content/ZoraDrawerContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AA4CtD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,8DAA6C,CAAC"}

package/dist/patterns/zora-drawer-content/ZoraDrawerContent.js

@@ -22,5 +22,10 @@ function ZoraDrawerContentInner({ themeId: _themeId, mode: _mode, state, navigat
     }));
     return (<SurfaceDrawerNavigation compact={compact} footer={footer} header={header} items={items} testID={testID}/>);
 }
+/***
+ * Standard drawer content pattern for ZORA navigation lists.
+ *
+ * @readme
+ */
 export const ZoraDrawerContent = withZoraThemeScope(ZoraDrawerContentInner);
 //# sourceMappingURL=ZoraDrawerContent.js.map

package/dist/patterns/zora-drawer-content/ZoraDrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZoraDrawerContent.js","sourceRoot":"","sources":["../../../src/patterns/zora-drawer-content/ZoraDrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,sBAAsB,CAAC,EAC9B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,MAAM,EACN,MAAM,EACN,MAAM,GACiB;IACvB,MAAM,QAAQ,GAAG,sBAAsB,CAAC;QACtC,KAAK;QACL,WAAW;QACX,QAAQ;QACR,IAAI,EAAE,QAAQ;KACf,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACpC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG;QAClB,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI;QACzB,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK;QAC3B,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,OAAO,EAAE,4BAA4B,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;QAC3D,kBAAkB,EAAE,IAAI,CAAC,QAAQ,EAAE,kBAAkB;QACrD,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM;KAC9B,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,CAAC,uBAAuB,CACtB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAAC","sourcesContent":["import { DrawerNavigation as SurfaceDrawerNavigation } from '@ankhorage/surface';\nimport React from 'react';\n\nimport {\n  createDrawerItemPressHandler,\n  resolveNavigationItems,\n} from '../../internal/resolveZoraNavigationItems';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ZoraDrawerContentProps } from './types';\n\nfunction ZoraDrawerContentInner({\n  themeId: _themeId,\n  mode: _mode,\n  state,\n  navigation,\n  descriptors,\n  routeMap,\n  compact = false,\n  header,\n  footer,\n  testID,\n}: ZoraDrawerContentProps) {\n  const resolved = resolveNavigationItems({\n    state,\n    descriptors,\n    routeMap,\n    kind: 'drawer',\n  });\n\n  const items = resolved.map((item) => ({\n    id: item.route.key,\n    label: item.label,\n    icon: item.metadata?.icon,\n    badge: item.metadata?.badge,\n    active: item.active,\n    disabled: item.disabled,\n    onPress: createDrawerItemPressHandler({ item, navigation }),\n    accessibilityLabel: item.metadata?.accessibilityLabel,\n    testID: item.metadata?.testID,\n  }));\n\n  return (\n    <SurfaceDrawerNavigation\n      compact={compact}\n      footer={footer}\n      header={header}\n      items={items}\n      testID={testID}\n    />\n  );\n}\n\nexport const ZoraDrawerContent = withZoraThemeScope(ZoraDrawerContentInner);\n"]}
+{"version":3,"file":"ZoraDrawerContent.js","sourceRoot":"","sources":["../../../src/patterns/zora-drawer-content/ZoraDrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,sBAAsB,CAAC,EAC9B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,MAAM,EACN,MAAM,EACN,MAAM,GACiB;IACvB,MAAM,QAAQ,GAAG,sBAAsB,CAAC;QACtC,KAAK;QACL,WAAW;QACX,QAAQ;QACR,IAAI,EAAE,QAAQ;KACf,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACpC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG;QAClB,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI;QACzB,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK;QAC3B,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,OAAO,EAAE,4BAA4B,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;QAC3D,kBAAkB,EAAE,IAAI,CAAC,QAAQ,EAAE,kBAAkB;QACrD,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM;KAC9B,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,CAAC,uBAAuB,CACtB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAAC","sourcesContent":["import { DrawerNavigation as SurfaceDrawerNavigation } from '@ankhorage/surface';\nimport React from 'react';\n\nimport {\n  createDrawerItemPressHandler,\n  resolveNavigationItems,\n} from '../../internal/resolveZoraNavigationItems';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ZoraDrawerContentProps } from './types';\n\nfunction ZoraDrawerContentInner({\n  themeId: _themeId,\n  mode: _mode,\n  state,\n  navigation,\n  descriptors,\n  routeMap,\n  compact = false,\n  header,\n  footer,\n  testID,\n}: ZoraDrawerContentProps) {\n  const resolved = resolveNavigationItems({\n    state,\n    descriptors,\n    routeMap,\n    kind: 'drawer',\n  });\n\n  const items = resolved.map((item) => ({\n    id: item.route.key,\n    label: item.label,\n    icon: item.metadata?.icon,\n    badge: item.metadata?.badge,\n    active: item.active,\n    disabled: item.disabled,\n    onPress: createDrawerItemPressHandler({ item, navigation }),\n    accessibilityLabel: item.metadata?.accessibilityLabel,\n    testID: item.metadata?.testID,\n  }));\n\n  return (\n    <SurfaceDrawerNavigation\n      compact={compact}\n      footer={footer}\n      header={header}\n      items={items}\n      testID={testID}\n    />\n  );\n}\n\n/***\n * Standard drawer content pattern for ZORA navigation lists.\n *\n * @readme\n */\nexport const ZoraDrawerContent = withZoraThemeScope(ZoraDrawerContentInner);\n"]}

package/dist/patterns/zora-tab-bar/ZoraTabBar.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
 import type { ZoraTabBarProps } from './types';
+/***
+ * Bottom tab bar pattern with badge support and active state styling.
+ *
+ * @readme
+ */
 export declare const ZoraTabBar: (props: ZoraTabBarProps) => React.ReactElement | null;
 //# sourceMappingURL=ZoraTabBar.d.ts.map

package/dist/patterns/zora-tab-bar/ZoraTabBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoraTabBar.d.ts","sourceRoot":"","sources":["../../../src/patterns/zora-tab-bar/ZoraTabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAoI/C,eAAO,MAAM,UAAU,uDAAsC,CAAC"}
+{"version":3,"file":"ZoraTabBar.d.ts","sourceRoot":"","sources":["../../../src/patterns/zora-tab-bar/ZoraTabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAoI/C;;;;GAIG;AACH,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

package/dist/patterns/zora-tab-bar/ZoraTabBar.js

@@ -78,5 +78,10 @@ function ZoraTabBarInner({ themeId: _themeId, mode: _mode, state, navigation, de
       {content}
     </Surface>);
 }
+/***
+ * Bottom tab bar pattern with badge support and active state styling.
+ *
+ * @readme
+ */
 export const ZoraTabBar = withZoraThemeScope(ZoraTabBarInner);
 //# sourceMappingURL=ZoraTabBar.js.map

package/dist/patterns/zora-tab-bar/ZoraTabBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZoraTabBar.js","sourceRoot":"","sources":["../../../src/patterns/zora-tab-bar/ZoraTabBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Pressable, Text as ReactNativeText } from 'react-native';\n\nimport { Icon } from '../../components/icon';\nimport { Box, Surface } from '../../foundation';\nimport {\n  createTabBarItemPressHandler,\n  resolveNavigationItems,\n} from '../../internal/resolveZoraNavigationItems';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ZoraTabBarProps } from './types';\n\nfunction resolveAccessibilityLabel(\n  label: React.ReactNode,\n  explicitLabel?: string,\n): string | undefined {\n  if (explicitLabel !== undefined) {\n    return explicitLabel;\n  }\n\n  if (typeof label === 'string') {\n    return label;\n  }\n\n  if (typeof label === 'number') {\n    return String(label);\n  }\n\n  return undefined;\n}\n\nfunction ZoraTabBarInner({\n  themeId: _themeId,\n  mode: _mode,\n  state,\n  navigation,\n  descriptors,\n  insets,\n  routeMap,\n  compact = false,\n  chrome = 'raised',\n  testID,\n}: ZoraTabBarProps) {\n  const { theme } = useZoraTheme();\n  const resolved = resolveNavigationItems({\n    state,\n    descriptors,\n    routeMap,\n    kind: 'tab',\n  });\n\n  const bottomInset = insets?.bottom ?? 0;\n  const minHeight = compact ? 56 : 64;\n  const labelSize = compact ? theme.typography.sizes.xs : theme.typography.sizes.s;\n  const labelWeight = theme.typography.weights.medium;\n  const content = (\n    <Box\n      bg=\"surface\"\n      style={{\n        borderTopColor: theme.semantics.border.default,\n        borderTopWidth: 1,\n        flexDirection: 'row',\n        minHeight: minHeight + bottomInset,\n        paddingBottom: bottomInset,\n      }}\n      testID={testID}\n    >\n      {resolved.map((item) => {\n        const { active } = item;\n        const { disabled } = item;\n        const contentColor = disabled\n          ? theme.semantics.content.subtle\n          : active\n            ? theme.semantics.action.primary.base\n            : theme.semantics.content.muted;\n        const backgroundColor = active\n          ? theme.semantics.action.primary.softBg\n          : theme.semantics.surface.default;\n\n        return (\n          <Pressable\n            accessibilityLabel={resolveAccessibilityLabel(\n              item.label,\n              item.metadata?.accessibilityLabel,\n            )}\n            accessibilityRole=\"tab\"\n            accessibilityState={{ selected: active, disabled }}\n            disabled={disabled}\n            key={item.route.key}\n            onPress={createTabBarItemPressHandler({ item, navigation })}\n            style={{\n              alignItems: 'center',\n              backgroundColor,\n              flex: 1,\n              justifyContent: 'center',\n              minHeight,\n              opacity: disabled ? 0.48 : 1,\n              paddingHorizontal: theme.spacing.s,\n              paddingVertical: compact ? theme.spacing.xs : theme.spacing.s,\n            }}\n            testID={\n              item.metadata?.testID ?? (testID ? `${testID}-item-${item.route.key}` : undefined)\n            }\n          >\n            {item.metadata?.icon ? (\n              <Icon\n                color={contentColor}\n                name={item.metadata.icon.name}\n                provider={item.metadata.icon.provider}\n                size={compact ? theme.spacing.m : theme.spacing.l}\n              />\n            ) : null}\n            <ReactNativeText\n              numberOfLines={1}\n              style={{\n                color: contentColor,\n                fontSize: labelSize,\n                fontWeight: labelWeight,\n                lineHeight: compact ? 16 : 20,\n                marginTop: item.metadata?.icon ? theme.spacing.xs : 0,\n                textAlign: 'center',\n              }}\n            >\n              {item.label}\n            </ReactNativeText>\n          </Pressable>\n        );\n      })}\n    </Box>\n  );\n\n  if (chrome === 'none') {\n    return content;\n  }\n\n  return (\n    <Surface variant=\"raised\" testID={testID ? `${testID}-chrome` : undefined}>\n      {content}\n    </Surface>\n  );\n}\n\nexport const ZoraTabBar = withZoraThemeScope(ZoraTabBarInner);\n"]}
+{"version":3,"file":"ZoraTabBar.js","sourceRoot":"","sources":["../../../src/patterns/zora-tab-bar/ZoraTabBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Pressable, Text as ReactNativeText } from 'react-native';\n\nimport { Icon } from '../../components/icon';\nimport { Box, Surface } from '../../foundation';\nimport {\n  createTabBarItemPressHandler,\n  resolveNavigationItems,\n} from '../../internal/resolveZoraNavigationItems';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ZoraTabBarProps } from './types';\n\nfunction resolveAccessibilityLabel(\n  label: React.ReactNode,\n  explicitLabel?: string,\n): string | undefined {\n  if (explicitLabel !== undefined) {\n    return explicitLabel;\n  }\n\n  if (typeof label === 'string') {\n    return label;\n  }\n\n  if (typeof label === 'number') {\n    return String(label);\n  }\n\n  return undefined;\n}\n\nfunction ZoraTabBarInner({\n  themeId: _themeId,\n  mode: _mode,\n  state,\n  navigation,\n  descriptors,\n  insets,\n  routeMap,\n  compact = false,\n  chrome = 'raised',\n  testID,\n}: ZoraTabBarProps) {\n  const { theme } = useZoraTheme();\n  const resolved = resolveNavigationItems({\n    state,\n    descriptors,\n    routeMap,\n    kind: 'tab',\n  });\n\n  const bottomInset = insets?.bottom ?? 0;\n  const minHeight = compact ? 56 : 64;\n  const labelSize = compact ? theme.typography.sizes.xs : theme.typography.sizes.s;\n  const labelWeight = theme.typography.weights.medium;\n  const content = (\n    <Box\n      bg=\"surface\"\n      style={{\n        borderTopColor: theme.semantics.border.default,\n        borderTopWidth: 1,\n        flexDirection: 'row',\n        minHeight: minHeight + bottomInset,\n        paddingBottom: bottomInset,\n      }}\n      testID={testID}\n    >\n      {resolved.map((item) => {\n        const { active } = item;\n        const { disabled } = item;\n        const contentColor = disabled\n          ? theme.semantics.content.subtle\n          : active\n            ? theme.semantics.action.primary.base\n            : theme.semantics.content.muted;\n        const backgroundColor = active\n          ? theme.semantics.action.primary.softBg\n          : theme.semantics.surface.default;\n\n        return (\n          <Pressable\n            accessibilityLabel={resolveAccessibilityLabel(\n              item.label,\n              item.metadata?.accessibilityLabel,\n            )}\n            accessibilityRole=\"tab\"\n            accessibilityState={{ selected: active, disabled }}\n            disabled={disabled}\n            key={item.route.key}\n            onPress={createTabBarItemPressHandler({ item, navigation })}\n            style={{\n              alignItems: 'center',\n              backgroundColor,\n              flex: 1,\n              justifyContent: 'center',\n              minHeight,\n              opacity: disabled ? 0.48 : 1,\n              paddingHorizontal: theme.spacing.s,\n              paddingVertical: compact ? theme.spacing.xs : theme.spacing.s,\n            }}\n            testID={\n              item.metadata?.testID ?? (testID ? `${testID}-item-${item.route.key}` : undefined)\n            }\n          >\n            {item.metadata?.icon ? (\n              <Icon\n                color={contentColor}\n                name={item.metadata.icon.name}\n                provider={item.metadata.icon.provider}\n                size={compact ? theme.spacing.m : theme.spacing.l}\n              />\n            ) : null}\n            <ReactNativeText\n              numberOfLines={1}\n              style={{\n                color: contentColor,\n                fontSize: labelSize,\n                fontWeight: labelWeight,\n                lineHeight: compact ? 16 : 20,\n                marginTop: item.metadata?.icon ? theme.spacing.xs : 0,\n                textAlign: 'center',\n              }}\n            >\n              {item.label}\n            </ReactNativeText>\n          </Pressable>\n        );\n      })}\n    </Box>\n  );\n\n  if (chrome === 'none') {\n    return content;\n  }\n\n  return (\n    <Surface variant=\"raised\" testID={testID ? `${testID}-chrome` : undefined}>\n      {content}\n    </Surface>\n  );\n}\n\n/***\n * Bottom tab bar pattern with badge support and active state styling.\n *\n * @readme\n */\nexport const ZoraTabBar = withZoraThemeScope(ZoraTabBarInner);\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "2.5.2",
+  "version": "2.5.3",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {

package/src/components/action-sheet/ActionSheet.tsx

@@ -8,4 +8,9 @@ function ActionSheetInner({ mode: _mode, themeId: _themeId, ...props }: ActionSh
   return <SurfaceActionSheet {...props} />;
 }
 
+/***
+ * Presents a modal bottom sheet with a list of actions.
+ *
+ * @readme
+ */
 export const ActionSheet = withZoraThemeScope(ActionSheetInner);

package/src/components/action-sheet/ActionSheetItem.tsx

@@ -29,4 +29,9 @@ function ActionSheetItemInner({
   return <SurfaceActionSheetItem {...props} leading={resolvedLeading} />;
 }
 
+/***
+ * Renders a single selectable action row within an `ActionSheet`.
+ *
+ * @readme
+ */
 export const ActionSheetItem = withZoraThemeScope(ActionSheetItemInner);

package/src/components/app-bar/AppBar.tsx

@@ -130,4 +130,9 @@ function AppBarInner({
   );
 }
 
+/***
+ * Renders a top app bar with title/subtitle and optional leading/trailing actions.
+ *
+ * @readme
+ */
 export const AppBar = withZoraThemeScope(AppBarInner);

package/src/components/avatar/Avatar.tsx

@@ -140,4 +140,9 @@ function AvatarInner({
   );
 }
 
+/***
+ * Displays a user or entity avatar with image support and initials fallback.
+ *
+ * @readme
+ */
 export const Avatar = withZoraThemeScope(AvatarInner);

package/src/components/avatar-group/AvatarGroup.tsx

@@ -71,4 +71,9 @@ function AvatarGroupInner({
   );
 }
 
+/***
+ * Renders a compact group of avatars with optional overflow handling.
+ *
+ * @readme
+ */
 export const AvatarGroup = withZoraThemeScope(AvatarGroupInner);

package/src/components/badge/Badge.tsx

@@ -27,4 +27,9 @@ function BadgeInner({
   );
 }
 
+/***
+ * Shows a small status, label, or count indicator.
+ *
+ * @readme
+ */
 export const Badge = withZoraThemeScope(BadgeInner);

package/src/components/breadcrumbs/Breadcrumbs.tsx

@@ -140,4 +140,9 @@ function BreadcrumbsInner({
   );
 }
 
+/***
+ * Renders a breadcrumb trail for hierarchical navigation.
+ *
+ * @readme
+ */
 export const Breadcrumbs = withZoraThemeScope(BreadcrumbsInner);

package/src/components/button-group/ButtonGroup.tsx

@@ -102,4 +102,9 @@ function ButtonGroupInner({
   );
 }
 
+/***
+ * Groups multiple `Button` elements with consistent spacing and alignment.
+ *
+ * @readme
+ */
 export const ButtonGroup = withZoraThemeScope(ButtonGroupInner);

package/src/components/checkbox/Checkbox.tsx

@@ -8,4 +8,9 @@ function CheckboxInner({ themeId: _themeId, mode: _mode, ...props }: CheckboxPro
   return <SurfaceCheckbox {...props} />;
 }
 
+/***
+ * Binary selection control for toggling a value on or off.
+ *
+ * @readme
+ */
 export const Checkbox = withZoraThemeScope(CheckboxInner);

package/src/components/checkbox/CheckboxGroup.tsx

@@ -57,6 +57,11 @@ function CheckboxGroupInner<TValue extends string>({
   );
 }
 
+/***
+ * Renders a group of checkboxes for multi-select values.
+ *
+ * @readme
+ */
 export const CheckboxGroup = withZoraThemeScope(CheckboxGroupInner);
 
 function CheckboxGroupItem<TValue extends string>({

package/src/components/chip/Chip.tsx

@@ -91,4 +91,9 @@ function ChipInner({
   );
 }
 
+/***
+ * Compact pill-like control for filters, tags, and quick selections.
+ *
+ * @readme
+ */
 export const Chip = withZoraThemeScope(ChipInner);

package/src/components/chip-group/ChipGroup.tsx

@@ -63,4 +63,9 @@ function ChipGroupInner<TValue extends string = string>({
   );
 }
 
+/***
+ * Renders a row or wrap layout of `Chip` items.
+ *
+ * @readme
+ */
 export const ChipGroup = withZoraThemeScope(ChipGroupInner);

package/src/components/data-table/DataTable.tsx

@@ -385,4 +385,9 @@ function DataTableInner<TRow extends object>({
   );
 }
 
+/***
+ * Displays structured tabular data with responsive desktop/mobile layouts.
+ *
+ * @readme
+ */
 export const DataTable = withZoraThemeScope(DataTableInner);

package/src/components/date-picker/DatePicker.tsx

@@ -239,4 +239,9 @@ function DatePickerInner({
   );
 }
 
+/***
+ * Date input control with calendar selection and formatted display value.
+ *
+ * @readme
+ */
 export const DatePicker = withZoraThemeScope(DatePickerInner);

package/src/components/drawer/Drawer.tsx

@@ -52,4 +52,9 @@ function DrawerInner({
   );
 }
 
+/***
+ * Side panel overlay for navigation, settings, and secondary content.
+ *
+ * @readme
+ */
 export const Drawer = withZoraThemeScope(DrawerInner);

package/src/components/form/Form.tsx

@@ -63,4 +63,9 @@ function FormInner<TName extends string = string>({
   );
 }
 
+/***
+ * Composes fields and actions into a validated form layout.
+ *
+ * @readme
+ */
 export const Form = withZoraThemeScope(FormInner);

package/src/components/form/FormActions.tsx

@@ -25,4 +25,9 @@ function FormActionsInner({
   );
 }
 
+/***
+ * Standard submit/action area for forms.
+ *
+ * @readme
+ */
 export const FormActions = withZoraThemeScope(FormActionsInner);

package/src/components/form/FormError.tsx

@@ -22,4 +22,9 @@ function FormErrorInner({ themeId: _themeId, mode: _mode, error, testID }: FormE
   );
 }
 
+/***
+ * Displays a form-level validation or submission error message.
+ *
+ * @readme
+ */
 export const FormError = withZoraThemeScope(FormErrorInner);

package/src/components/form/FormField.tsx

@@ -148,4 +148,9 @@ function FormFieldInner<TName extends string = string>(props: FormFieldProps<TNa
   );
 }
 
+/***
+ * Connects a controlled form value to a labeled input field with error handling.
+ *
+ * @readme
+ */
 export const FormField = withZoraThemeScope(FormFieldInner);

package/src/components/form/index.ts

@@ -10,7 +10,6 @@ export type {
   FormFieldControlProps,
   FormFieldInputType,
   FormFieldProps,
-  FormFieldValue,
   FormProps,
   FormValidationErrors,
   FormValidationResult,

package/src/components/form/useFormController.ts

@@ -2,6 +2,7 @@ import React from 'react';
 
 import type {
   FormErrors,
+  FormFieldValue,
   FormValues,
   UseFormControllerOptions,
   UseFormControllerResult,
@@ -12,7 +13,7 @@ function createInitialValues<TName extends string>(
   fields: readonly { name: TName }[],
   initialValues: Partial<FormValues<TName>> | undefined,
 ): FormValues<TName> {
-  const values = fields.reduce<Record<string, string>>((nextValues, field) => {
+  const values = fields.reduce<Record<string, FormFieldValue>>((nextValues, field) => {
     nextValues[field.name] = initialValues?.[field.name] ?? '';
     return nextValues;
   }, {});
@@ -62,7 +63,7 @@ export function useFormController<TName extends string = string>({
   }, [fields, values]);
 
   const setFieldValue = React.useCallback(
-    (name: TName, value: string) => {
+    (name: TName, value: FormFieldValue) => {
       const nextValues = {
         ...values,
         [name]: value,

package/src/components/icon/Icon.tsx

@@ -10,4 +10,9 @@ function IconInner({ themeId: _themeId, mode: _mode, ...props }: IconProps) {
   return <SurfaceIcon {...props} />;
 }
 
+/***
+ * Renders an icon from a configured icon provider with theme-aware defaults.
+ *
+ * @readme
+ */
 export const Icon = withZoraThemeScope(IconInner);

package/src/components/icon-button/IconButton.tsx

@@ -29,4 +29,9 @@ function IconButtonInner({
   );
 }
 
+/***
+ * Icon-only button for compact actions; requires an accessible `label`.
+ *
+ * @readme
+ */
 export const IconButton = withZoraThemeScope(IconButtonInner);

package/src/components/image/Image.tsx

@@ -8,4 +8,9 @@ function ImageInner({ themeId: _themeId, mode: _mode, ...props }: ImageProps) {
   return <SurfaceImage {...props} />;
 }
 
+/***
+ * Displays an image with cross-platform source and fit handling.
+ *
+ * @readme
+ */
 export const Image = withZoraThemeScope(ImageInner);

package/src/components/media-card/MediaCard.tsx

@@ -117,4 +117,9 @@ function MediaCardInner({
   );
 }
 
+/***
+ * Card layout with an optional media/header region and structured content slots.
+ *
+ * @readme
+ */
 export const MediaCard = withZoraThemeScope(MediaCardInner);

package/src/components/menu/DropdownMenu.tsx

@@ -3,6 +3,11 @@ import React from 'react';
 import { Menu } from './Menu';
 import type { DropdownMenuProps } from './types';
 
+/***
+ * Convenience wrapper for rendering a `Menu` as a dropdown.
+ *
+ * @readme
+ */
 export function DropdownMenu(props: DropdownMenuProps) {
   return <Menu {...props} />;
 }

package/src/components/menu/Menu.tsx

@@ -60,4 +60,9 @@ function MenuInner({ themeId: _themeId, mode: _mode, actions, onDismiss, ...prop
   return <SurfaceMenu {...props} actions={surfaceActions} dismiss={onDismiss} />;
 }
 
+/***
+ * Presents a list of actions as a menu with optional icons and intent styling.
+ *
+ * @readme
+ */
 export const Menu = withZoraThemeScope(MenuInner);

package/src/components/metric-card/MetricCard.tsx

@@ -81,4 +81,9 @@ function MetricCardInner({
   );
 }
 
+/***
+ * Highlights a key metric with label, value, and optional trend/actions.
+ *
+ * @readme
+ */
 export const MetricCard = withZoraThemeScope(MetricCardInner);

package/src/components/modal/Modal.tsx

@@ -56,4 +56,9 @@ function ModalInner({
   );
 }
 
+/***
+ * Modal dialog surface with header/content/footer slots.
+ *
+ * @readme
+ */
 export const Modal = withZoraThemeScope(ModalInner);

package/src/components/navigation-item/NavigationItem.tsx

@@ -33,4 +33,9 @@ function NavigationItemInner({
   );
 }
 
+/***
+ * Renders a single navigation entry with active/disabled state support.
+ *
+ * @readme
+ */
 export const NavigationItem = withZoraThemeScope(NavigationItemInner);

package/src/components/navigation-list/NavigationList.tsx

@@ -59,4 +59,9 @@ function NavigationListInner({
   );
 }
 
+/***
+ * Renders a navigation list from route metadata with active state mapping.
+ *
+ * @readme
+ */
 export const NavigationList = withZoraThemeScope(NavigationListInner);

package/src/components/pagination/Pagination.tsx

@@ -186,4 +186,9 @@ function PaginationInner({
   );
 }
 
+/***
+ * Pagination control for navigating between pages of results.
+ *
+ * @readme
+ */
 export const Pagination = withZoraThemeScope(PaginationInner);

package/src/components/progress/Progress.tsx

@@ -47,4 +47,9 @@ function ProgressInner({
   );
 }
 
+/***
+ * Progress indicator for determinate and indeterminate loading states.
+ *
+ * @readme
+ */
 export const Progress = withZoraThemeScope(ProgressInner);

package/src/components/radio/Radio.tsx

@@ -8,4 +8,9 @@ function RadioInner({ themeId: _themeId, mode: _mode, ...props }: RadioProps) {
   return <SurfaceRadio {...props} />;
 }
 
+/***
+ * Single-choice selection control used within a radio group.
+ *
+ * @readme
+ */
 export const Radio = withZoraThemeScope(RadioInner);

package/src/components/radio/RadioGroup.tsx

@@ -56,6 +56,11 @@ function RadioGroupInner<TValue extends string>({
   );
 }
 
+/***
+ * Renders a group of radio options for selecting a single value.
+ *
+ * @readme
+ */
 export const RadioGroup = withZoraThemeScope(RadioGroupInner);
 
 function RadioGroupItem<TValue extends string>({

package/src/components/rating/Rating.tsx

@@ -35,4 +35,9 @@ function RatingInner({
   );
 }
 
+/***
+ * Displays a star-based rating value with optional half steps.
+ *
+ * @readme
+ */
 export const Rating = withZoraThemeScope(RatingInner);

package/src/components/search-bar/SearchBar.tsx

@@ -47,4 +47,9 @@ function SearchBarInner({
   );
 }
 
+/***
+ * Search input with leading icon and optional trailing action.
+ *
+ * @readme
+ */
 export const SearchBar = withZoraThemeScope(SearchBarInner);

package/src/components/select/Select.tsx

@@ -52,4 +52,9 @@ function SelectInner<TValue extends string = string>({
   );
 }
 
+/***
+ * Select control for choosing a value from a list of options.
+ *
+ * @readme
+ */
 export const Select = withZoraThemeScope(SelectInner);

package/src/components/skeleton/Skeleton.tsx

@@ -29,4 +29,9 @@ function SkeletonInner({
   );
 }
 
+/***
+ * Generic skeleton placeholder for loading states.
+ *
+ * @readme
+ */
 export const Skeleton = withZoraThemeScope(SkeletonInner);

package/src/components/skeleton/SkeletonCard.tsx

@@ -36,4 +36,9 @@ function SkeletonCardInner({
   );
 }
 
+/***
+ * Skeleton placeholder that matches the structure of a `Card`.
+ *
+ * @readme
+ */
 export const SkeletonCard = withZoraThemeScope(SkeletonCardInner);

package/src/components/skeleton/SkeletonList.tsx

@@ -49,4 +49,9 @@ function SkeletonListInner({
   return <List compact={compact} items={items} rowVariant={variant} testID={testID} />;
 }
 
+/***
+ * Skeleton placeholder list for loading states in list views.
+ *
+ * @readme
+ */
 export const SkeletonList = withZoraThemeScope(SkeletonListInner);

package/src/components/skeleton/SkeletonText.tsx

@@ -42,4 +42,9 @@ function SkeletonTextInner({
   );
 }
 
+/***
+ * Multi-line skeleton placeholder for text content.
+ *
+ * @readme
+ */
 export const SkeletonText = withZoraThemeScope(SkeletonTextInner);

package/src/components/tabs/Tabs.tsx

@@ -107,4 +107,9 @@ function TabsInner<TValue extends string = string>({
   );
 }
 
+/***
+ * Tab navigation for switching between views or content sections.
+ *
+ * @readme
+ */
 export const Tabs = withZoraThemeScope(TabsInner);