@ankhorage/zora 1.4.11 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (114) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/README.md +48 -25
  3. package/dist/index.d.ts +4 -6
  4. package/dist/index.d.ts.map +1 -1
  5. package/dist/index.js +2 -3
  6. package/dist/index.js.map +1 -1
  7. package/dist/layout/auth-layout/meta.js +2 -2
  8. package/dist/layout/auth-layout/meta.js.map +1 -1
  9. package/dist/layout/screen/Screen.d.ts +4 -0
  10. package/dist/layout/screen/Screen.d.ts.map +1 -0
  11. package/dist/layout/screen/Screen.js +19 -0
  12. package/dist/layout/screen/Screen.js.map +1 -0
  13. package/dist/layout/screen/index.d.ts +3 -0
  14. package/dist/layout/screen/index.d.ts.map +1 -0
  15. package/dist/layout/screen/index.js +2 -0
  16. package/dist/layout/screen/index.js.map +1 -0
  17. package/dist/layout/screen/meta.d.ts +25 -0
  18. package/dist/layout/screen/meta.d.ts.map +1 -0
  19. package/dist/layout/screen/meta.js +26 -0
  20. package/dist/layout/screen/meta.js.map +1 -0
  21. package/dist/layout/{page → screen}/types.d.ts +2 -2
  22. package/dist/layout/screen/types.d.ts.map +1 -0
  23. package/dist/layout/screen/types.js.map +1 -0
  24. package/dist/layout/screen-section/ScreenSection.d.ts +4 -0
  25. package/dist/layout/screen-section/ScreenSection.d.ts.map +1 -0
  26. package/dist/layout/{page-section/PageSection.js → screen-section/ScreenSection.js} +3 -3
  27. package/dist/layout/screen-section/ScreenSection.js.map +1 -0
  28. package/dist/layout/screen-section/index.d.ts +3 -0
  29. package/dist/layout/screen-section/index.d.ts.map +1 -0
  30. package/dist/layout/screen-section/index.js +2 -0
  31. package/dist/layout/screen-section/index.js.map +1 -0
  32. package/dist/layout/{page-section → screen-section}/meta.d.ts +3 -3
  33. package/dist/layout/screen-section/meta.d.ts.map +1 -0
  34. package/dist/layout/{page-section → screen-section}/meta.js +5 -5
  35. package/dist/layout/screen-section/meta.js.map +1 -0
  36. package/dist/layout/{page-section → screen-section}/types.d.ts +1 -1
  37. package/dist/layout/screen-section/types.d.ts.map +1 -0
  38. package/dist/layout/screen-section/types.js.map +1 -0
  39. package/dist/layout/settings-layout/SettingsLayout.d.ts.map +1 -1
  40. package/dist/layout/settings-layout/SettingsLayout.js +8 -5
  41. package/dist/layout/settings-layout/SettingsLayout.js.map +1 -1
  42. package/dist/metadata/allowedChildren.d.ts +2 -2
  43. package/dist/metadata/allowedChildren.d.ts.map +1 -1
  44. package/dist/metadata/allowedChildren.js +2 -6
  45. package/dist/metadata/allowedChildren.js.map +1 -1
  46. package/dist/metadata/componentMeta.d.ts.map +1 -1
  47. package/dist/metadata/componentMeta.js +4 -6
  48. package/dist/metadata/componentMeta.js.map +1 -1
  49. package/package.json +2 -2
  50. package/src/index.ts +4 -6
  51. package/src/layout/auth-layout/meta.ts +2 -2
  52. package/src/layout/{page/Page.tsx → screen/Screen.tsx} +13 -7
  53. package/src/layout/screen/index.ts +2 -0
  54. package/src/layout/{page → screen}/meta.ts +11 -5
  55. package/src/layout/{page → screen}/types.ts +2 -2
  56. package/src/layout/{page-section/PageSection.tsx → screen-section/ScreenSection.tsx} +4 -4
  57. package/src/layout/screen-section/index.ts +2 -0
  58. package/src/layout/{page-section → screen-section}/meta.ts +5 -5
  59. package/src/layout/{page-section → screen-section}/types.ts +1 -1
  60. package/src/layout/settings-layout/SettingsLayout.tsx +8 -10
  61. package/src/metadata/allowedChildren.ts +2 -6
  62. package/src/metadata/componentMeta.test.ts +2 -3
  63. package/src/metadata/componentMeta.ts +4 -6
  64. package/src/showcaseCoverage.test.ts +2 -3
  65. package/src/theme/themeScopeStructure.test.ts +4 -6
  66. package/dist/layout/page/Page.d.ts +0 -4
  67. package/dist/layout/page/Page.d.ts.map +0 -1
  68. package/dist/layout/page/Page.js +0 -15
  69. package/dist/layout/page/Page.js.map +0 -1
  70. package/dist/layout/page/index.d.ts +0 -3
  71. package/dist/layout/page/index.d.ts.map +0 -1
  72. package/dist/layout/page/index.js +0 -2
  73. package/dist/layout/page/index.js.map +0 -1
  74. package/dist/layout/page/meta.d.ts +0 -19
  75. package/dist/layout/page/meta.d.ts.map +0 -1
  76. package/dist/layout/page/meta.js +0 -20
  77. package/dist/layout/page/meta.js.map +0 -1
  78. package/dist/layout/page/types.d.ts.map +0 -1
  79. package/dist/layout/page/types.js +0 -2
  80. package/dist/layout/page/types.js.map +0 -1
  81. package/dist/layout/page-header/PageHeader.d.ts +0 -4
  82. package/dist/layout/page-header/PageHeader.d.ts.map +0 -1
  83. package/dist/layout/page-header/PageHeader.js +0 -24
  84. package/dist/layout/page-header/PageHeader.js.map +0 -1
  85. package/dist/layout/page-header/index.d.ts +0 -3
  86. package/dist/layout/page-header/index.d.ts.map +0 -1
  87. package/dist/layout/page-header/index.js +0 -2
  88. package/dist/layout/page-header/index.js.map +0 -1
  89. package/dist/layout/page-header/meta.d.ts +0 -38
  90. package/dist/layout/page-header/meta.d.ts.map +0 -1
  91. package/dist/layout/page-header/meta.js +0 -38
  92. package/dist/layout/page-header/meta.js.map +0 -1
  93. package/dist/layout/page-header/types.d.ts +0 -10
  94. package/dist/layout/page-header/types.d.ts.map +0 -1
  95. package/dist/layout/page-header/types.js.map +0 -1
  96. package/dist/layout/page-section/PageSection.d.ts +0 -4
  97. package/dist/layout/page-section/PageSection.d.ts.map +0 -1
  98. package/dist/layout/page-section/PageSection.js.map +0 -1
  99. package/dist/layout/page-section/index.d.ts +0 -3
  100. package/dist/layout/page-section/index.d.ts.map +0 -1
  101. package/dist/layout/page-section/index.js +0 -2
  102. package/dist/layout/page-section/index.js.map +0 -1
  103. package/dist/layout/page-section/meta.d.ts.map +0 -1
  104. package/dist/layout/page-section/meta.js.map +0 -1
  105. package/dist/layout/page-section/types.d.ts.map +0 -1
  106. package/dist/layout/page-section/types.js.map +0 -1
  107. package/src/layout/page/index.ts +0 -2
  108. package/src/layout/page-header/PageHeader.tsx +0 -48
  109. package/src/layout/page-header/index.ts +0 -2
  110. package/src/layout/page-header/meta.ts +0 -39
  111. package/src/layout/page-header/types.ts +0 -11
  112. package/src/layout/page-section/index.ts +0 -2
  113. /package/dist/layout/{page-section → screen}/types.js +0 -0
  114. /package/dist/layout/{page-header → screen-section}/types.js +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"SettingsLayout.js","sourceRoot":"","sources":["../../../src/layout/settings-layout/SettingsLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,SAAS,mBAAmB,CAAC,EAC3B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,GACc;IACpB,OAAO,CACL,CAAC,IAAI,CACH,MAAM,CAAC,CACL,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC,CAAC,CAAC,IACrF,CAAC,CACD,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,aAAa,CAC5D;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Page } from '../page';\nimport { PageHeader } from '../page-header';\nimport { SidebarLayout } from '../sidebar-layout';\nimport type { SettingsLayoutProps } from './types';\n\nfunction SettingsLayoutInner({\n themeId: _themeId,\n mode: _mode,\n title,\n description,\n sidebar,\n children,\n actions,\n testID,\n}: SettingsLayoutProps) {\n return (\n <Page\n header={\n title ? <PageHeader actions={actions} description={description} title={title} /> : null\n }\n testID={testID}\n >\n <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout>\n </Page>\n );\n}\n\nexport const SettingsLayout = withZoraThemeScope(SettingsLayoutInner);\n"]}
