@ankhorage/zora 15.0.0 → 16.0.0

package/dist/components/tabs/meta.d.ts

@@ -1,9 +0,0 @@
-export declare const tabsMeta: {
-    readonly name: "Tabs";
-    readonly category: "component";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Navigation component; not represented as a manifest node in v1.";
-    readonly props: {};
-};
-//# sourceMappingURL=meta.d.ts.map

package/dist/components/tabs/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;;;;;CAOiB,CAAC"}

package/dist/components/tabs/meta.js

@@ -1,9 +0,0 @@
-export const tabsMeta = {
-    name: 'Tabs',
-    category: 'component',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: 'Navigation component; not represented as a manifest node in v1.',
-    props: {},
-};
-//# sourceMappingURL=meta.js.map

package/dist/components/tabs/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/tabs/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,iEAAiE;IACvE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const tabsMeta = {\n  name: 'Tabs',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Navigation component; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/tabs/types.d.ts

@@ -1,22 +0,0 @@
-import type { ButtonIconSpec } from '@ankhorage/surface';
-import type { ReactNode } from 'react';
-import type { ZoraControlSize } from '../../internal/recipes';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-export interface TabItem<TValue extends string = string> {
-    value: TValue;
-    label: ReactNode;
-    icon?: ButtonIconSpec;
-    badge?: ReactNode;
-    disabled?: boolean;
-    testID?: string;
-}
-export type TabsVariant = 'underline' | 'pill' | 'segmented';
-export interface TabsProps<TValue extends string = string> extends ZoraBaseProps {
-    value: TValue;
-    items: readonly TabItem<TValue>[];
-    onValueChange: (value: TValue) => void;
-    variant?: TabsVariant;
-    size?: ZoraControlSize;
-    disabled?: boolean;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/components/tabs/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,OAAO,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,MAAM,GAAG,WAAW,CAAC;AAE7D,MAAM,WAAW,SAAS,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,aAAa;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;IAClC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/tabs/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/components/tabs/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/tabs/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonIconSpec } from '@ankhorage/surface';\nimport type { ReactNode } from 'react';\n\nimport type { ZoraControlSize } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface TabItem<TValue extends string = string> {\n  value: TValue;\n  label: ReactNode;\n  icon?: ButtonIconSpec;\n  badge?: ReactNode;\n  disabled?: boolean;\n  testID?: string;\n}\n\nexport type TabsVariant = 'underline' | 'pill' | 'segmented';\n\nexport interface TabsProps<TValue extends string = string> extends ZoraBaseProps {\n  value: TValue;\n  items: readonly TabItem<TValue>[];\n  onValueChange: (value: TValue) => void;\n  variant?: TabsVariant;\n  size?: ZoraControlSize;\n  disabled?: boolean;\n}\n"]}

package/dist/components/toolbar/Toolbar.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { ToolbarProps } from './types';
-/***
- * Horizontal toolbar surface for grouping actions and controls.
- *
- 
- */
-export declare const Toolbar: (props: ToolbarProps) => React.ReactElement | null;
-//# sourceMappingURL=Toolbar.d.ts.map

package/dist/components/toolbar/Toolbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAqC5C;;;;GAIG;AACH,eAAO,MAAM,OAAO,oDAAmC,CAAC"}

package/dist/components/toolbar/Toolbar.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { Card } from '../../features/card/public';
-import { Stack } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-function ToolbarInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, children, position = 'inline', floating = false, compact = true, testID, }) {
-    const isFixed = position === 'top' || position === 'bottom';
-    return (<Card compact={compact} tone={floating ? 'default' : 'subtle'} testID={testID} style={isFixed
-            ? {
-                position: 'absolute',
-                [position]: 0,
-                zIndex: 10,
-                alignSelf: 'center',
-            }
-            : undefined}>
-      <Stack direction="row" gap="s" align="center">
-        {children}
-      </Stack>
-    </Card>);
-}
-/***
- * Horizontal toolbar surface for grouping actions and controls.
- *
- 
- */
-export const Toolbar = withZoraThemeScope(ToolbarInner);
-//# sourceMappingURL=Toolbar.js.map

