@ankhorage/zora 14.0.1 → 16.0.0

package/dist/features/form/select/public.js.map

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

package/dist/features/form/select/selectMeta.d.ts

@@ -0,0 +1,195 @@
+export declare const selectMeta: {
+    readonly name: "Select";
+    readonly category: "component";
+    readonly description: "Single-value form selection with Popover presentation on web and BottomSheet presentation on native.";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly blueprint: {
+        readonly label: "Select";
+        readonly defaultProps: {
+            readonly label: "Option";
+            readonly placeholder: "Select";
+            readonly defaultValue: "option-b";
+            readonly options: readonly [{
+                readonly value: "option-a";
+                readonly label: "First option";
+            }, {
+                readonly value: "option-b";
+                readonly label: "Second option";
+            }, {
+                readonly value: "option-c";
+                readonly label: "Third option";
+            }];
+            readonly disabled: false;
+            readonly readOnly: false;
+            readonly invalid: false;
+        };
+    };
+    readonly bindings: {
+        readonly props: {
+            readonly value: {
+                readonly label: "Value";
+                readonly description: "Currently selected option value.";
+                readonly value: {
+                    readonly type: "string";
+                };
+                readonly acceptsFallback: true;
+                readonly acceptsTransforms: true;
+            };
+            readonly disabled: {
+                readonly label: "Disabled";
+                readonly description: "Whether the select is disabled.";
+                readonly value: {
+                    readonly type: "boolean";
+                };
+                readonly acceptsFallback: true;
+                readonly acceptsTransforms: true;
+            };
+        };
+        readonly events: {
+            readonly valueChange: {
+                readonly label: "Value change";
+                readonly description: "Runs when the selected option value changes.";
+                readonly payload: {
+                    readonly eventType: "select.valueChange";
+                    readonly fields: readonly [{
+                        readonly path: "value";
+                        readonly type: "string";
+                        readonly label: "Value";
+                    }];
+                };
+            };
+        };
+    };
+    readonly events: {
+        readonly valueChange: {
+            readonly label: "Value change";
+            readonly eventType: "select.valueChange";
+            readonly description: "Emitted when the selected option value changes.";
+            readonly payloadFields: readonly [{
+                readonly path: "value";
+                readonly type: "string";
+                readonly label: "Value";
+            }];
+        };
+    };
+    readonly props: {
+        readonly defaultValue: {
+            readonly type: "string";
+            readonly category: "State";
+            readonly label: "Initial value";
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly value: {
+            readonly type: "string";
+            readonly category: "State";
+            readonly label: "Value";
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly options: {
+            readonly type: "array";
+            readonly category: "Content";
+            readonly label: "Options";
+            readonly itemSchema: readonly [{
+                readonly key: "value";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Content";
+                    readonly label: "Value";
+                };
+            }, {
+                readonly key: "label";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Content";
+                    readonly label: "Label";
+                };
+            }, {
+                readonly key: "disabled";
+                readonly schema: {
+                    readonly type: "boolean";
+                    readonly category: "State";
+                    readonly label: "Disabled";
+                    readonly default: false;
+                };
+            }];
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly label: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Label";
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly helperText: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Helper text";
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly errorText: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Error text";
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly placeholder: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Placeholder";
+            readonly default: "Select";
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly required: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Required";
+            readonly default: false;
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly disabled: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Disabled";
+            readonly default: false;
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly readOnly: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Read only";
+            readonly default: false;
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly invalid: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Invalid";
+            readonly default: false;
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+    };
+};
+//# sourceMappingURL=selectMeta.d.ts.map

package/dist/features/form/select/selectMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectMeta.d.ts","sourceRoot":"","sources":["../../../../src/features/form/select/selectMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuJe,CAAC"}

package/dist/features/form/select/selectMeta.js

@@ -0,0 +1,152 @@
+export const selectMeta = {
+    name: 'Select',
+    category: 'component',
+    description: 'Single-value form selection with Popover presentation on web and BottomSheet presentation on native.',
+    directManifestNode: true,
+    allowedChildren: [],
+    blueprint: {
+        label: 'Select',
+        defaultProps: {
+            label: 'Option',
+            placeholder: 'Select',
+            defaultValue: 'option-b',
+            options: [
+                { value: 'option-a', label: 'First option' },
+                { value: 'option-b', label: 'Second option' },
+                { value: 'option-c', label: 'Third option' },
+            ],
+            disabled: false,
+            readOnly: false,
+            invalid: false,
+        },
+    },
+    bindings: {
+        props: {
+            value: {
+                label: 'Value',
+                description: 'Currently selected option value.',
+                value: { type: 'string' },
+                acceptsFallback: true,
+                acceptsTransforms: true,
+            },
+            disabled: {
+                label: 'Disabled',
+                description: 'Whether the select is disabled.',
+                value: { type: 'boolean' },
+                acceptsFallback: true,
+                acceptsTransforms: true,
+            },
+        },
+        events: {
+            valueChange: {
+                label: 'Value change',
+                description: 'Runs when the selected option value changes.',
+                payload: {
+                    eventType: 'select.valueChange',
+                    fields: [{ path: 'value', type: 'string', label: 'Value' }],
+                },
+            },
+        },
+    },
+    events: {
+        valueChange: {
+            label: 'Value change',
+            eventType: 'select.valueChange',
+            description: 'Emitted when the selected option value changes.',
+            payloadFields: [{ path: 'value', type: 'string', label: 'Value' }],
+        },
+    },
+    props: {
+        defaultValue: {
+            type: 'string',
+            category: 'State',
+            label: 'Initial value',
+            authoring: { authority: 'instance' },
+        },
+        value: {
+            type: 'string',
+            category: 'State',
+            label: 'Value',
+            authoring: { authority: 'instance' },
+        },
+        options: {
+            type: 'array',
+            category: 'Content',
+            label: 'Options',
+            itemSchema: [
+                {
+                    key: 'value',
+                    schema: { type: 'string', category: 'Content', label: 'Value' },
+                },
+                {
+                    key: 'label',
+                    schema: { type: 'string', category: 'Content', label: 'Label' },
+                },
+                {
+                    key: 'disabled',
+                    schema: {
+                        type: 'boolean',
+                        category: 'State',
+                        label: 'Disabled',
+                        default: false,
+                    },
+                },
+            ],
+            authoring: { authority: 'instance' },
+        },
+        label: {
+            type: 'string',
+            category: 'Content',
+            label: 'Label',
+            authoring: { authority: 'instance' },
+        },
+        helperText: {
+            type: 'string',
+            category: 'Content',
+            label: 'Helper text',
+            authoring: { authority: 'instance' },
+        },
+        errorText: {
+            type: 'string',
+            category: 'Content',
+            label: 'Error text',
+            authoring: { authority: 'instance' },
+        },
+        placeholder: {
+            type: 'string',
+            category: 'Content',
+            label: 'Placeholder',
+            default: 'Select',
+            authoring: { authority: 'instance' },
+        },
+        required: {
+            type: 'boolean',
+            category: 'State',
+            label: 'Required',
+            default: false,
+            authoring: { authority: 'instance' },
+        },
+        disabled: {
+            type: 'boolean',
+            category: 'State',
+            label: 'Disabled',
+            default: false,
+            authoring: { authority: 'instance' },
+        },
+        readOnly: {
+            type: 'boolean',
+            category: 'State',
+            label: 'Read only',
+            default: false,
+            authoring: { authority: 'instance' },
+        },
+        invalid: {
+            type: 'boolean',
+            category: 'State',
+            label: 'Invalid',
+            default: false,
+            authoring: { authority: 'instance' },
+        },
+    },
+};
+//# sourceMappingURL=selectMeta.js.map

package/dist/features/form/select/selectMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectMeta.js","sourceRoot":"","sources":["../../../../src/features/form/select/selectMeta.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ZoraComponentMeta } from '../../../metadata';\n\nexport const selectMeta = {\n  name: 'Select',\n  category: 'component',\n  description:\n    'Single-value form selection with Popover presentation on web and BottomSheet presentation on native.',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: {\n    label: 'Select',\n    defaultProps: {\n      label: 'Option',\n      placeholder: 'Select',\n      defaultValue: 'option-b',\n      options: [\n        { value: 'option-a', label: 'First option' },\n        { value: 'option-b', label: 'Second option' },\n        { value: 'option-c', label: 'Third option' },\n      ],\n      disabled: false,\n      readOnly: false,\n      invalid: false,\n    },\n  },\n  bindings: {\n    props: {\n      value: {\n        label: 'Value',\n        description: 'Currently selected option value.',\n        value: { type: 'string' },\n        acceptsFallback: true,\n        acceptsTransforms: true,\n      },\n      disabled: {\n        label: 'Disabled',\n        description: 'Whether the select is disabled.',\n        value: { type: 'boolean' },\n        acceptsFallback: true,\n        acceptsTransforms: true,\n      },\n    },\n    events: {\n      valueChange: {\n        label: 'Value change',\n        description: 'Runs when the selected option value changes.',\n        payload: {\n          eventType: 'select.valueChange',\n          fields: [{ path: 'value', type: 'string', label: 'Value' }],\n        },\n      },\n    },\n  },\n  events: {\n    valueChange: {\n      label: 'Value change',\n      eventType: 'select.valueChange',\n      description: 'Emitted when the selected option value changes.',\n      payloadFields: [{ path: 'value', type: 'string', label: 'Value' }],\n    },\n  },\n  props: {\n    defaultValue: {\n      type: 'string',\n      category: 'State',\n      label: 'Initial value',\n      authoring: { authority: 'instance' },\n    },\n    value: {\n      type: 'string',\n      category: 'State',\n      label: 'Value',\n      authoring: { authority: 'instance' },\n    },\n    options: {\n      type: 'array',\n      category: 'Content',\n      label: 'Options',\n      itemSchema: [\n        {\n          key: 'value',\n          schema: { type: 'string', category: 'Content', label: 'Value' },\n        },\n        {\n          key: 'label',\n          schema: { type: 'string', category: 'Content', label: 'Label' },\n        },\n        {\n          key: 'disabled',\n          schema: {\n            type: 'boolean',\n            category: 'State',\n            label: 'Disabled',\n            default: false,\n          },\n        },\n      ],\n      authoring: { authority: 'instance' },\n    },\n    label: {\n      type: 'string',\n      category: 'Content',\n      label: 'Label',\n      authoring: { authority: 'instance' },\n    },\n    helperText: {\n      type: 'string',\n      category: 'Content',\n      label: 'Helper text',\n      authoring: { authority: 'instance' },\n    },\n    errorText: {\n      type: 'string',\n      category: 'Content',\n      label: 'Error text',\n      authoring: { authority: 'instance' },\n    },\n    placeholder: {\n      type: 'string',\n      category: 'Content',\n      label: 'Placeholder',\n      default: 'Select',\n      authoring: { authority: 'instance' },\n    },\n    required: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Required',\n      default: false,\n      authoring: { authority: 'instance' },\n    },\n    disabled: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Disabled',\n      default: false,\n      authoring: { authority: 'instance' },\n    },\n    readOnly: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Read only',\n      default: false,\n      authoring: { authority: 'instance' },\n    },\n    invalid: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Invalid',\n      default: false,\n      authoring: { authority: 'instance' },\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/gradient/gradientMeta.d.ts

@@ -3,7 +3,7 @@ export declare const gradientMeta: {
     readonly category: "component";
     readonly description: "Renders a host-backed gradient container for nested manifest content.";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly blueprint: {
         readonly label: "Gradient";
     };

package/dist/features/keyboard-avoiding-view/keyboardAvoidingViewMeta.d.ts

@@ -2,7 +2,7 @@ export declare const keyboardAvoidingViewMeta: {
     readonly name: "KeyboardAvoidingView";
     readonly category: "layout";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly blueprint: {
         readonly label: "Keyboard avoiding view";
         readonly defaultProps: {

package/dist/features/layout/boxMeta.d.ts

@@ -2,7 +2,7 @@ export declare const boxMeta: {
     readonly name: "Box";
     readonly category: "foundation";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly props: {
         readonly bg: {
             readonly type: "color";

package/dist/features/layout/containerMeta.d.ts

@@ -2,7 +2,7 @@ export declare const containerMeta: {
     readonly name: "Container";
     readonly category: "foundation";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly props: {
         [k: string]: {
             readonly type: "spacing";

package/dist/features/layout/gridMeta.d.ts

@@ -2,7 +2,7 @@ export declare const gridMeta: {
     readonly name: "Grid";
     readonly category: "foundation";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly props: {
         readonly cols: {
             readonly type: "number";

package/dist/features/layout/stackMeta.d.ts

@@ -2,7 +2,7 @@ export declare const stackMeta: {
     readonly name: "Stack";
     readonly category: "foundation";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly props: {
         readonly direction: {
             readonly type: "enum";

package/dist/features/list/flatListMeta.d.ts

@@ -5,7 +5,7 @@ export declare const flatListMeta: {
     readonly blueprint: {
         readonly label: "Flat list";
     };
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly description: "Virtualized children. Put node.repeat on this list for keyed data and item bindings; bind selection on the child Button/Card press event. Bound the list viewport and avoid nesting in a same-direction ScrollView.";
     readonly events: {
         readonly visibleItemsChange: {

package/dist/features/list/sectionListMeta.d.ts

@@ -109,6 +109,6 @@ export declare const sectionListMeta: {
     };
     readonly category: "layout";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
 };
 //# sourceMappingURL=sectionListMeta.d.ts.map

package/dist/features/pagination/adapters/inbound/Pagination.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { PaginationProps } from '../../../../types/pagination';
+/*** Renders controls for navigating between pages of a finite result set. */
+export declare const Pagination: (props: PaginationProps) => React.ReactElement | null;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/features/pagination/adapters/inbound/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../../src/features/pagination/adapters/inbound/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAOpE,6EAA6E;AAC7E,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

package/dist/features/pagination/adapters/inbound/Pagination.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Button } from '../../../button/public';
+import { Stack } from '../../../layout/public';
+import { Text } from '../../../typography/public';
+import { resolvePaginationPage } from '../../utils/resolvePaginationPage';
+import { resolvePaginationState } from '../../utils/resolvePaginationState';
+/*** Renders controls for navigating between pages of a finite result set. */
+export const Pagination = withZoraThemeScope(PaginationInner);
+/*** Connects normalized pagination state to visible page navigation controls. */
+function PaginationInner({ themeId: _themeId, mode: _mode, page, pageCount, onPageChange, disabled = false, siblingCount = 1, boundaryCount = 1, showFirstLast = false, previousLabel = 'Previous', nextLabel = 'Next', firstLabel = 'First', lastLabel = 'Last', compact = false, testID, interactionPolicy, }) {
+    const passive = interactionPolicy === 'passive';
+    const state = resolvePaginationState({ boundaryCount, compact, page, pageCount, siblingCount });
+    const canGoPrevious = state.currentPage > 1;
+    const canGoNext = state.currentPage < state.pageCount;
+    const navigationDisabled = disabled || state.pageCount <= 1;
+    const changePage = React.useCallback((nextPage) => {
+        const clampedPage = resolvePaginationPage(nextPage, state.pageCount);
+        if (passive || disabled || clampedPage === state.currentPage)
+            return;
+        onPageChange?.(clampedPage);
+    }, [disabled, onPageChange, passive, state.currentPage, state.pageCount]);
+    return (<Stack align="center" direction="row" gap="xs" testID={testID}>
+      {showFirstLast ? (<Button disabled={navigationDisabled || state.currentPage === 1} interactionPolicy={interactionPolicy} onPress={() => changePage(1)} size="s" testID={testID ? `${testID}-first` : undefined} variant="ghost">
+          {firstLabel}
+        </Button>) : null}
+      <Button disabled={navigationDisabled || !canGoPrevious} interactionPolicy={interactionPolicy} onPress={() => changePage(state.currentPage - 1)} size="s" testID={testID ? `${testID}-previous` : undefined} variant="ghost">
+        {previousLabel}
+      </Button>
+      {state.items.map((item, index) => item === 'ellipsis' ? (<Text key={`ellipsis-${index}`} emphasis="muted" variant="bodySmall">
+            …
+          </Text>) : (<Button color={item === state.currentPage ? 'primary' : 'neutral'} disabled={disabled} interactionPolicy={interactionPolicy} key={item} onPress={() => changePage(item)} size="s" testID={testID ? `${testID}-page-${item}` : undefined} variant={item === state.currentPage ? 'solid' : 'ghost'}>
+            {item}
+          </Button>))}
+      <Button disabled={navigationDisabled || !canGoNext} interactionPolicy={interactionPolicy} onPress={() => changePage(state.currentPage + 1)} size="s" testID={testID ? `${testID}-next` : undefined} variant="ghost">
+        {nextLabel}
+      </Button>
+      {showFirstLast ? (<Button disabled={navigationDisabled || state.currentPage === state.pageCount} interactionPolicy={interactionPolicy} onPress={() => changePage(state.pageCount)} size="s" testID={testID ? `${testID}-last` : undefined} variant="ghost">
+          {lastLabel}
+        </Button>) : null}
+    </Stack>);
+}
+//# sourceMappingURL=Pagination.js.map

package/dist/features/pagination/adapters/inbound/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/features/pagination/adapters/inbound/Pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { PaginationProps } from '../../../../types/pagination';\nimport { Button } from '../../../button/public';\nimport { Stack } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\nimport { resolvePaginationPage } from '../../utils/resolvePaginationPage';\nimport { resolvePaginationState } from '../../utils/resolvePaginationState';\n\n/*** Renders controls for navigating between pages of a finite result set. */\nexport const Pagination = withZoraThemeScope(PaginationInner);\n\n/*** Connects normalized pagination state to visible page navigation controls. */\nfunction PaginationInner({\n  themeId: _themeId,\n  mode: _mode,\n  page,\n  pageCount,\n  onPageChange,\n  disabled = false,\n  siblingCount = 1,\n  boundaryCount = 1,\n  showFirstLast = false,\n  previousLabel = 'Previous',\n  nextLabel = 'Next',\n  firstLabel = 'First',\n  lastLabel = 'Last',\n  compact = false,\n  testID,\n  interactionPolicy,\n}: PaginationProps) {\n  const passive = interactionPolicy === 'passive';\n  const state = resolvePaginationState({ boundaryCount, compact, page, pageCount, siblingCount });\n  const canGoPrevious = state.currentPage > 1;\n  const canGoNext = state.currentPage < state.pageCount;\n  const navigationDisabled = disabled || state.pageCount <= 1;\n\n  const changePage = React.useCallback(\n    (nextPage: number) => {\n      const clampedPage = resolvePaginationPage(nextPage, state.pageCount);\n      if (passive || disabled || clampedPage === state.currentPage) return;\n      onPageChange?.(clampedPage);\n    },\n    [disabled, onPageChange, passive, state.currentPage, state.pageCount],\n  );\n\n  return (\n    <Stack align=\"center\" direction=\"row\" gap=\"xs\" testID={testID}>\n      {showFirstLast ? (\n        <Button\n          disabled={navigationDisabled || state.currentPage === 1}\n          interactionPolicy={interactionPolicy}\n          onPress={() => changePage(1)}\n          size=\"s\"\n          testID={testID ? `${testID}-first` : undefined}\n          variant=\"ghost\"\n        >\n          {firstLabel}\n        </Button>\n      ) : null}\n      <Button\n        disabled={navigationDisabled || !canGoPrevious}\n        interactionPolicy={interactionPolicy}\n        onPress={() => changePage(state.currentPage - 1)}\n        size=\"s\"\n        testID={testID ? `${testID}-previous` : undefined}\n        variant=\"ghost\"\n      >\n        {previousLabel}\n      </Button>\n      {state.items.map((item, index) =>\n        item === 'ellipsis' ? (\n          <Text key={`ellipsis-${index}`} emphasis=\"muted\" variant=\"bodySmall\">\n            …\n          </Text>\n        ) : (\n          <Button\n            color={item === state.currentPage ? 'primary' : 'neutral'}\n            disabled={disabled}\n            interactionPolicy={interactionPolicy}\n            key={item}\n            onPress={() => changePage(item)}\n            size=\"s\"\n            testID={testID ? `${testID}-page-${item}` : undefined}\n            variant={item === state.currentPage ? 'solid' : 'ghost'}\n          >\n            {item}\n          </Button>\n        ),\n      )}\n      <Button\n        disabled={navigationDisabled || !canGoNext}\n        interactionPolicy={interactionPolicy}\n        onPress={() => changePage(state.currentPage + 1)}\n        size=\"s\"\n        testID={testID ? `${testID}-next` : undefined}\n        variant=\"ghost\"\n      >\n        {nextLabel}\n      </Button>\n      {showFirstLast ? (\n        <Button\n          disabled={navigationDisabled || state.currentPage === state.pageCount}\n          interactionPolicy={interactionPolicy}\n          onPress={() => changePage(state.pageCount)}\n          size=\"s\"\n          testID={testID ? `${testID}-last` : undefined}\n          variant=\"ghost\"\n        >\n          {lastLabel}\n        </Button>\n      ) : null}\n    </Stack>\n  );\n}\n"]}