@ankhorage/zora 2.5.3 → 2.5.5

package/src/layout/screen/Screen.tsx

@@ -42,6 +42,6 @@ function ScreenInner({
 /***
  * Page-level container with standard background and optional scroll behavior.
  *
- * @readme
+ 
  */
 export const Screen = withZoraThemeScope(ScreenInner);

package/src/layout/screen-section/ScreenSection.tsx

@@ -25,6 +25,6 @@ function ScreenSectionInner({
 /***
  * Screen section layout with optional title, description, and actions.
  *
- * @readme
+ 
  */
 export const ScreenSection = withZoraThemeScope(ScreenSectionInner);

package/src/layout/settings-layout/SettingsLayout.tsx

@@ -29,6 +29,6 @@ function SettingsLayoutInner({
 /***
  * Settings page layout with app bar, sidebar, and scrollable content area.
  *
- * @readme
+ 
  */
 export const SettingsLayout = withZoraThemeScope(SettingsLayoutInner);

package/src/layout/sidebar-layout/SidebarLayout.tsx

@@ -28,6 +28,6 @@ function SidebarLayoutInner({
 /***
  * Responsive layout with a sidebar and main content area (and optional aside).
  *
- * @readme
+ 
  */
 export const SidebarLayout = withZoraThemeScope(SidebarLayoutInner);

package/src/layout/topbar-layout/TopbarLayout.tsx

@@ -24,6 +24,6 @@ function TopbarLayoutInner({
 /***
  * Layout that composes a top bar with optional sidebar and content.
  *
- * @readme
+ 
  */
 export const TopbarLayout = withZoraThemeScope(TopbarLayoutInner);

package/src/metadata/componentMeta.ts

@@ -14,6 +14,7 @@ import { dataTableMeta } from '../components/data-table/meta';
 import { datePickerMeta } from '../components/date-picker/meta';
 import { drawerMeta } from '../components/drawer/meta';
 import { formActionsMeta, formErrorMeta, formFieldMeta, formMeta } from '../components/form/meta';
+import { gradientMeta } from '../components/gradient/meta';
 import { headingMeta } from '../components/heading/meta';
 import { iconMeta } from '../components/icon/meta';
 import { iconButtonMeta } from '../components/icon-button/meta';
@@ -37,6 +38,7 @@ import {
   skeletonMeta,
   skeletonTextMeta,
 } from '../components/skeleton/meta';
+import { splashScreenMeta } from '../components/splash-screen/meta';
 import { tabsMeta } from '../components/tabs/meta';
 import { textMeta } from '../components/text/meta';
 import { textareaMeta } from '../components/textarea/meta';
@@ -108,6 +110,7 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   FormActions: formActionsMeta,
   FormError: formErrorMeta,
   FormField: formFieldMeta,
+  Gradient: gradientMeta,
   Heading: headingMeta,
   Icon: iconMeta,
   IconButton: iconButtonMeta,
@@ -130,6 +133,7 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   SkeletonCard: skeletonCardMeta,
   SkeletonList: skeletonListMeta,
   SkeletonText: skeletonTextMeta,
+  SplashScreen: splashScreenMeta,
   Tabs: tabsMeta,
   Text: textMeta,
   Textarea: textareaMeta,

package/src/patterns/auth/ForgotPasswordForm.tsx

@@ -89,6 +89,6 @@ function ForgotPasswordFormInner({
 /***
  * Password reset form pattern with validation and submit actions.
  *
- * @readme
+ 
  */
 export const ForgotPasswordForm = withZoraThemeScope(ForgotPasswordFormInner);

package/src/patterns/auth/OtpForm.tsx

@@ -85,6 +85,6 @@ function OtpFormInner({
 /***
  * One-time passcode form pattern with digit input and submit actions.
  *
- * @readme
+ 
  */
 export const OtpForm = withZoraThemeScope(OtpFormInner);

package/src/patterns/auth/SignInForm.tsx

@@ -116,6 +116,6 @@ function SignInFormInner({
 /***
  * Sign-in form pattern with identifier and password fields.
  *
- * @readme
+ 
  */
 export const SignInForm = withZoraThemeScope(SignInFormInner);

package/src/patterns/auth/SignUpForm.tsx

@@ -81,6 +81,6 @@ function SignUpFormInner({
 /***
  * Sign-up form pattern with structured fields and validation.
  *
- * @readme
+ 
  */
 export const SignUpForm = withZoraThemeScope(SignUpFormInner);

package/src/patterns/chat-list-item/ChatListItem.tsx

@@ -220,6 +220,6 @@ function ChatListItemInner({
 /***
  * Chat-style list row with avatar, title, preview text, and unread indicators.
  *
- * @readme
+ 
  */
 export const ChatListItem = withZoraThemeScope(ChatListItemInner);

package/src/patterns/collection-editor/CollectionEditor.tsx

@@ -106,6 +106,6 @@ function CollectionEditorInner<TItem>({
 /***
  * Editor pattern for adding, removing, and reordering a collection of items.
  *
- * @readme
+ 
  */
 export const CollectionEditor = withZoraThemeScope(CollectionEditorInner);

package/src/patterns/confirm-dialog/ConfirmDialog.tsx

@@ -51,6 +51,6 @@ function ConfirmDialogInner({
 /***
  * Confirmation dialog pattern with cancel/confirm actions.
  *
- * @readme
+ 
  */
 export const ConfirmDialog = withZoraThemeScope(ConfirmDialogInner);

package/src/patterns/disclosure-section/DisclosureSection.tsx

@@ -66,6 +66,6 @@ function DisclosureSectionInner({
 /***
  * Expandable section pattern with a summary header and collapsible content.
  *
- * @readme
+ 
  */
 export const DisclosureSection = withZoraThemeScope(DisclosureSectionInner);

package/src/patterns/empty-state/EmptyState.tsx

@@ -61,7 +61,7 @@ function EmptyStateInner({
  * `EmptyState` combines concise copy with optional primary and secondary actions
  * so apps can guide users without custom card and button wiring.
  *
- * @readme
+ 
  * @example Empty project list
  * ```tsx
  * <EmptyState title="No projects yet" primaryAction={{ label: 'Create project', onPress }} />

package/src/patterns/filter-bar/FilterBar.tsx

@@ -25,6 +25,6 @@ function FilterBarInner({
 /***
  * Horizontal filter/action bar layout with leading/trailing slots.
  *
- * @readme
+ 
  */
 export const FilterBar = withZoraThemeScope(FilterBarInner);

package/src/patterns/hero/Hero.tsx

@@ -116,6 +116,6 @@ function resolveContentAlign(align: HeroAlign) {
 /***
  * Hero section pattern for prominent page introductions with actions.
  *
- * @readme
+ 
  */
 export const Hero = withZoraThemeScope(HeroInner);

package/src/patterns/image-preview/ImagePreview.tsx

@@ -76,6 +76,6 @@ function ImagePreviewInner({
 /***
  * Preview pattern for showing an image with optional metadata and actions.
  *
- * @readme
+ 
  */
 export const ImagePreview = withZoraThemeScope(ImagePreviewInner);

package/src/patterns/image-upload-field/ImageUploadField.tsx

@@ -293,6 +293,6 @@ function ImageUploadFieldInner({
 /***
  * Form field pattern for picking, previewing, and uploading an image.
  *
- * @readme
+ 
  */
 export const ImageUploadField = withZoraThemeScope(ImageUploadFieldInner);

package/src/patterns/inspector-field/InspectorField.tsx

@@ -26,6 +26,6 @@ function InspectorFieldInner({
 /***
  * Inspector row pattern with label, description, and control slot.
  *
- * @readme
+ 
  */
 export const InspectorField = withZoraThemeScope(InspectorFieldInner);

package/src/patterns/list/List.tsx

@@ -72,6 +72,6 @@ function ListInner(props: ListProps) {
 /***
  * List container pattern for composing `ListRow` and `ListSection`.
  *
- * @readme
+ 
  */
 export const List = withZoraThemeScope(ListInner);

package/src/patterns/list/ListRow.tsx

@@ -193,6 +193,6 @@ function ListRowInner({
 /***
  * Row pattern for lists with leading/trailing slots and optional press behavior.
  *
- * @readme
+ 
  */
 export const ListRow = withZoraThemeScope(ListRowInner);

package/src/patterns/list/ListSection.tsx

@@ -36,6 +36,6 @@ function ListSectionInner({
 /***
  * Section wrapper for lists with optional title and description.
  *
- * @readme
+ 
  */
 export const ListSection = withZoraThemeScope(ListSectionInner);

package/src/patterns/message-bubble/MessageBubble.tsx

@@ -265,6 +265,6 @@ function MessageBubbleInner({
 /***
  * Message bubble pattern for chat UIs with direction and status styling.
  *
- * @readme
+ 
  */
 export const MessageBubble = withZoraThemeScope(MessageBubbleInner);

package/src/patterns/notice/Notice.tsx

@@ -35,6 +35,6 @@ function NoticeInner({
 /***
  * Notice pattern for inline feedback with tone, title, and actions.
  *
- * @readme
+ 
  */
 export const Notice = withZoraThemeScope(NoticeInner);

package/src/patterns/panel/Panel.tsx

@@ -11,6 +11,6 @@ function PanelInner({ themeId: _themeId, mode: _mode, ...props }: PanelProps) {
 /***
  * Semantic wrapper around `Card` for panel-style page sections.
  *
- * @readme
+ 
  */
 export const Panel = withZoraThemeScope(PanelInner);

package/src/patterns/post-card/PostCard.tsx

@@ -234,6 +234,6 @@ function PostCardInner({
 /***
  * Social-style post card pattern with author, content, media, and actions.
  *
- * @readme
+ 
  */
 export const PostCard = withZoraThemeScope(PostCardInner);

package/src/patterns/responsive-panel/ResponsivePanel.tsx

@@ -150,7 +150,7 @@ const styles = StyleSheet.create({
  * Use `ResponsivePanel` for tool panes and admin/detail flows that need the same
  * content to work across compact mobile screens and wider desktop layouts.
  *
- * @readme
+ 
  * @example Scrollable wide panel
  * ```tsx
  * <ResponsivePanel open title="APIs" size="wide" scroll="content">...</ResponsivePanel>

package/src/patterns/section-header/SectionHeader.tsx

@@ -46,6 +46,6 @@ function SectionHeaderInner({
 /***
  * Section heading pattern with optional description and action slot.
  *
- * @readme
+ 
  */
 export const SectionHeader = withZoraThemeScope(SectionHeaderInner);

package/src/patterns/selection/SelectableItem.tsx

@@ -18,7 +18,7 @@ function isRenderProp(
 /***
  * Adds selection behavior to arbitrary child content via render props.
  *
- * @readme
+ 
  */
 export function SelectableItem({ id, trigger, disabled = false, children }: SelectableItemProps) {
   const selection = useSelection();

package/src/patterns/selection/SelectionProvider.tsx

@@ -21,7 +21,7 @@ function resolveDisabled(disabled: boolean | undefined): boolean {
 /***
  * Accesses selection state provided by `SelectionProvider`.
  *
- * @readme
+ 
  */
 export function useSelection(): UseSelectionResult {
   const value = React.useContext(SelectionContext);
@@ -35,7 +35,7 @@ export function useSelection(): UseSelectionResult {
 /***
  * Provides selection state for building selectable lists and grids.
  *
- * @readme
+ 
  */
 export function SelectionProvider({
   children,

package/src/patterns/settings-row/SettingsRow.tsx

@@ -46,6 +46,6 @@ function SettingsRowInner({
 /***
  * Settings row pattern with title, description/meta, and optional trailing content.
  *
- * @readme
+ 
  */
 export const SettingsRow = withZoraThemeScope(SettingsRowInner);

package/src/patterns/switch-field/SwitchField.tsx

@@ -29,6 +29,6 @@ function SwitchFieldInner({
 /***
  * Labeled switch field pattern built on `SettingsRow`.
  *
- * @readme
+ 
  */
 export const SwitchField = withZoraThemeScope(SwitchFieldInner);

package/src/patterns/theme-composer/ThemeComposer.tsx

@@ -310,6 +310,6 @@ function ThemeComposerInner({
 /***
  * UI for composing and applying a theme via structured controls.
  *
- * @readme
+ 
  */
 export const ThemeComposer = withZoraThemeScope(ThemeComposerInner);

package/src/patterns/tile-grid/PaletteItem.tsx

@@ -57,6 +57,6 @@ function PaletteItemInner({
 /***
  * Tile item pattern for palettes and option grids.
  *
- * @readme
+ 
  */
 export const PaletteItem = withZoraThemeScope(PaletteItemInner);

package/src/patterns/tile-grid/TileGrid.tsx

@@ -49,6 +49,6 @@ function TileGridInner({
 /***
  * Responsive grid layout for arranging tile content.
  *
- * @readme
+ 
  */
 export const TileGrid = withZoraThemeScope(TileGridInner);

package/src/patterns/timeline/Timeline.tsx

@@ -115,6 +115,6 @@ function TimelineInner({
 /***
  * Timeline pattern for displaying a sequence of events.
  *
- * @readme
+ 
  */
 export const Timeline = withZoraThemeScope(TimelineInner);

package/src/patterns/tree-view/TreeItem.tsx

@@ -93,6 +93,6 @@ function TreeItemInner<TId extends string = string>({
 /***
  * Single tree node row used within `TreeView`.
  *
- * @readme
+ 
  */
 export const TreeItem = withZoraThemeScope(TreeItemInner);

package/src/patterns/tree-view/TreeView.tsx

@@ -55,6 +55,6 @@ function TreeViewInner<TId extends string = string>({
 /***
  * Tree view pattern for hierarchical navigation and expandable lists.
  *
- * @readme
+ 
  */
 export const TreeView = withZoraThemeScope(TreeViewInner);

package/src/patterns/zora-drawer-content/ZoraDrawerContent.tsx

@@ -53,6 +53,6 @@ function ZoraDrawerContentInner({
 /***
  * Standard drawer content pattern for ZORA navigation lists.
  *
- * @readme
+ 
  */
 export const ZoraDrawerContent = withZoraThemeScope(ZoraDrawerContentInner);

package/src/patterns/zora-tab-bar/ZoraTabBar.tsx

@@ -144,6 +144,6 @@ function ZoraTabBarInner({
 /***
  * Bottom tab bar pattern with badge support and active state styling.
  *
- * @readme
+ 
  */
 export const ZoraTabBar = withZoraThemeScope(ZoraTabBarInner);

package/src/theme/ZoraProvider.tsx

@@ -18,7 +18,6 @@ export interface ZoraProviderProps {
  * Wrap an app with `ZoraProvider` once near the root so components, patterns,
  * layouts, and theme hooks resolve the same design tokens and color mode.
  *
- * @readme
  * @example App provider
  * ```tsx
  * <ZoraProvider initialMode="light"><App /></ZoraProvider>