package/dist/components/toolbar/Toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,YAAY,CAAC,EACpB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,QAAQ,EACR,QAAQ,GAAG,QAAQ,EACnB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,MAAM,GACO;IACb,MAAM,OAAO,GAAG,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,QAAQ,CAAC;IAE5D,OAAO,CACL,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CACtC,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CACJ,OAAO;YACL,CAAC,CAAC;gBACE,QAAQ,EAAE,UAAU;gBACpB,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACb,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE,QAAQ;aACpB;YACH,CAAC,CAAC,SACN,CAAC,CAED;MAAA,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAC3C;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Card } from '../../features/card/public';\nimport { Stack } from '../../features/layout/public';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ToolbarProps } from './types';\n\nfunction ToolbarInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  children,\n  position = 'inline',\n  floating = false,\n  compact = true,\n  testID,\n}: ToolbarProps) {\n  const isFixed = position === 'top' || position === 'bottom';\n\n  return (\n    <Card\n      compact={compact}\n      tone={floating ? 'default' : 'subtle'}\n      testID={testID}\n      style={\n        isFixed\n          ? {\n              position: 'absolute',\n              [position]: 0,\n              zIndex: 10,\n              alignSelf: 'center',\n            }\n          : undefined\n      }\n    >\n      <Stack direction=\"row\" gap=\"s\" align=\"center\">\n        {children}\n      </Stack>\n    </Card>\n  );\n}\n\n/***\n * Horizontal toolbar surface for grouping actions and controls.\n *\n \n */\nexport const Toolbar = withZoraThemeScope(ToolbarInner);\n"]}

package/dist/components/toolbar/ToolbarAction.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { ToolbarActionProps } from './types';
-/***
- * Convenience icon action for toolbars with active state styling.
- *
- 
- */
-export declare const ToolbarAction: (props: ToolbarActionProps) => React.ReactElement | null;
-//# sourceMappingURL=ToolbarAction.d.ts.map

package/dist/components/toolbar/ToolbarAction.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarAction.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/ToolbarAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAkBlD;;;;GAIG;AACH,eAAO,MAAM,aAAa,0DAAyC,CAAC"}

package/dist/components/toolbar/ToolbarAction.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { IconButton } from '../../features/button/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-function ToolbarActionInner({ themeId: _themeId, mode: _mode, active, ...props }) {
-    return (<IconButton {...props} variant={active ? 'soft' : 'ghost'} color={active ? 'primary' : 'neutral'} size="m"/>);
-}
-/***
- * Convenience icon action for toolbars with active state styling.
- *
- 
- */
-export const ToolbarAction = withZoraThemeScope(ToolbarActionInner);
-//# sourceMappingURL=ToolbarAction.js.map

package/dist/components/toolbar/ToolbarAction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarAction.js","sourceRoot":"","sources":["../../../src/components/toolbar/ToolbarAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,kBAAkB,CAAC,EAC1B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,GAAG,KAAK,EACW;IACnB,OAAO,CACL,CAAC,UAAU,CACT,IAAI,KAAK,CAAC,CACV,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CACnC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CACtC,IAAI,CAAC,GAAG,EACR,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { IconButton } from '../../features/button/public';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ToolbarActionProps } from './types';\n\nfunction ToolbarActionInner({\n  themeId: _themeId,\n  mode: _mode,\n  active,\n  ...props\n}: ToolbarActionProps) {\n  return (\n    <IconButton\n      {...props}\n      variant={active ? 'soft' : 'ghost'}\n      color={active ? 'primary' : 'neutral'}\n      size=\"m\"\n    />\n  );\n}\n\n/***\n * Convenience icon action for toolbars with active state styling.\n *\n \n */\nexport const ToolbarAction = withZoraThemeScope(ToolbarActionInner);\n"]}

package/dist/components/toolbar/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Toolbar';
-export * from './ToolbarAction';
-export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/toolbar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}

package/dist/components/toolbar/index.js

@@ -1,4 +0,0 @@
-export * from './Toolbar';
-export * from './ToolbarAction';
-export * from './types';
-//# sourceMappingURL=index.js.map

package/dist/components/toolbar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC","sourcesContent":["export * from './Toolbar';\nexport * from './ToolbarAction';\nexport * from './types';\n"]}

package/dist/components/toolbar/meta.d.ts