1
+ {"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,0BAA0B,CAAC;AAClD,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,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,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { AppBar } from '../../components/app-bar';\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 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\nexport const SettingsLayout = withZoraThemeScope(SettingsLayoutInner);\n"]}
@@ -1,4 +1,4 @@
1
1
  export declare const CONTAINER_ALLOWED_CHILDREN: readonly ["Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Button", "Input", "Textarea", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble"];
2
- export declare const PAGE_SECTION_ALLOWED_CHILDREN: readonly ["Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Button", "Input", "Textarea", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble"];
3
- export declare const PAGE_ALLOWED_CHILDREN: readonly ["PageHeader", "PageSection", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Button", "Input", "Textarea", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble"];
2
+ export declare const SCREEN_SECTION_ALLOWED_CHILDREN: readonly ["Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Button", "Input", "Textarea", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble"];
3
+ export declare const SCREEN_ALLOWED_CHILDREN: readonly ["ScreenSection", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Button", "Input", "Textarea", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble"];
4
4
  //# sourceMappingURL=allowedChildren.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"allowedChildren.d.ts","sourceRoot":"","sources":["../../src/metadata/allowedChildren.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,gPAqB7B,CAAC;AAEX,eAAO,MAAM,6BAA6B,gPAA2C,CAAC;AAEtF,eAAO,MAAM,qBAAqB,6QAIxB,CAAC"}
1
+ {"version":3,"file":"allowedChildren.d.ts","sourceRoot":"","sources":["../../src/metadata/allowedChildren.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,gPAqB7B,CAAC;AAEX,eAAO,MAAM,+BAA+B,gPAA2C,CAAC;AAExF,eAAO,MAAM,uBAAuB,iQAA4D,CAAC"}
@@ -20,10 +20,6 @@ export const CONTAINER_ALLOWED_CHILDREN = [
20
20
  'ChatListItem',
21
21
  'MessageBubble',
22
22
  ];
23
- export const PAGE_SECTION_ALLOWED_CHILDREN = [...CONTAINER_ALLOWED_CHILDREN];
24
- export const PAGE_ALLOWED_CHILDREN = [
25
- 'PageHeader',
26
- 'PageSection',
27
- ...CONTAINER_ALLOWED_CHILDREN,
28
- ];
23
+ export const SCREEN_SECTION_ALLOWED_CHILDREN = [...CONTAINER_ALLOWED_CHILDREN];
24
+ export const SCREEN_ALLOWED_CHILDREN = ['ScreenSection', ...CONTAINER_ALLOWED_CHILDREN];
29
25
  //# sourceMappingURL=allowedChildren.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"allowedChildren.js","sourceRoot":"","sources":["../../src/metadata/allowedChildren.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,KAAK;IACL,OAAO;IACP,MAAM;IACN,WAAW;IACX,SAAS;IACT,MAAM;IACN,SAAS;IACT,QAAQ;IACR,OAAO;IACP,UAAU;IACV,WAAW;IACX,MAAM;IACN,OAAO;IACP,QAAQ;IACR,YAAY;IACZ,eAAe;IACf,aAAa;IACb,UAAU;IACV,cAAc;IACd,eAAe;CACP,CAAC;AAEX,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,GAAG,0BAA0B,CAAU,CAAC;AAEtF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,YAAY;IACZ,aAAa;IACb,GAAG,0BAA0B;CACrB,CAAC","sourcesContent":["export const CONTAINER_ALLOWED_CHILDREN = [\n 'Box',\n 'Stack',\n 'Grid',\n 'Container',\n 'Divider',\n 'Text',\n 'Heading',\n 'Button',\n 'Input',\n 'Textarea',\n 'FormField',\n 'Card',\n 'Panel',\n 'Notice',\n 'EmptyState',\n 'SectionHeader',\n 'SettingsRow',\n 'PostCard',\n 'ChatListItem',\n 'MessageBubble',\n] as const;\n\nexport const PAGE_SECTION_ALLOWED_CHILDREN = [...CONTAINER_ALLOWED_CHILDREN] as const;\n\nexport const PAGE_ALLOWED_CHILDREN = [\n 'PageHeader',\n 'PageSection',\n ...CONTAINER_ALLOWED_CHILDREN,\n] as const;\n"]}
1
+ {"version":3,"file":"allowedChildren.js","sourceRoot":"","sources":["../../src/metadata/allowedChildren.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,KAAK;IACL,OAAO;IACP,MAAM;IACN,WAAW;IACX,SAAS;IACT,MAAM;IACN,SAAS;IACT,QAAQ;IACR,OAAO;IACP,UAAU;IACV,WAAW;IACX,MAAM;IACN,OAAO;IACP,QAAQ;IACR,YAAY;IACZ,eAAe;IACf,aAAa;IACb,UAAU;IACV,cAAc;IACd,eAAe;CACP,CAAC;AAEX,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,GAAG,0BAA0B,CAAU,CAAC;AAExF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,eAAe,EAAE,GAAG,0BAA0B,CAAU,CAAC","sourcesContent":["export const CONTAINER_ALLOWED_CHILDREN = [\n 'Box',\n 'Stack',\n 'Grid',\n 'Container',\n 'Divider',\n 'Text',\n 'Heading',\n 'Button',\n 'Input',\n 'Textarea',\n 'FormField',\n 'Card',\n 'Panel',\n 'Notice',\n 'EmptyState',\n 'SectionHeader',\n 'SettingsRow',\n 'PostCard',\n 'ChatListItem',\n 'MessageBubble',\n] as const;\n\nexport const SCREEN_SECTION_ALLOWED_CHILDREN = [...CONTAINER_ALLOWED_CHILDREN] as const;\n\nexport const SCREEN_ALLOWED_CHILDREN = ['ScreenSection', ...CONTAINER_ALLOWED_CHILDREN] as const;\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"componentMeta.d.ts","sourceRoot":"","sources":["../../src/metadata/componentMeta.ts"],"names":[],"mappings":"AAuEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,mBAAmB,EAAE,yBAiFjC,CAAC"}
1
+ {"version":3,"file":"componentMeta.d.ts","sourceRoot":"","sources":["../../src/metadata/componentMeta.ts"],"names":[],"mappings":"AAsEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,mBAAmB,EAAE,yBAgFjC,CAAC"}
@@ -31,9 +31,8 @@ import { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';
31
31
  import { foundationMetas } from '../foundation/meta';
32
32
  import { appShellMeta } from '../layout/app-shell/meta';
33
33
  import { authLayoutMeta } from '../layout/auth-layout/meta';
34
- import { pageMeta } from '../layout/page/meta';
35
- import { pageHeaderMeta } from '../layout/page-header/meta';
36
- import { pageSectionMeta } from '../layout/page-section/meta';
34
+ import { screenMeta } from '../layout/screen/meta';
35
+ import { screenSectionMeta } from '../layout/screen-section/meta';
37
36
  import { settingsLayoutMeta } from '../layout/settings-layout/meta';
38
37
  import { sidebarLayoutMeta } from '../layout/sidebar-layout/meta';
39
38
  import { topbarLayoutMeta } from '../layout/topbar-layout/meta';
@@ -104,9 +103,8 @@ export const ZORA_COMPONENT_META = {
104
103
  ToolbarAction: toolbarActionMeta,
105
104
  AppShell: appShellMeta,
106
105
  AuthLayout: authLayoutMeta,
107
- Page: pageMeta,
108
- PageHeader: pageHeaderMeta,
109
- PageSection: pageSectionMeta,
106
+ Screen: screenMeta,
107
+ ScreenSection: screenSectionMeta,
110
108
  SettingsLayout: settingsLayoutMeta,
111
109
  SidebarLayout: sidebarLayoutMeta,
112
110
  TopbarLayout: topbarLayoutMeta,
@@ -1 +1 @@
1
- {"version":3,"file":"componentMeta.js","sourceRoot":"","sources":["../../src/metadata/componentMeta.ts"],"names":[],"mappings":"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","sourcesContent":["import { appBarMeta } from '../components/app-bar/meta';\nimport { avatarMeta } from '../components/avatar/meta';\nimport { avatarGroupMeta } from '../components/avatar-group/meta';\nimport { badgeMeta } from '../components/badge/meta';\nimport { buttonMeta } from '../components/button/meta';\nimport { cardMeta } from '../components/card/meta';\nimport { checkboxGroupMeta, checkboxMeta } from '../components/checkbox/meta';\nimport { chipMeta } from '../components/chip/meta';\nimport { chipGroupMeta } from '../components/chip-group/meta';\nimport { drawerMeta } from '../components/drawer/meta';\nimport { formActionsMeta, formErrorMeta, formFieldMeta, formMeta } from '../components/form/meta';\nimport { headingMeta } from '../components/heading/meta';\nimport { iconMeta } from '../components/icon/meta';\nimport { iconButtonMeta } from '../components/icon-button/meta';\nimport { imageMeta } from '../components/image/meta';\nimport { inputMeta } from '../components/input/meta';\nimport { mediaCardMeta } from '../components/media-card/meta';\nimport { metricCardMeta } from '../components/metric-card/meta';\nimport { modalMeta } from '../components/modal/meta';\nimport { navigationItemMeta } from '../components/navigation-item/meta';\nimport { navigationListMeta } from '../components/navigation-list/meta';\nimport { progressMeta } from '../components/progress/meta';\nimport { radioGroupMeta, radioMeta } from '../components/radio/meta';\nimport { ratingMeta } from '../components/rating/meta';\nimport { searchBarMeta } from '../components/search-bar/meta';\nimport { selectMeta } from '../components/select/meta';\nimport { tabsMeta } from '../components/tabs/meta';\nimport { textMeta } from '../components/text/meta';\nimport { textareaMeta } from '../components/textarea/meta';\nimport { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';\nimport { foundationMetas } from '../foundation/meta';\nimport { appShellMeta } from '../layout/app-shell/meta';\nimport { authLayoutMeta } from '../layout/auth-layout/meta';\nimport { pageMeta } from '../layout/page/meta';\nimport { pageHeaderMeta } from '../layout/page-header/meta';\nimport { pageSectionMeta } from '../layout/page-section/meta';\nimport { settingsLayoutMeta } from '../layout/settings-layout/meta';\nimport { sidebarLayoutMeta } from '../layout/sidebar-layout/meta';\nimport { topbarLayoutMeta } from '../layout/topbar-layout/meta';\nimport {\n forgotPasswordFormMeta,\n otpFormMeta,\n signInFormMeta,\n signUpFormMeta,\n} from '../patterns/auth/meta';\nimport { chatListItemMeta } from '../patterns/chat-list-item/meta';\nimport { collectionEditorMeta } from '../patterns/collection-editor/meta';\nimport { confirmDialogMeta } from '../patterns/confirm-dialog/meta';\nimport { disclosureSectionMeta } from '../patterns/disclosure-section/meta';\nimport { emptyStateMeta } from '../patterns/empty-state/meta';\nimport { filterBarMeta } from '../patterns/filter-bar/meta';\nimport { heroMeta } from '../patterns/hero/meta';\nimport { imagePreviewMeta } from '../patterns/image-preview/meta';\nimport { imageUploadFieldMeta } from '../patterns/image-upload-field/meta';\nimport { inspectorFieldMeta } from '../patterns/inspector-field/meta';\nimport { listMeta, listRowMeta, listSectionMeta } from '../patterns/list/meta';\nimport { messageBubbleMeta } from '../patterns/message-bubble/meta';\nimport { noticeMeta } from '../patterns/notice/meta';\nimport { panelMeta } from '../patterns/panel/meta';\nimport { postCardMeta } from '../patterns/post-card/meta';\nimport { responsivePanelMeta } from '../patterns/responsive-panel/meta';\nimport { sectionHeaderMeta } from '../patterns/section-header/meta';\nimport { selectableItemMeta, selectionProviderMeta } from '../patterns/selection/meta';\nimport { settingsRowMeta } from '../patterns/settings-row/meta';\nimport { switchFieldMeta } from '../patterns/switch-field/meta';\nimport { themeComposerMeta } from '../patterns/theme-composer/meta';\nimport { paletteItemMeta, tileGridMeta } from '../patterns/tile-grid/meta';\nimport { timelineMeta } from '../patterns/timeline/meta';\nimport { treeItemMeta, treeViewMeta } from '../patterns/tree-view/meta';\nimport { zoraDrawerContentMeta } from '../patterns/zora-drawer-content/meta';\nimport { zoraTabBarMeta } from '../patterns/zora-tab-bar/meta';\nimport type { ZoraComponentMetaRegistry } from './types';\n\nexport const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {\n ...foundationMetas,\n AppBar: appBarMeta,\n Avatar: avatarMeta,\n AvatarGroup: avatarGroupMeta,\n Badge: badgeMeta,\n Button: buttonMeta,\n Card: cardMeta,\n Checkbox: checkboxMeta,\n CheckboxGroup: checkboxGroupMeta,\n Chip: chipMeta,\n ChipGroup: chipGroupMeta,\n Drawer: drawerMeta,\n Form: formMeta,\n FormActions: formActionsMeta,\n FormError: formErrorMeta,\n FormField: formFieldMeta,\n Heading: headingMeta,\n Icon: iconMeta,\n IconButton: iconButtonMeta,\n Image: imageMeta,\n Input: inputMeta,\n MediaCard: mediaCardMeta,\n MetricCard: metricCardMeta,\n Modal: modalMeta,\n NavigationItem: navigationItemMeta,\n NavigationList: navigationListMeta,\n Progress: progressMeta,\n Radio: radioMeta,\n RadioGroup: radioGroupMeta,\n Rating: ratingMeta,\n SearchBar: searchBarMeta,\n Select: selectMeta,\n Tabs: tabsMeta,\n Text: textMeta,\n Textarea: textareaMeta,\n Toolbar: toolbarMeta,\n ToolbarAction: toolbarActionMeta,\n AppShell: appShellMeta,\n AuthLayout: authLayoutMeta,\n Page: pageMeta,\n PageHeader: pageHeaderMeta,\n PageSection: pageSectionMeta,\n SettingsLayout: settingsLayoutMeta,\n SidebarLayout: sidebarLayoutMeta,\n TopbarLayout: topbarLayoutMeta,\n ForgotPasswordForm: forgotPasswordFormMeta,\n OtpForm: otpFormMeta,\n SignInForm: signInFormMeta,\n SignUpForm: signUpFormMeta,\n ChatListItem: chatListItemMeta,\n CollectionEditor: collectionEditorMeta,\n ConfirmDialog: confirmDialogMeta,\n DisclosureSection: disclosureSectionMeta,\n EmptyState: emptyStateMeta,\n FilterBar: filterBarMeta,\n Hero: heroMeta,\n ImagePreview: imagePreviewMeta,\n ImageUploadField: imageUploadFieldMeta,\n InspectorField: inspectorFieldMeta,\n List: listMeta,\n ListRow: listRowMeta,\n ListSection: listSectionMeta,\n MessageBubble: messageBubbleMeta,\n Notice: noticeMeta,\n Panel: panelMeta,\n PostCard: postCardMeta,\n ResponsivePanel: responsivePanelMeta,\n SectionHeader: sectionHeaderMeta,\n SelectableItem: selectableItemMeta,\n SelectionProvider: selectionProviderMeta,\n SettingsRow: settingsRowMeta,\n SwitchField: switchFieldMeta,\n ThemeComposer: themeComposerMeta,\n PaletteItem: paletteItemMeta,\n TileGrid: tileGridMeta,\n Timeline: timelineMeta,\n TreeItem: treeItemMeta,\n TreeView: treeViewMeta,\n ZoraDrawerContent: zoraDrawerContentMeta,\n ZoraTabBar: zoraTabBarMeta,\n};\n"]}
1
+ {"version":3,"file":"componentMeta.js","sourceRoot":"","sources":["../../src/metadata/componentMeta.ts"],"names":[],"mappings":"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","sourcesContent":["import { appBarMeta } from '../components/app-bar/meta';\nimport { avatarMeta } from '../components/avatar/meta';\nimport { avatarGroupMeta } from '../components/avatar-group/meta';\nimport { badgeMeta } from '../components/badge/meta';\nimport { buttonMeta } from '../components/button/meta';\nimport { cardMeta } from '../components/card/meta';\nimport { checkboxGroupMeta, checkboxMeta } from '../components/checkbox/meta';\nimport { chipMeta } from '../components/chip/meta';\nimport { chipGroupMeta } from '../components/chip-group/meta';\nimport { drawerMeta } from '../components/drawer/meta';\nimport { formActionsMeta, formErrorMeta, formFieldMeta, formMeta } from '../components/form/meta';\nimport { headingMeta } from '../components/heading/meta';\nimport { iconMeta } from '../components/icon/meta';\nimport { iconButtonMeta } from '../components/icon-button/meta';\nimport { imageMeta } from '../components/image/meta';\nimport { inputMeta } from '../components/input/meta';\nimport { mediaCardMeta } from '../components/media-card/meta';\nimport { metricCardMeta } from '../components/metric-card/meta';\nimport { modalMeta } from '../components/modal/meta';\nimport { navigationItemMeta } from '../components/navigation-item/meta';\nimport { navigationListMeta } from '../components/navigation-list/meta';\nimport { progressMeta } from '../components/progress/meta';\nimport { radioGroupMeta, radioMeta } from '../components/radio/meta';\nimport { ratingMeta } from '../components/rating/meta';\nimport { searchBarMeta } from '../components/search-bar/meta';\nimport { selectMeta } from '../components/select/meta';\nimport { tabsMeta } from '../components/tabs/meta';\nimport { textMeta } from '../components/text/meta';\nimport { textareaMeta } from '../components/textarea/meta';\nimport { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';\nimport { foundationMetas } from '../foundation/meta';\nimport { appShellMeta } from '../layout/app-shell/meta';\nimport { authLayoutMeta } from '../layout/auth-layout/meta';\nimport { screenMeta } from '../layout/screen/meta';\nimport { screenSectionMeta } from '../layout/screen-section/meta';\nimport { settingsLayoutMeta } from '../layout/settings-layout/meta';\nimport { sidebarLayoutMeta } from '../layout/sidebar-layout/meta';\nimport { topbarLayoutMeta } from '../layout/topbar-layout/meta';\nimport {\n forgotPasswordFormMeta,\n otpFormMeta,\n signInFormMeta,\n signUpFormMeta,\n} from '../patterns/auth/meta';\nimport { chatListItemMeta } from '../patterns/chat-list-item/meta';\nimport { collectionEditorMeta } from '../patterns/collection-editor/meta';\nimport { confirmDialogMeta } from '../patterns/confirm-dialog/meta';\nimport { disclosureSectionMeta } from '../patterns/disclosure-section/meta';\nimport { emptyStateMeta } from '../patterns/empty-state/meta';\nimport { filterBarMeta } from '../patterns/filter-bar/meta';\nimport { heroMeta } from '../patterns/hero/meta';\nimport { imagePreviewMeta } from '../patterns/image-preview/meta';\nimport { imageUploadFieldMeta } from '../patterns/image-upload-field/meta';\nimport { inspectorFieldMeta } from '../patterns/inspector-field/meta';\nimport { listMeta, listRowMeta, listSectionMeta } from '../patterns/list/meta';\nimport { messageBubbleMeta } from '../patterns/message-bubble/meta';\nimport { noticeMeta } from '../patterns/notice/meta';\nimport { panelMeta } from '../patterns/panel/meta';\nimport { postCardMeta } from '../patterns/post-card/meta';\nimport { responsivePanelMeta } from '../patterns/responsive-panel/meta';\nimport { sectionHeaderMeta } from '../patterns/section-header/meta';\nimport { selectableItemMeta, selectionProviderMeta } from '../patterns/selection/meta';\nimport { settingsRowMeta } from '../patterns/settings-row/meta';\nimport { switchFieldMeta } from '../patterns/switch-field/meta';\nimport { themeComposerMeta } from '../patterns/theme-composer/meta';\nimport { paletteItemMeta, tileGridMeta } from '../patterns/tile-grid/meta';\nimport { timelineMeta } from '../patterns/timeline/meta';\nimport { treeItemMeta, treeViewMeta } from '../patterns/tree-view/meta';\nimport { zoraDrawerContentMeta } from '../patterns/zora-drawer-content/meta';\nimport { zoraTabBarMeta } from '../patterns/zora-tab-bar/meta';\nimport type { ZoraComponentMetaRegistry } from './types';\n\nexport const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {\n ...foundationMetas,\n AppBar: appBarMeta,\n Avatar: avatarMeta,\n AvatarGroup: avatarGroupMeta,\n Badge: badgeMeta,\n Button: buttonMeta,\n Card: cardMeta,\n Checkbox: checkboxMeta,\n CheckboxGroup: checkboxGroupMeta,\n Chip: chipMeta,\n ChipGroup: chipGroupMeta,\n Drawer: drawerMeta,\n Form: formMeta,\n FormActions: formActionsMeta,\n FormError: formErrorMeta,\n FormField: formFieldMeta,\n Heading: headingMeta,\n Icon: iconMeta,\n IconButton: iconButtonMeta,\n Image: imageMeta,\n Input: inputMeta,\n MediaCard: mediaCardMeta,\n MetricCard: metricCardMeta,\n Modal: modalMeta,\n NavigationItem: navigationItemMeta,\n NavigationList: navigationListMeta,\n Progress: progressMeta,\n Radio: radioMeta,\n RadioGroup: radioGroupMeta,\n Rating: ratingMeta,\n SearchBar: searchBarMeta,\n Select: selectMeta,\n Tabs: tabsMeta,\n Text: textMeta,\n Textarea: textareaMeta,\n Toolbar: toolbarMeta,\n ToolbarAction: toolbarActionMeta,\n AppShell: appShellMeta,\n AuthLayout: authLayoutMeta,\n Screen: screenMeta,\n ScreenSection: screenSectionMeta,\n SettingsLayout: settingsLayoutMeta,\n SidebarLayout: sidebarLayoutMeta,\n TopbarLayout: topbarLayoutMeta,\n ForgotPasswordForm: forgotPasswordFormMeta,\n OtpForm: otpFormMeta,\n SignInForm: signInFormMeta,\n SignUpForm: signUpFormMeta,\n ChatListItem: chatListItemMeta,\n CollectionEditor: collectionEditorMeta,\n ConfirmDialog: confirmDialogMeta,\n DisclosureSection: disclosureSectionMeta,\n EmptyState: emptyStateMeta,\n FilterBar: filterBarMeta,\n Hero: heroMeta,\n ImagePreview: imagePreviewMeta,\n ImageUploadField: imageUploadFieldMeta,\n InspectorField: inspectorFieldMeta,\n List: listMeta,\n ListRow: listRowMeta,\n ListSection: listSectionMeta,\n MessageBubble: messageBubbleMeta,\n Notice: noticeMeta,\n Panel: panelMeta,\n PostCard: postCardMeta,\n ResponsivePanel: responsivePanelMeta,\n SectionHeader: sectionHeaderMeta,\n SelectableItem: selectableItemMeta,\n SelectionProvider: selectionProviderMeta,\n SettingsRow: settingsRowMeta,\n SwitchField: switchFieldMeta,\n ThemeComposer: themeComposerMeta,\n PaletteItem: paletteItemMeta,\n TileGrid: tileGridMeta,\n Timeline: timelineMeta,\n TreeItem: treeItemMeta,\n TreeView: treeViewMeta,\n ZoraDrawerContent: zoraDrawerContentMeta,\n ZoraTabBar: zoraTabBarMeta,\n};\n"]}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ankhorage/zora",
3
3
  "type": "module",
4
- "version": "1.4.11",
4
+ "version": "1.5.0",
5
5
  "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
6
6
  "homepage": "https://github.com/ankhorage/zora#readme",
7
7
  "bugs": {
@@ -45,7 +45,7 @@
45
45
  "dependencies": {
46
46
  "@ankhorage/color-theory": "^0.0.7",
47
47
  "@ankhorage/contracts": "^1.3.1",
48
- "@ankhorage/surface": "^1.3.1"
48
+ "@ankhorage/surface": "^1.4.0"
49
49
  },
50
50
  "files": [
51
51
  "dist",
package/src/index.ts CHANGED
@@ -124,12 +124,10 @@ export type { AppShellProps } from './layout/app-shell';
124
124
  export { AppShell } from './layout/app-shell';
125
125
  export type { AuthLayoutProps } from './layout/auth-layout';
126
126
  export { AuthLayout } from './layout/auth-layout';
127
- export type { PageProps } from './layout/page';
128
- export { Page } from './layout/page';
129
- export type { PageHeaderProps } from './layout/page-header';
130
- export { PageHeader } from './layout/page-header';
131
- export type { PageSectionProps } from './layout/page-section';
132
- export { PageSection } from './layout/page-section';
127
+ export type { ScreenProps } from './layout/screen';
128
+ export { Screen } from './layout/screen';
129
+ export type { ScreenSectionProps } from './layout/screen-section';
130
+ export { ScreenSection } from './layout/screen-section';
133
131
  export type { SettingsLayoutProps } from './layout/settings-layout';
134
132
  export { SettingsLayout } from './layout/settings-layout';
135
133
  export type { SidebarLayoutProps } from './layout/sidebar-layout';
@@ -1,11 +1,11 @@
1
1
  import type { ZoraComponentMeta } from '../../metadata';
2
- import { PAGE_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
2
+ import { SCREEN_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
3
3
 
4
4
  export const authLayoutMeta = {
5
5
  name: 'AuthLayout',
6
6
  category: 'layout',
7
7
  directManifestNode: true,
8
- allowedChildren: [...PAGE_SECTION_ALLOWED_CHILDREN],
8
+ allowedChildren: [...SCREEN_SECTION_ALLOWED_CHILDREN],
9
9
  blueprint: {
10
10
  label: 'Auth layout',
11
11
  defaultProps: {
@@ -1,28 +1,34 @@
1
+ import { ScrollArea } from '@ankhorage/surface';
1
2
  import React from 'react';
2
3
 
3
4
  import { Container, Stack } from '../../foundation';
4
5
  import { resolvePageMaxWidth } from '../../internal/recipes';
5
6
  import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
6
- import type { PageProps } from './types';
7
+ import type { ScreenProps } from './types';
7
8
 
8
- function PageInner({
9
+ function ScreenInner({
9
10
  themeId: _themeId,
10
11
  mode: _mode,
11
12
  children,
12
- header,
13
13
  footer,
14
+ scroll = true,
14
15
  width = 'default',
15
16
  testID,
16
- }: PageProps) {
17
- return (
17
+ }: ScreenProps) {
18
+ const content = (
18
19
  <Container maxWidth={resolvePageMaxWidth(width)} py="xl" testID={testID}>
19
20
  <Stack gap="l">
20
- {header}
21
21
  {children}
22
22
  {footer}
23
23
  </Stack>
24
24
  </Container>
25
25
  );
26
+
27
+ if (!scroll) {
28
+ return content;
29
+ }
30
+
31
+ return <ScrollArea>{content}</ScrollArea>;
26
32
  }
27
33
 
28
- export const Page = withZoraThemeScope(PageInner);
34
+ export const Screen = withZoraThemeScope(ScreenInner);
@@ -0,0 +1,2 @@
1
+ export { Screen } from './Screen';
2
+ export type { ScreenProps } from './types';
@@ -1,13 +1,13 @@
1
1
  import type { ZoraComponentMeta } from '../../metadata';
2
- import { PAGE_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
2
+ import { SCREEN_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
3
3
 
4
- export const pageMeta = {
5
- name: 'Page',
4
+ export const screenMeta = {
5
+ name: 'Screen',
6
6
  category: 'layout',
7
7
  directManifestNode: true,
8
- allowedChildren: [...PAGE_ALLOWED_CHILDREN],
8
+ allowedChildren: [...SCREEN_ALLOWED_CHILDREN],
9
9
  blueprint: {
10
- label: 'Page',
10
+ label: 'Screen',
11
11
  },
12
12
  props: {
13
13
  width: {
@@ -17,5 +17,11 @@ export const pageMeta = {
17
17
  enum: ['narrow', 'default', 'wide'],
18
18
  default: 'default',
19
19
  },
20
+ scroll: {
21
+ type: 'boolean',
22
+ category: 'Layout',
23
+ label: 'Scroll',
24
+ default: true,
25
+ },
20
26
  },
21
27
  } as const satisfies ZoraComponentMeta;
@@ -3,9 +3,9 @@ import type React from 'react';
3
3
  import type { ZoraContentWidth } from '../../internal/recipes';
4
4
  import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
5
5
 
6
- export interface PageProps extends ZoraBaseProps {
6
+ export interface ScreenProps extends ZoraBaseProps {
7
7
  children?: React.ReactNode;
8
- header?: React.ReactNode;
9
8
  footer?: React.ReactNode;
9
+ scroll?: boolean;
10
10
  width?: ZoraContentWidth;
11
11
  }
@@ -3,9 +3,9 @@ import React from 'react';
3
3
  import { Stack } from '../../foundation';
4
4
  import { SectionHeader } from '../../patterns/section-header';
5
5
  import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
6
- import type { PageSectionProps } from './types';
6
+ import type { ScreenSectionProps } from './types';
7
7
 
8
- function PageSectionInner({
8
+ function ScreenSectionInner({
9
9
  themeId: _themeId,
10
10
  mode: _mode,
11
11
  title,
@@ -13,7 +13,7 @@ function PageSectionInner({
13
13
  actions,
14
14
  children,
15
15
  testID,
16
- }: PageSectionProps) {
16
+ }: ScreenSectionProps) {
17
17
  return (
18
18
  <Stack gap="m" testID={testID}>
19
19
  {title ? <SectionHeader actions={actions} description={description} title={title} /> : null}
@@ -22,4 +22,4 @@ function PageSectionInner({
22
22
  );
23
23
  }
24
24
 
25
- export const PageSection = withZoraThemeScope(PageSectionInner);
25
+ export const ScreenSection = withZoraThemeScope(ScreenSectionInner);
@@ -0,0 +1,2 @@
1
+ export { ScreenSection } from './ScreenSection';
2
+ export type { ScreenSectionProps } from './types';
@@ -1,13 +1,13 @@
1
1
  import type { ZoraComponentMeta } from '../../metadata';
2
- import { PAGE_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
2
+ import { SCREEN_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
3
3
 
4
- export const pageSectionMeta = {
5
- name: 'PageSection',
4
+ export const screenSectionMeta = {
5
+ name: 'ScreenSection',
6
6
  category: 'layout',
7
7
  directManifestNode: true,
8
- allowedChildren: [...PAGE_SECTION_ALLOWED_CHILDREN],
8
+ allowedChildren: [...SCREEN_SECTION_ALLOWED_CHILDREN],
9
9
  blueprint: {
10
- label: 'Page section',
10
+ label: 'Screen section',
11
11
  defaultProps: {
12
12
  title: 'Section',
13
13
  description: 'Section description.',
@@ -2,7 +2,7 @@ import type React from 'react';
2
2
 
3
3
  import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
4
4
 
5
- export interface PageSectionProps extends ZoraBaseProps {
5
+ export interface ScreenSectionProps extends ZoraBaseProps {
6
6
  title?: React.ReactNode;
7
7
  description?: React.ReactNode;
8
8
  actions?: React.ReactNode;
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
 
3
+ import { AppBar } from '../../components/app-bar';
3
4
  import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
4
- import { Page } from '../page';
5
- import { PageHeader } from '../page-header';
5
+ import { Screen } from '../screen';
6
6
  import { SidebarLayout } from '../sidebar-layout';
7
7
  import type { SettingsLayoutProps } from './types';
8
8
 
@@ -17,14 +17,12 @@ function SettingsLayoutInner({
17
17
  testID,
18
18
  }: SettingsLayoutProps) {
19
19
  return (
20
- <Page
21
- header={
22
- title ? <PageHeader actions={actions} description={description} title={title} /> : null
23
- }
24
- testID={testID}
25
- >
26
- <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout>
27
- </Page>
20
+ <>
21
+ {title ? <AppBar actions={actions} subtitle={description} title={title} /> : null}
22
+ <Screen testID={testID}>
23
+ <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout>
24
+ </Screen>
25
+ </>
28
26
  );
29
27
  }
30
28
 
@@ -21,10 +21,6 @@ export const CONTAINER_ALLOWED_CHILDREN = [
21
21
  'MessageBubble',
22
22
  ] as const;
23
23
 
24
- export const PAGE_SECTION_ALLOWED_CHILDREN = [...CONTAINER_ALLOWED_CHILDREN] as const;
24
+ export const SCREEN_SECTION_ALLOWED_CHILDREN = [...CONTAINER_ALLOWED_CHILDREN] as const;
25
25
 
26
- export const PAGE_ALLOWED_CHILDREN = [
27
- 'PageHeader',
28
- 'PageSection',
29
- ...CONTAINER_ALLOWED_CHILDREN,
30
- ] as const;
26
+ export const SCREEN_ALLOWED_CHILDREN = ['ScreenSection', ...CONTAINER_ALLOWED_CHILDREN] as const;
@@ -130,7 +130,6 @@ describe('ZORA_COMPONENT_META invariants', () => {
130
130
 
131
131
  test('direct manifest node leaf/container rules', () => {
132
132
  const expectedLeafNodes = new Set([
133
- 'PageHeader',
134
133
  'SectionHeader',
135
134
  'SettingsRow',
136
135
  'EmptyState',
@@ -146,8 +145,8 @@ describe('ZORA_COMPONENT_META invariants', () => {
146
145
 
147
146
  const expectedContainerNodes = new Set([
148
147
  'FormField',
149
- 'Page',
150
- 'PageSection',
148
+ 'Screen',
149
+ 'ScreenSection',
151
150
  'AuthLayout',
152
151
  'Card',
153
152
  'Panel',
@@ -31,9 +31,8 @@ import { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';
31
31
  import { foundationMetas } from '../foundation/meta';
32
32
  import { appShellMeta } from '../layout/app-shell/meta';
33
33
  import { authLayoutMeta } from '../layout/auth-layout/meta';
34
- import { pageMeta } from '../layout/page/meta';
35
- import { pageHeaderMeta } from '../layout/page-header/meta';
36
- import { pageSectionMeta } from '../layout/page-section/meta';
34
+ import { screenMeta } from '../layout/screen/meta';
35
+ import { screenSectionMeta } from '../layout/screen-section/meta';
37
36
  import { settingsLayoutMeta } from '../layout/settings-layout/meta';
38
37
  import { sidebarLayoutMeta } from '../layout/sidebar-layout/meta';
39
38
  import { topbarLayoutMeta } from '../layout/topbar-layout/meta';
@@ -111,9 +110,8 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
111
110
  ToolbarAction: toolbarActionMeta,
112
111
  AppShell: appShellMeta,
113
112
  AuthLayout: authLayoutMeta,
114
- Page: pageMeta,
115
- PageHeader: pageHeaderMeta,
116
- PageSection: pageSectionMeta,
113
+ Screen: screenMeta,
114
+ ScreenSection: screenSectionMeta,
117
115
  SettingsLayout: settingsLayoutMeta,
118
116
  SidebarLayout: sidebarLayoutMeta,
119
117
  TopbarLayout: topbarLayoutMeta,
@@ -69,9 +69,8 @@ const REQUIRED_SHOWCASE_COVERAGE = {
69
69
  layouts: [
70
70
  'AppShell',
71
71
  'AuthLayout',
72
- 'Page',
73
- 'PageHeader',
74
- 'PageSection',
72
+ 'Screen',
73
+ 'ScreenSection',
75
74
  'SettingsLayout',
76
75
  'SidebarLayout',
77
76
  'TopbarLayout',
@@ -84,9 +84,8 @@ const scopedComponentFiles = [
84
84
 
85
85
  join(srcDir, 'layout', 'app-shell', 'AppShell.tsx'),
86
86
  join(srcDir, 'layout', 'auth-layout', 'AuthLayout.tsx'),
87
- join(srcDir, 'layout', 'page', 'Page.tsx'),
88
- join(srcDir, 'layout', 'page-header', 'PageHeader.tsx'),
89
- join(srcDir, 'layout', 'page-section', 'PageSection.tsx'),
87
+ join(srcDir, 'layout', 'screen', 'Screen.tsx'),
88
+ join(srcDir, 'layout', 'screen-section', 'ScreenSection.tsx'),
90
89
  join(srcDir, 'layout', 'settings-layout', 'SettingsLayout.tsx'),
91
90
  join(srcDir, 'layout', 'sidebar-layout', 'SidebarLayout.tsx'),
92
91
  join(srcDir, 'layout', 'topbar-layout', 'TopbarLayout.tsx'),
@@ -154,9 +153,8 @@ const scopedPropTypeFiles = [
154
153
 
155
154
  join(srcDir, 'layout', 'app-shell', 'types.ts'),
156
155
  join(srcDir, 'layout', 'auth-layout', 'types.ts'),
157
- join(srcDir, 'layout', 'page', 'types.ts'),
158
- join(srcDir, 'layout', 'page-header', 'types.ts'),
159
- join(srcDir, 'layout', 'page-section', 'types.ts'),
156
+ join(srcDir, 'layout', 'screen', 'types.ts'),
157
+ join(srcDir, 'layout', 'screen-section', 'types.ts'),
160
158
  join(srcDir, 'layout', 'settings-layout', 'types.ts'),
161
159
  join(srcDir, 'layout', 'sidebar-layout', 'types.ts'),
162
160
  join(srcDir, 'layout', 'topbar-layout', 'types.ts'),
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import type { PageProps } from './types';
3
- export declare const Page: (props: PageProps) => React.ReactElement | null;
4
- //# sourceMappingURL=Page.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAsBzC,eAAO,MAAM,IAAI,iDAAgC,CAAC"}
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { Container, Stack } from '../../foundation';
3
- import { resolvePageMaxWidth } from '../../internal/recipes';
4
- import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
5
- function PageInner({ themeId: _themeId, mode: _mode, children, header, footer, width = 'default', testID, }) {
6
- return (<Container maxWidth={resolvePageMaxWidth(width)} py="xl" testID={testID}>
7
- <Stack gap="l">
8
- {header}
9
- {children}
10
- {footer}
11
- </Stack>
12
- </Container>);
13
- }
14
- export const Page = withZoraThemeScope(PageInner);
15
- //# sourceMappingURL=Page.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,SAAS,CAAC,EACjB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,QAAQ,EACR,MAAM,EACN,MAAM,EACN,KAAK,GAAG,SAAS,EACjB,MAAM,GACI;IACV,OAAO,CACL,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACtE;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;QAAA,CAAC,MAAM,CACP;QAAA,CAAC,QAAQ,CACT;QAAA,CAAC,MAAM,CACT;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Container, Stack } from '../../foundation';\nimport { resolvePageMaxWidth } from '../../internal/recipes';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { PageProps } from './types';\n\nfunction PageInner({\n themeId: _themeId,\n mode: _mode,\n children,\n header,\n footer,\n width = 'default',\n testID,\n}: PageProps) {\n return (\n <Container maxWidth={resolvePageMaxWidth(width)} py=\"xl\" testID={testID}>\n <Stack gap=\"l\">\n {header}\n {children}\n {footer}\n </Stack>\n </Container>\n );\n}\n\nexport const Page = withZoraThemeScope(PageInner);\n"]}
@@ -1,3 +0,0 @@
1
- export { Page } from './Page';
2
- export type { PageProps } from './types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
@@ -1,2 +0,0 @@
1
- export { Page } from './Page';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { Page } from './Page';\nexport type { PageProps } from './types';\n"]}
@@ -1,19 +0,0 @@
1
- export declare const pageMeta: {
2
- readonly name: "Page";
3
- readonly category: "layout";
4
- readonly directManifestNode: true;
5
- readonly allowedChildren: readonly ["PageHeader", "PageSection", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Button", "Input", "Textarea", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble"];
6
- readonly blueprint: {
7
- readonly label: "Page";
8
- };
9
- readonly props: {
10
- readonly width: {
11
- readonly type: "enum";
12
- readonly category: "Layout";
13
- readonly label: "Width";
14
- readonly enum: readonly ["narrow", "default", "wide"];
15
- readonly default: "default";
16
- };
17
- };
18
- };
19
- //# sourceMappingURL=meta.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/layout/page/meta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;CAiBiB,CAAC"}
@@ -1,20 +0,0 @@
1
- import { PAGE_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
2
- export const pageMeta = {
3
- name: 'Page',
4
- category: 'layout',
5
- directManifestNode: true,
6
- allowedChildren: [...PAGE_ALLOWED_CHILDREN],
7
- blueprint: {
8
- label: 'Page',
9
- },
10
- props: {
11
- width: {
12
- type: 'enum',
13
- category: 'Layout',
14
- label: 'Width',
15
- enum: ['narrow', 'default', 'wide'],
16
- default: 'default',
17
- },
18
- },
19
- };
20
- //# sourceMappingURL=meta.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/layout/page/meta.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,QAAQ;IAClB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,qBAAqB,CAAC;IAC3C,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;YACnC,OAAO,EAAE,SAAS;SACnB;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nimport { PAGE_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\n\nexport const pageMeta = {\n name: 'Page',\n category: 'layout',\n directManifestNode: true,\n allowedChildren: [...PAGE_ALLOWED_CHILDREN],\n blueprint: {\n label: 'Page',\n },\n props: {\n width: {\n type: 'enum',\n category: 'Layout',\n label: 'Width',\n enum: ['narrow', 'default', 'wide'],\n default: 'default',\n },\n },\n} as const satisfies ZoraComponentMeta;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/page/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/page/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraContentWidth } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface PageProps extends ZoraBaseProps {\n children?: React.ReactNode;\n header?: React.ReactNode;\n footer?: React.ReactNode;\n width?: ZoraContentWidth;\n}\n"]}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import type { PageHeaderProps } from './types';
3
- export declare const PageHeader: (props: PageHeaderProps) => React.ReactElement | null;
4
- //# sourceMappingURL=PageHeader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/layout/page-header/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAyC/C,eAAO,MAAM,UAAU,uDAAsC,CAAC"}