@@ -1,17 +0,0 @@
-export declare const toolbarMeta: {
-    readonly name: "Toolbar";
-    readonly category: "component";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Action bar component; not represented as a manifest node in v1.";
-    readonly props: {};
-};
-export declare const toolbarActionMeta: {
-    readonly name: "ToolbarAction";
-    readonly category: "component";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Action bar item; not represented as a manifest node in v1.";
-    readonly props: {};
-};
-//# sourceMappingURL=meta.d.ts.map

package/dist/components/toolbar/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;CAOc,CAAC;AAEvC,eAAO,MAAM,iBAAiB;;;;;;;CAOQ,CAAC"}

package/dist/components/toolbar/meta.js

@@ -1,17 +0,0 @@
-export const toolbarMeta = {
-    name: 'Toolbar',
-    category: 'component',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: 'Action bar component; not represented as a manifest node in v1.',
-    props: {},
-};
-export const toolbarActionMeta = {
-    name: 'ToolbarAction',
-    category: 'component',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: 'Action bar item; not represented as a manifest node in v1.',
-    props: {},
-};
-//# sourceMappingURL=meta.js.map

package/dist/components/toolbar/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/toolbar/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,iEAAiE;IACvE,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,4DAA4D;IAClE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const toolbarMeta = {\n  name: 'Toolbar',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Action bar component; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const toolbarActionMeta = {\n  name: 'ToolbarAction',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Action bar item; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/toolbar/types.d.ts

@@ -1,18 +0,0 @@
-import type { ButtonIconSpec } from '@ankhorage/surface';
-import type React from 'react';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-export type ToolbarPosition = 'top' | 'bottom' | 'inline';
-export interface ToolbarProps extends ZoraBaseProps {
-    children?: React.ReactNode;
-    position?: ToolbarPosition;
-    floating?: boolean;
-    compact?: boolean;
-}
-export interface ToolbarActionProps extends ZoraBaseProps {
-    label: string;
-    icon: ButtonIconSpec;
-    active?: boolean;
-    disabled?: boolean;
-    onPress?: () => void;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/components/toolbar/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1D,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/dist/components/toolbar/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/components/toolbar/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/toolbar/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonIconSpec } from '@ankhorage/surface';\nimport type React from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport type ToolbarPosition = 'top' | 'bottom' | 'inline';\n\nexport interface ToolbarProps extends ZoraBaseProps {\n  children?: React.ReactNode;\n  position?: ToolbarPosition;\n  floating?: boolean;\n  compact?: boolean;\n}\n\nexport interface ToolbarActionProps extends ZoraBaseProps {\n  label: string;\n  icon: ButtonIconSpec;\n  active?: boolean;\n  disabled?: boolean;\n  onPress?: () => void;\n}\n"]}

package/src/components/modal/Modal.tsx

@@ -1,63 +0,0 @@
-import { Modal as SurfaceModal } from '@ankhorage/surface';
-import React, { useCallback, useEffect, useRef } from 'react';
-
-import { Box, Stack } from '../../features/layout/public';
-import { Heading } from '../../features/typography/public';
-import { Text } from '../../features/typography/public';
-import { resolveDialogWidth } from '../../internal/recipes';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { ModalProps } from './types';
-
-function useStableCallback(callback: (() => void) | undefined): (() => void) | undefined {
-  const callbackRef = useRef(callback);
-
-  useEffect(() => {
-    callbackRef.current = callback;
-  }, [callback]);
-
-  return useCallback(() => {
-    callbackRef.current?.();
-  }, []);
-}
-
-function ModalInner({
-  themeId: _themeId,
-  mode: _mode,
-  children,
-  title,
-  description,
-  footer,
-  width = 'default',
-  onDismiss,
-  interactionPolicy,
-  ...props
-}: ModalProps) {
-  const hasHeader = title != null || description != null;
-  const stableOnDismiss = useStableCallback(onDismiss);
-
-  return (
-    <SurfaceModal {...props} onDismiss={stableOnDismiss} interactionPolicy={interactionPolicy}>
-      <Box maxWidth={resolveDialogWidth(width)} style={{ alignSelf: 'center', width: '100%' }}>
-        <Stack gap="m">
-          {hasHeader ? (
-            <Stack gap="xs">
-              {title ? <Heading level={3}>{title}</Heading> : null}
-              {description ? (
-                <Text emphasis="muted" variant="bodySmall">
-                  {description}
-                </Text>
-              ) : null}
-            </Stack>
-          ) : null}
-          {children ? <Box>{children}</Box> : null}
-          {footer ? <Box pt="xs">{footer}</Box> : null}
-        </Stack>
-      </Box>
-    </SurfaceModal>
-  );
-}
-
-/***
- * Modal dialog surface with header/content/footer slots.
- */
-export const Modal = withZoraThemeScope(ModalInner);

package/src/components/modal/index.ts

@@ -1,2 +0,0 @@
-export { Modal } from './Modal';
-export type { ModalProps } from './types';

package/src/components/modal/meta.ts

@@ -1,10 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-
-export const modalMeta = {
-  name: 'Modal',
-  category: 'component',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Overlay component; not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;

package/src/components/modal/types.ts

@@ -1,16 +0,0 @@
-import type { ModalProps as SurfaceModalProps } from '@ankhorage/surface';
-import type React from 'react';
-
-import type { ZoraContentWidth } from '../../internal/recipes';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface ModalProps
-  extends
-    ZoraBaseProps,
-    Pick<Omit<SurfaceModalProps, 'mode' | 'themeId'>, 'closeOnBackdrop' | 'onDismiss' | 'visible'> {
-  children?: React.ReactNode;
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-  footer?: React.ReactNode;
-  width?: ZoraContentWidth;
-}

package/src/components/pagination/Pagination.tsx

@@ -1,199 +0,0 @@
-import React from 'react';
-
-import { Button } from '../../features/button/public';
-import { Stack } from '../../features/layout/public';
-import { Text } from '../../features/typography/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { PaginationProps } from './types';
-
-type PaginationItem = number | 'ellipsis';
-
-function clampInteger(value: number, min: number, max: number): number {
-  if (!Number.isFinite(value)) {
-    return min;
-  }
-
-  return Math.min(Math.max(Math.trunc(value), min), max);
-}
-
-function createRange(start: number, end: number): number[] {
-  if (end < start) {
-    return [];
-  }
-
-  return Array.from({ length: end - start + 1 }, (_, index) => start + index);
-}
-
-function normalizeCount(value: number | undefined, fallback: number): number {
-  if (value === undefined || !Number.isFinite(value)) {
-    return fallback;
-  }
-
-  return Math.max(0, Math.trunc(value));
-}
-
-function createPaginationItems({
-  page,
-  pageCount,
-  siblingCount,
-  boundaryCount,
-  compact,
-}: {
-  page: number;
-  pageCount: number;
-  siblingCount: number;
-  boundaryCount: number;
-  compact: boolean;
-}): readonly PaginationItem[] {
-  if (pageCount <= 0) {
-    return [];
-  }
-
-  if (compact) {
-    return [page];
-  }
-
-  const boundaries = createRange(1, Math.min(boundaryCount, pageCount));
-  const trailingBoundaries = createRange(Math.max(pageCount - boundaryCount + 1, 1), pageCount);
-  const siblings = createRange(
-    Math.max(page - siblingCount, 1),
-    Math.min(page + siblingCount, pageCount),
-  );
-  const pages = [...new Set([...boundaries, ...siblings, ...trailingBoundaries])].sort(
-    (left, right) => left - right,
-  );
-  const items: PaginationItem[] = [];
-
-  pages.forEach((nextPage, index) => {
-    const previousPage = pages[index - 1];
-    if (previousPage !== undefined && nextPage - previousPage > 1) {
-      items.push('ellipsis');
-    }
-
-    items.push(nextPage);
-  });
-
-  return items;
-}
-
-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,
-}: PaginationProps) {
-  const passive = interactionPolicy === 'passive';
-  const normalizedPageCount = Math.max(0, Math.trunc(Number.isFinite(pageCount) ? pageCount : 0));
-  const currentPage = clampInteger(page, 1, Math.max(normalizedPageCount, 1));
-  const safeSiblingCount = normalizeCount(siblingCount, 1);
-  const safeBoundaryCount = normalizeCount(boundaryCount, 1);
-  const items = createPaginationItems({
-    boundaryCount: safeBoundaryCount,
-    compact,
-    page: currentPage,
-    pageCount: normalizedPageCount,
-    siblingCount: safeSiblingCount,
-  });
-  const canGoPrevious = currentPage > 1;
-  const canGoNext = currentPage < normalizedPageCount;
-  const navigationDisabled = disabled || normalizedPageCount <= 1;
-
-  const changePage = (nextPage: number) => {
-    const clampedPage = clampInteger(nextPage, 1, Math.max(normalizedPageCount, 1));
-    if (passive || disabled || clampedPage === currentPage) {
-      return;
-    }
-
-    onPageChange?.(clampedPage);
-  };
-
-  return (
-    <Stack align="center" direction="row" gap="xs" testID={testID}>
-      {showFirstLast ? (
-        <Button
-          disabled={navigationDisabled || 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(currentPage - 1)}
-        size="s"
-        testID={testID ? `${testID}-previous` : undefined}
-        variant="ghost"
-      >
-        {previousLabel}
-      </Button>
-
-      {items.map((item, index) =>
-        item === 'ellipsis' ? (
-          <Text key={`ellipsis-${index}`} emphasis="muted" variant="bodySmall">
-            …
-          </Text>
-        ) : (
-          <Button
-            color={item === currentPage ? 'primary' : 'neutral'}
-            disabled={disabled}
-            interactionPolicy={interactionPolicy}
-            key={item}
-            onPress={() => changePage(item)}
-            size="s"
-            testID={testID ? `${testID}-page-${item}` : undefined}
-            variant={item === currentPage ? 'solid' : 'ghost'}
-          >
-            {item}
-          </Button>
-        ),
-      )}
-
-      <Button
-        disabled={navigationDisabled || !canGoNext}
-        interactionPolicy={interactionPolicy}
-        onPress={() => changePage(currentPage + 1)}
-        size="s"
-        testID={testID ? `${testID}-next` : undefined}
-        variant="ghost"
-      >
-        {nextLabel}
-      </Button>
-
-      {showFirstLast ? (
-        <Button
-          disabled={navigationDisabled || currentPage === normalizedPageCount}
-          interactionPolicy={interactionPolicy}
-          onPress={() => changePage(normalizedPageCount)}
-          size="s"
-          testID={testID ? `${testID}-last` : undefined}
-          variant="ghost"
-        >
-          {lastLabel}
-        </Button>
-      ) : null}
-    </Stack>
-  );
-}
-
-/***
- * Pagination control for navigating between pages of results.
- */
-export const Pagination = withZoraThemeScope(PaginationInner);

package/src/components/pagination/index.ts

@@ -1,2 +0,0 @@
-export { Pagination } from './Pagination';
-export type { PaginationProps } from './types';

package/src/components/pagination/meta.ts

@@ -1,10 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-
-export const paginationMeta = {
-  name: 'Pagination',
-  category: 'component',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Code-facing controlled pagination component; not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;

package/src/components/rating/Rating.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-
-import { Icon } from '../../features/icon/public';
-import { Inline } from '../../foundation';
-import { resolveIconSize } from '../../internal/recipes';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { resolveRatingSegments } from './resolveRatingSegments';
-import { type RatingProps, resolveRatingRole } from './types';
-
-function RatingInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  testID,
-  value,
-  max = 5,
-  color = 'warning',
-  size = 'm',
-}: RatingProps) {
-  const { theme } = useZoraTheme();
-  const role = resolveRatingRole(theme, color);
-  const segments = resolveRatingSegments({ value, max });
-  const iconSize = resolveIconSize(size);
-
-  return (
-    <Inline align="center" gap="xxs" testID={testID} wrap="nowrap">
-      {segments.map((segment, index) => {
-        const name =
-          segment === 'full' ? 'star' : segment === 'half' ? 'star-half' : 'star-outline';
-        const color = segment === 'empty' ? theme.semantics.content.muted : role.base;
-
-        return <Icon key={index} color={color} name={name} size={iconSize} />;
-      })}
-    </Inline>
-  );
-}
-
-/***
- * Displays a star-based rating value with optional half steps.
- */
-export const Rating = withZoraThemeScope(RatingInner);

package/src/components/rating/index.ts

@@ -1,2 +0,0 @@
-export { Rating } from './Rating';
-export type { RatingProps } from './types';

package/src/components/rating/meta.ts

@@ -1,10 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-
-export const ratingMeta = {
-  name: 'Rating',
-  category: 'component',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Feedback component; not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;